Week 8 Blog - Web 2.0 Design

I would like to introduce some free online tools. They can help you to design the professional and beautiful.

Banner and Logo

Web 2.0 Badges

Web 2.0 logo creatr

Web 2.0 Free Logo Generator

Button

Button
It can generate Web 2.0 Button.

Table

RoundedCornr
It can generate the rounded corner of the table.

Menu
Flyout Menu Builder – Only work at IE and FireFox

~Hope All of You Enjoy My Sharing~

Week 6 Blog - Web Design From Scratch

I have read a webpage called "Web design from scratch ".

In this webpage, there are a lot of useful article to learn. In this time, I read the Graphic Design for the web first.

The skill of Graphic Design Basic as the followings:

1. Clarity in web page design
   The root factor of effective visual design is creating relationships to show:
   what is part of what?
   what is different from what
   how different elements relate to each other
2. Color
   Example of not enough colour
   Keep intense colours for attracting the eye
   Comparing two example, we use intense color to attracts the eye, and greater the area, the stronger the attraction.
3. Contrast
   Example of insufficient contrast
   Example of sufficient contrast
   We uses black/white for the majority of body text, for maximum readability.
4. Readability
   Making pages easy to read by design
   In the article, there is a quite interesting example.
   When we enlarge the font size of Arial and Verdana, we will know the Verdana is most effective font for the text.
5. Effective text
   The strengths of using HTML text rather than words as graphics in web design
   There are a lot of the benefits of text over graphics. For example, comparing the text and graphic, the text can already be displayed quicker on screen than graphic file.
6. Imagery
   We need to consider site's goals and the users' goals, and apply graphics in a suitable proportion.
7. Attention Map
   It is just similar the prototype for helping you plan what your page should do before you get your hands dirty, example .

~Hope All of You Enjoy My Sharing~

Week 5 Blog - How to test your website

I have read an article about how to test your website.

Here are the steps of testing a website.

Document Type Definition (DOCTYPE)
We need to add < !DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" >
for each of pages.

Character Encoding
We need to add meta < content="text/html; charset=iso-8859-1" equiv="Content-Type">for each of page.

Validated the each page of the website
The W3C Validation Service.
WDG HTML Validator
Tidy the HTML coding tool and validation: HTML Tidy

Checked the spelling of the content in the website
WDG HTML Validator

Verified the all links in the website
broken links
Link Check

Determine the download times for each page
WDG HTML Validator

Testing the website by using different browser
Browsershots.org
For example, i test Dr. Chun Website, the result is Here !

Evaluation of comment from the other people
To see whether they are satisfied the website or need to improve the website

Backup copy of the files
To prevent data lose

~Hope All of You Enjoy My Sharing~