Introduction

This is a demo html site of my personal webpage. This site is an example of basic HTML with CSS to create and manipulate the styles.

I have an affinity for using gray when I design web pages. I tend to use it often which can be annoying for some. But gray is a neutral colour and it is rather comfortable to look at.

I'd use blue which is another one of my favourite colours but I'm trying to avoid that right now because it's too 'web-classic' or 'web-default'.


From This to That

Here's a short account of how I've planned and created this site. First, I did a basic sketch of the layout on paper.

As it's a personal website, I decided to pick colours I associate myself with which is hot pink (#FF0066) and gradients of gray ranging from dark gray (#333333) to light gray (#CCCCCC).

I used HTML/CSS to create the layout and then I did the individual pages one by one, starting from the simple ones like contact.html and links.html which don't have a lot of content.

I then continued by filling up content on pages like music.html, movies.html and books.html. Gallery.html and family.html pages are quite similar so I did them after everything else.

Believe it or not, the final page is index.html (aka home page)! I've done it this way because I decided to publish the site summary here on the front page so I couldn't come up with this content until I was done with the other pages of the site.



Final Steps & Touching Up

After typing this all up I will add a few screenshots and/or images on this front page. This is to balance text and images so it won't be too monotonous.

When the index page is done, I'll have to go back to the other pages and make sure they're pixel-perfect (CSS again). I've had 3 browsers open through oughout the creation of this site to ensure modern browser compatibility.

As I have been having problems downloading Google Chrome I am only sure that the site should look as it's supposed to on the latest versions of Firefox, Internet Explorer 8 and Opera 10.