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.

useful Web Design Tools ~

As first I want to find some web site which mentions that font can affect the web design, finally I find this web site which mentions web design tools and i think it is useful for us to design our web site easily.

Because font is an important part of Web design, the message want to bring out to the visitors is presented by texts, if the font is attractive, clear, and in suitable size. Also you will attach image or icons to the web site to make it more attractive to the visitors. And there are some useful web sites which can help you to design the web site easier.

Font:
1.) http://typetester.maratz.com/

In this web site, you can choose which size, color, alignment, word space, decoration....of the font, also choose the background color, after you choose it, then it will generate many combination of the font once time. I think it is easier for you to choose which combination is better and then follow the style to act on your web site.

2.) http://www.creamundo.com/index.php?lang=en

There are many fonts for you to download for your website. such as if your web site is for children, then using cute font will more attractive to them.

Icon:
1.) http://commons.wikimedia.org/wiki/Crystal_Clear

some useful icon for you to use at your web site.

Color:

1.) http://www.degraeve.com/color-palette/index.php

This is a Color Palette Generator. For a specified image, the site will suggest ten colors which match the colors in the image. If you want to upload the image on your web site, and need to add some description of the image, you and use this function to generate some colors which match with the color in your image, then the visitors visit your web site will feel more comfortable.

HTML:
1.) http://vzone.virgin.net/sizzling.jalfrezi/iniframe.htm

It allows you to use the tools they provide to help you get started. This site helps anyone whom is just starting to learn about HTML.

I hope these web site is useful to all of you~

well-designed sites criteria~

I have read a web which is talk about how to have a good web design.
http://blog.siterevamp.com/2007/06/good-web-design.html

This articles mentions that the biggest problem that Web sites have these days is navigation. As sites get bigger and more complex, they have much more value, but it's harder to have people get to what they want.

I like the point which the article has mentioned, "It is very important to keep in mind that your website ISN'T about what you like. It is about what your customers like!". For many web designes, they design the web site mainly make design decisions in a committee, and a VP of marketing but lacking a focus on customers. The purpose of a web site is to provide valuable information to its visitors and give them what they are looking for but not based on some business owners' personal preferences. So the article mentions a few things that a business owner could do to facilitate the design of a visitor-friendly website and then they can improve their website.

~~The Importance of Color in Web Designing~~

I have found a funny website to talk about the importance of color in web designing. In this website, there are 3 things attract me to read it. Firstly it explains why the color in real life is different from the website. Secondly, it tells us color is very important to attract visitors to stay in the website longer and become your customers, because we can use color to make the users feel confortable and continuously read the information in the website. Finally, it also tells us that different colors have different meanings, such as green color represents nature, health, good luck...............

If you want to read more detail, you can visit this website: http://www.webdesign.org/web/web-design-basics/color-theory/the-importance-of-color-in-web-designing.12490.html
hope it is useful for you^^