useful link for designing your website~

To make the website, we know that many things we need to do to make our web site become web standard and user friendly. Here are some useful web site for us to make our web site easier:

1.) Creating a Site Map for your web site
http://www.webdevelopersnotes.com/tips/webdesign/creating_a_site_map_for_your_web_site.php3

The tag can be employed to create simple one-level lists and also display the hierarchical structure of your web site by nesting lists if your site s more complex.

2.) Important points to remember when creating a Flash intro
Some one want to include flash in the web site, but all we know that flash may be caused the visitor bad feeling, if you want to include flash inside your web site, here are some points:

http://www.webdevelopersnotes.com/tips/webdesign/create_flash_intro_important_points.php3

• Provide a "Skip" button in the intro
• Provide static HTML links below or better still, above the Flash intro
• A "Loading" bar or message
• For very large Flash intros
• Provide a link to the Flash plugin
• Music in the Flash intro
• Placing keywords for Search Engines

Web design tip on background and forground ~

A cool factor of your web site should not turn you away from this basic and obvious tip. Remember, it's easy for your visitors to press the back button on their browsers.so i have found a few link which relate to how make your web site cool.
1.) http://www.webdevelopersnotes.com/tips/webdesign/choosing_background_and_foreground_colors.php3

Use a contrasting color combination for the page background and the foreground text. Avoid bright colors as backgrounds . Try to test the clarity of your foreground text. View your page from a distance of 3 feet. If the text is readable use the color combination.
2.)htp://www.webdevelopersnotes.com/tips/webdesign/creating_seamless_backgrounds.php3

Use a seamless image instead of a large background image, because large background image, say 800x600, would be at least 30kb (optimized). A small seamless image would be much smaller. You can have seamless images that are a mere 3kb! Thus, small seamless images result in faster web page display. The seamless image is the image the left and right & top and bottom sides are welded so a particular side continues the information on the opposite one. From this web, it can teach you how to make it.

http://www.webdevelopersnotes.com/tips/webdesign/beautiful_seamless_web_page_backgrounds.php3

from this web site, it can teach you how to make beautiful seamless image.
3.) http://www.webdevelopersnotes.com/tips/webdesign/headings_and_fonts.php3

ometime we want to emphasis the web site headings by using special font but it may not emphasis because the visitors do not install that font. A straight solution is to present headings in form of graphics rather than HTML text. You can then have the freedom to choose the font and the typography, without worrying about its final display.

USEFUL WEB SITE FOR WEB DESIGN

There are a few web link for you to make your web site better~

1.)http://www.lonex.com/wh_sitestudio.html

SiteStudio is a FREE web design tool suitable for all kinds of users. You don't have to be an expert in graphic design, HTML code or web programming. By using some of the more than 70 templates offered by SiteStudio, you can create your own unique, professional-looking website in 10 to 15 minutes

2.)http://www.lonex.com/signup/selectdomain/

Free domain name registration or free domain transfer for every new customer who purchases a Business, Corporate or Enterprise web hosting plan.

3.)http://www.lonex.com/web_templates/

FREE WEB TEMPLATES
Lonex is proud to provide you with one FREE web design template. It includes PSD files, HTML files, blank images, fonts and style files. There is no other place where you can get web design template for FREE along with web hosting!

image tips~

1.)http://www.photoshopstar.com/web-design/personal-portfolio-template/Some of the images in this tutorial are too big to display the full-sizes, so with some of the images you can click them to see the full-sized version, to make sure you’re on the right track etc.2.) http://www.templatesresource.com/website-tools/seo/index.aspThese days one of the most important aspects of your business is having a website. The success of your website depends on your customers, more importantly, people being able to find your website. So you need to have a good SEO.From this web, u can find it~

Tips on Design and Page Layout

http://www.aksi.net/website-design-tutorial4.htm

If you want to make your pages more effective and pleasing to the eye, you must follow these 5 basic principles:

1. Create a Visual Theme that is consistent.
   
   ->Choose a combination of colors that you will use throughout your site.
   ->Try to choose color combinations that are high contrast and easy on the eyes.
   ->Choose a set of colors that are consistent with the atmosphere you are trying to create.
   
2. Align elements on the page.
   
   ->Never place elements and text on the page in a haphazard way
   
3. Use contrasting color and text weight effectively.
   
   ->use contrast between the text and other elements and easy to read
   ->mixing type faces of different weight can often create contrast and help to separate sections of your page
   ->avoid textured backgrounds that make text hard to read
   
4. Group elements together so that the reader can more easily grasp the information you are presenting.
   
5. Make intelligent use of images including images that display text.
   ->not everyone has the same fonts available to them on their computer. The only way you can make sure that look of text is the same for every user is to create an image consisting of text.

use link:

http://www.layouts4free.com/template/52/

-> many free layout for download, after you download, just need to edit a little bit then can build your own website.

something about layout~

Before we have read some web site from exam must read, which is about the basic design, and when i search for layout, some web relate to the basic design are shown and i think it is must simplier for you to have a quick review before exam. The web site use a very simple example and simple sentense to explain what is the meaning of proximity, alignment, repetition and contrast.

• http://kurucz.ca/tutorials/layoutdesign/index.html

This week we need to hand in the web prototype. As i have not used css before, i search some css feature for doing the web site redesign. If those classmates is not familiar with the css, you can visit to these css website to get some idea to do your project.

• http://www.layouts4free.com/

from this web site, you can download many free layout and there are also other free material for you to download, e.g. FREE WEB GRAPHIC, FREE LAYOUT, FREE WALLPAPER.

• http://www.hsiu28.net/style/style_11.php

These is a chinese web site to teach css , and i think it is useful for those who do not familiar with css like me.

Web site navigation - importance and tips

Good web site navigation Tip 1
Always link the logo on a web site to the homepage.

Good web site navigation Tip 2
Place navigation system on the left or the top, just below the header. Do not try to design out of the box unless you are sure of what you are doing.

Good web site navigation Tip 3
Have consistent navigation throughout the web site. For example, do not have the navigation system placed horizontally on one page and vertically on the left in another. An exception to this rule can be the homepage which can differ from all other pages.

Good web site navigation Tip 4
In addition to linking the logo to the homepage, be sure to have a link called "Home", "Homepage" or equivalent in the web site navigation menu. Ideally a web site navigation menu consists of links to the homepage, "About Us", "Contact Us", "Site Map" and other important pages of the web site.

Good web site navigation Tip 5
A good site map and navigation menu on a web site will cut down the number of clicks required to move from one page to another. A thumb rule for good web site navigation is to keep the number of clicks from one page to another at 3.