Week 3 - Markup Language Revision
Try to reproduce the following picture of a web page using the HTML and CSS that we've learned so far:
Although you cannot see it here, the words: "Blue Flax Society" are a link to the web page: http://aggie-horticulture.tamu.edu/wildseed/21/21.1.html
What you see here is just a picture of the web page (so you can't copy the HTML), but when you create your own page, make it so that when you hover your mouse over the link "Blue Flax Society" an underline appears. What do you think of displaying links this way? Does it make the page more attractive? Does it make it easier or harder for visitor to the site to find more information? Post your ideas as a comment on this blog entry.
You can find a copy of the image at: http://bathurst-tafe.nsw.edu.au/~pshanks/3755A/03blueflax.jpg (internal link: http://192.168.201.2/~pshanks/3755A/03blueflax.jpg)
The text is bold type; "Trebuchet MS", "Helvetica", sans-serif with a hex colour value of #3366cc
For a merit point, put the CSS into a seperate file and make a relative link to it from your html page (hint - for people inside the firewall, use this link instead)
Although you cannot see it here, the words: "Blue Flax Society" are a link to the web page: http://aggie-horticulture.tamu.edu/wildseed/21/21.1.html
What you see here is just a picture of the web page (so you can't copy the HTML), but when you create your own page, make it so that when you hover your mouse over the link "Blue Flax Society" an underline appears. What do you think of displaying links this way? Does it make the page more attractive? Does it make it easier or harder for visitor to the site to find more information? Post your ideas as a comment on this blog entry.
You can find a copy of the image at: http://bathurst-tafe.nsw.edu.au/~pshanks/3755A/03blueflax.jpg (internal link: http://192.168.201.2/~pshanks/3755A/03blueflax.jpg)
The text is bold type; "Trebuchet MS", "Helvetica", sans-serif with a hex colour value of #3366cc
For a merit point, put the CSS into a seperate file and make a relative link to it from your html page (hint - for people inside the firewall, use this link instead)
No comments:
Post a Comment