The starting of a new blog are like meeting new people in a party, everything would be quiet and everyone will be shy. This brings a lot of tension and quite hard to even start anything.
As we all sat down in front of our computer, the hardest thing would be to type out the first set of lines to a completely new blog. All kinds of things pops up and go. What do I want to write down first for this blog? I wonder... huh...
Anyway, this is a new blog for ISYS100 the Photography Trio and then, as the assignment have said, the first post have to be about the layout of the blog. I guess the exciting photography have to wait.
Shown above is the plain blog layout we come up with. I guess, it looks plain compare to one right now.
Obviously a photography blog, we need something attractive and a photograph would do to be the banner image at the top. Some minor tweaks and special effect should make it attractive.
To the leftside would be the introduction section for the blog and instead of using buttons, we have use mapping of image to redirect so the box on the left changes depends on what you press.
<img src="http://i976.photobucket.com/albums/ae244/z0426/ISYS/Layout1.jpg" style="position:absolute; top :0; left:0;border:0;" border="0" usemap="#imap_23" >
<map id="imap_23" name="imap_23" >
<area shape="rect" coords="90,45,420,200" title="Home" alt="Home" style="cursor: pointer; padding: 10px;" onMouseover="this.style.color='#FFFFFF'"onMouseout=";this.style.color='#CDCDCD'"onClick="window.parent.form.textbox.value= this.innerHTML; return false" href=http://isys100photography.blogspot.com/></a> ">
<area shape="rect" coords="90,240,200,270" title="About" alt="About" style="cursor: pointer; padding: 10px;" onMouseover="this.style.color='#FFFFFF'"onMouseout=";this.style.color='#CDCDCD'"onClick="changeNavigation('About')">
<area shape="rect" coords="90,290,200,320" title="Zhen" alt="Zhen" style="cursor: pointer; padding: 10px;" onMouseover="this.style.color='#FFFFFF'"onMouseout=";this.style.color='#CDCDCD'"onClick="changeNavigation('Zhen')">
<area shape="rect" coords="90,330,200,360" title="Philicia" alt="Philicia" style="cursor: pointer; padding: 10px;" onMouseover="this.style.color='#FFFFFF'"onMouseout=";this.style.color='#CDCDCD'"onClick="changeNavigation('Philicia')">
<area shape="rect" coords="90,375,200,405" title="Marco" alt="Marco" style="cursor: pointer; padding: 10px;" onMouseover="this.style.color='#FFFFFF'"onMouseout=";this.style.color='#CDCDCD'"onClick="changeNavigation('Marco')">
</map>
Anyway, very fat amount of coding to it but at least it works well.
The blog is just on initial stage and I guess more to come
