First assignment

After learning some new codes for html, our very first assignment for this semester is to create a portfolio site for ourselves. Because I am a part time photographer, so I decided to create a portfolio site about that. I chose some of the photos I took that I like most and then I started planning about the page. I first draw a site map, to see how the flow will go.

figure 1. Sitemap.

After I planed it out, I started to do some research, to find some ideas for my portfolio site. I am a user of both Flickr and Twitter, and I always find their interface very nice,clean simple and user friendly, nothing too fancy yet very nice to see.

figure 2. Flickr interface

figure 3. Twitter Interface

Then I decided to adapt some of the design from these page and then apply them into my own design.I really like how direct flickr is, which is when you click into flickr, first thing you will see is a bunch of photos.Then I also like how things are arranged in twitter.
So,finally, here are the out come:

figure 4. Home page / Photostream.

figure 5. album

figure 6. contact.

The reason why I design my contact page like this is because, I think I will look better like this instead of using the web's icon like how I did last time.

The problem I face in this assignment is applying the javascript.

According to plan, there will be javascript in the page, to preview the album and the photos, instead of connecting them to another page, it is better to preview them using javascript. But the problem is, I am not sure what kind of javascript to use and how to use them.

To solve this problem, I seek help from my friend , Cheong Jun Fay. Then he help me to find some javascript online and teach me how to use them, he also gave me some of his opinion about the page, about how can it be improve and maybe something to add on, so it would look better. So, finally, I manage to get it done.