------
I decided to convert the layout designed previously to HTML first to see how it looks and feel, and may help to improve the design.
At first I plan to do in XHTML & CSS which is the trend lately, but I found that my layout are very simple, using table should be enough for it.
So I started to do slicing in Photoshop, just simply slide out the images because the layout details will adjust in HTML.
Then I started to working on the HTML in Crimson Editor, a good free source editor.
- added < body style="margin:0;"> to make everything align in the center of the browser, no matter in what resolution.
- set the font family as Verdana,san-serif and font size as 16px which is quite big if compared to other common website, but I think bigger font size is easier for users to read.
*Feel like quite hard to do the bottom part which is grab random photos from the gallery and arrange it like the planned design, due to the irregular placement. But will try to find and think of some way to solve this problem, if cannot make it maybe just arrange it nicely or do it manually in Photoshop.
For the photo details page, I decided to use Facebook social plugin such as the Like Button, Share Button and Comment system, to make the users more convenience because no need to register an account just for vote or comment.
To integrate the Facebook social plugin in website, it required us to create a Facebook App first to get the appId
Then just using the script provided in http://developers.facebook.com/docs/plugins/
For the Share Button, I choose to use plugin from http://www.addthis.com/ to support for more services like tweeter and email.
Post a Comment