Thursday, 29 November 2007

SEO : Website structure CS3382 - Week12

Optimization of website structure
  1. Physical Structure (e.g. menu, navigation bar)
    1. Flat structure
    2. Tree structure
  2. Logical Structure (e.g. quick links, internal links )
For SEO, the most important point is not how well the physical structure (URL depth), but how deep is the page from the homepage.

Flat structure is better than Tree structure due to the depth of the website.
However, for large website, using flat structure may probably reduce the Usability. To make use of logical structure such as making hot links/back links to hot pages in the homepage, not only it can enhance the SEO, but also increase the Usability.

Tuesday, 20 November 2007

CSS : Priority of display, float and position CS3382 - Week11

There is priority between display, float and position, so their setting may cover each other if not in appropriate use.
Symbol meaning
=> : become setting of
: other than

1. display : none => no position, no float
2. display : none => position : absolute OR fixed
3. display : block AND float : none => top, bottom, left. right (use absolute position)
4. float : none=> display : block, box use float
4. => display

position : relative
means the latter item's position will be calculate by the former item +
top, bottom, left. right.

the parent container of former item and latter item is at (10, 10)
former item at (100, 200)

latter-item {
position : relative;
top : 10px;

latter item will be at (110, 200)

latter-item {
position : absolute
top : 10px;

latter item will be at (20, 10)

Tuesday, 13 November 2007

CSS : Solve min-width Problems CS3382 - Week 10

How to Use CSS to Solve min-width Problems in Internet Explorer

Maximum and Minimum Height and Width in Internet Explorer

CSS Layout template

Thursday, 8 November 2007

Web Design : Usability Testing CS3382 - Week 9


In order to handing in Book Critique, that is the book i read.
It has mentioned some interesting testing method for the website.

Trunk test
  1. Site ID
  2. Page Name
  3. Sections and subsections
  4. Local navigation
  5. "You are here" indicator(s)
  6. Search
"Homepage" Test
  1. What's the point of this website? (any tagline of logo/title)
  2. Do you know where to start? (any big button, obvious image/text indicates?)
  3. Meaningful and clear grouping?
  4. Getting greedy for user data? (get users to engage in site quickly)

Thursday, 1 November 2007

SEO : redirect method (301 and 302) CS3382 - Week 8

301(Permanently Moved), 302(Temporarily Moved) are often used because of the web hosting of website changes.
The method and steps need to do as the followings
(taking Linux using Apache as web server as example):

  1. Redirect 301 In PHP
    Header( "HTTP/1.1 301 Moved Permanently" ) ;
    Header( "Location:" );
  2. Setting .htaccess file in the root directory of the website
    Options +FollowSymLinks
    RewriteEngine on
    RewriteRule (.*)$1 [R=301,L]
    rewritecond %{http_host} ^ [nc]