Web Design 2 - Tutorials

Tutorials for HTML & Codings.

-http://htmldog.com/

-http://www.htmlcodetutorial.com/

-http://www.w3schools.com/html/

-http://www.tizag.com/htmlT/htmlcode.php

Design Tutorials

How to create a web-layout for Italian restaurant

-http://www.adobetutorialz.com/articles/2510/1/Web-Layout-for-Italian-Restaurant

How to create a pure CSS polaroid photo gallery

-http://line25.com/tutorials/how-to-create-a-pure-css-polaroid-photo-gallery

Design a creative design studion layout

-http://www.grafpedia.com/tutorials/design-creative-design-studio-layout

Making your own portfolio web layout page

-http://www.adobetutorialz.com/articles/2967/1/Making-your-own-portfolio-web-page

*from: http://www.noupe.com/tutorial/the-ultimate-collection-of-brilliant-web-design-tutorials.html

Web Design 2 -Beautiful website

Claptaps

http://claptaps.jp/

Cute and awesome interactive website where you can move a character to navigate around the website. Nice art and graphic although there is not much color.Typeface is nice. Interesting way of dragging the navigation button downward like pulling a string.

Puma

http://www.puma.co.kr/goosedown/2010/index.jsp

Street style design very suit. Attract a lot of attention by using a target mouse cursor. Pages slide left and right instead of up and down. Typeface is suitable. Nice website.

Atlantis Fair

http://lostworldsfairs.com/atlantis/

Interesting way of using scrolling effect. Simple graphic but nice. Colors are very catchy and unique way of giving information. Typeface used is suitable.

Owl Concept

http://owlconcept.com/#!/news

Simple and nice. Gives off a mysterious feeling just like the owl. Interface is suitable and typeface used is good. Color used is contrast and overall looks good.

Web Design 2 - Competitors

Bed

http://www.bed.com.my/#

Nice introduction. This website use a lot of vector graphic. Layout design very special and looks very stylish.Overall has a sleek feeling in the website. Information still not there yet as it is under development. However i like the design on the navigation bar using vector graphic.

Luna

http://www.luna.my/

This website has a very modern and stylish feeling. Feel more higher class and very nice design.It has a unique navigation bar on the left which I never seen before. Nice concept of having a back button on the navigation. Clear information and easy to understand while keeping its high class feeling there.

Sky Bar

http://www.skybar.com.my/

This website really brings out the sky feeling just like its name. Nice and unique concept of using the 5 elements of sight,hearing,smell,touch and taste.

The index page is interesting as it attracts me to click of the women 5 senses. Easy to navigate and clear information.

Ecoba restaurant and bar

http://www.ecoba.com.my/#/home

This website is simple using paper as its element. Easy to navigate around the website as it has lesser information. Interesting rollover effect on the graphic. Maybe cause this website support environment friendly, that is why it has 'this' environmental friendly feeling when i see this website.

*2 more extra website page below

http://brotzeit.co/aboutUs.php

http://www.opusbistro.my/

Web Design 2 - Frangipani

Frangipani is a high class restaurant and bar. The website consist of

earthly colors and it is named after a flower. A very different type of

concept compared to other restaurant/bar which have a more stylish

and modern website look.

What I like about the website:
-Photo of the cakes~ XD *yum yum*

*thats all i think...haha

What I dislike about the website:
- A lot of text in some pages.
- Title doesn't stand out very much.

-Navigation bar = boring.
-Doesn't have an interesting hierarchy. Photos and text are place

where it looks quite messy.

link : http://www.frangipani.com.my/index.html

Web Design 2 - Sitemap & Gantt chart