Monday, April 14, 2008

HTML news exercise 2

This is a 90-minute exercise to be completed in class today.

Setup:

  • Go to the class server inside the "html practice sites" folder and copy the folder "april14" to your mysbfiles public_html folders. Note the contents: an index.html file and an empty images folder.
  • In a new browser tab/window, open your new april14 site at http://mysbfiles.stonybrook.edu/~yourNetID/april14/
  • In Dreamweaver, open the index.html file
  • To turn this project in, post a link to your page in the class blog. Don't forget to label it with your name.
Objective:
  • You are the current homepage producer on a New York City *local* website, on a 90-minute deadline to set up tonight's homepage that someone has left blank.
  • Fill in all the parts of the page using today's news, sports and feature stories, images and interactivity. Your links (with the exception of interactivity links - see below) should be real, going out to real stories on the Web. You are lucky that the entire Web can be considered under your website's ownership, so you can link to anything as if it were your site's own story.
  • You should have at least one interactive element on each vertical layer of the page (total of at least 3). These should be links that go to your personal blog, to comment sections of new entries created for this purpose, where you will set up teaser questions for your audience to interact with.
Rules:

  • You may add additional links where only one is shown, being careful not to completely destroy the overall balance and design of the page
  • Where there are images, you should include images you grab (and credit) from the web. They should be sized properly in Photoshop, saved to the images folder in april14 and called with an absolute URL from index.html. Don't change the size of any image. Find the image size required by looking at the code in the image call.
  • For the bottom layer of ther page, you must have at least one sports item and one lifestyles/entertainment item. The third slot is up to you - go with an additional item of those categories or find another category altogether. Make sure you alter the label bar to indicate your category
  • Although you are linking to items not truly your own, all teasers, captions and headlines *should be * your own writing.
Tips:
  • Remember - you are on deadline. Set yourself some internal deadlines so you keep moving through the page.
  • Don't be intimidated by the code - use the split feature of Dreamweaver to find the page parts you are looking for.
  • Don't get bogged down with doing fancy stuff to the images - find them, size them and get them up
  • No polls - use your impulse to create polls and instead create nice interactivity teaser questions.
  • Try to create some nice packages in the top sections especially - find multimedia out there to link to as extra links.
  • Think local
  • Try for a nice balance of items to appeal to a broad interest.
  • Snappy headlines and teasers. You want people to click, so make your items interesting.
  • Leave yourself some time to proofread

No comments:

Post a Comment