Sunday, February 12, 2012

HTML: American Flag Assignment


American Flag on the Fourth of July
With the HTML practice I am trying to do the following: 
  • Get you accustomed to naming files, saving them, and opening the pages.
  • Understanding basic structure of code.
  • Switching from one teacher (me) to many teachers (you).
  • Have you acknowledge what a good website, good writing, and good design looks like.  
So.....
  • I will guide you, model some items, but I will try not to give you the answers.  This is a coding class, which is problem solving.  You need to learn how to solve the problems.
  • I will begin to insist on your best work.  Some of you will struggle and I will say "try again".  Don't get frustrated, I do that because I know you can do better.
  • At just about anytime I will allow you to work on your own projects.  Some examples of student led projects include this music video or maybe creating an advocacy campaign to change the world.  Seriously, this is your chance to really think about what you want to do.
We will make our first webSITE today. Until now we have made webPAGES. Today please do the following:

  • Create a folder in your WDrive-Web Design. Label it correctly (first initial, last name, assignment) "bschneiderFlag".
  • Download a clip-art or Creative Commons image of an American Flag. Save in flag folder
  • Create a two-page website.
  • Title Page 1: "American Flag". Add heading, background color, and flag image.
  • Center image.
  • Title Page 2: "American Flag History". Add heading. Add short description of Flag history with two links to further information.
  • Link pages together: Make image on Page 1 the link to Page 2. On Page 2 include a "home" link back to page 1.
  • Does your font choice matter?  Read this.
  • Save both pages. Test links.
  • Save entire folder to the UDrive-WebSchneider folder.  Find your class and the flag folder.
When done:

Nobody finishes early.  There is always something to work on.

No comments: