freecsstemplates assignment

Start:

  1. Go here and download the Barricade" template: http://www.freecsstemplates.org/preview/barricade/
  2. Unzip it by double-clicking on it.
  3. Make the folder into a local site named Barricade.
  4. You will be using the 50webs host provided to you in class.
  5. You can use these instructions to assist you. You only need to follow the instructions in the Site category and Server category sections.
  6. NOTE: These ftp instructions have been working inconsistently. If the connection does not work for you, skip this part.
    When you make the ftp settings for your 50webs site, use the following information:
    1. In CS5, the server name can be anything, but you can name it Barricade if you like.
    2. Connect using FTP
    3. Your FTP Address AND your Root Directory are the same, as in the following example - but be sure to replace "ourstars" with you login/user name:
      ourstars.50webs.com/
    4. Your user name is the same thing as your 50webs login/username. In the example above it's ourstars.
    5. Your Web URL will be as follows, be sure to change ourstars to your 50webs login name:
      http://ourstars.50webs.com/
    6. Put in your password.
    7. Click the Test button to check your settings. If it does not work, re-enter all the info being very careful.
    8. There should be no other changes to make in the ftp settings.
  7. Name the file index.html

CSS Tasks:

  1. Change the font-family of all rules that include heading tags to Verdana, Geneva, sans-serif
  2. Change the size of h1 to 2.2em wherever is size is specified.
  3. Change the color of the word BARRICADE in the upper left to pure red using the Hexadecimal number for pure red. Apply the color using the tag with greatest proximity.
  4. Change the color of links from #D93544 to #A99
  5. Remove the underline from all links.
  6. But provide an underline to links when they are hovered over.
  7. Change the overall width from 1000px to 980px.
  8. Change the color of the right sidebar h2 to #F96
  9. Change the background color of the navigation buttons on the top right from #D43442 to #D63
  10. Change the line-height of most of the text from 180% to 1.9em, but not including the sidebar, menu, and footer areas.
  11. Under the heading "WELCOME TO BARRICADE", change the existing left side padding of the normal size text that is beneath the heading (the text starting with "This is Barricade , a free, fully standards-compliant CSS template…") so that it is flush with the left side of the heading. Note that when you change it, the other sections below will also reflect the change.
  12. Change the color of the heading "Welcome to Barricade" and similar headings beneath it from white to  #FDB.
  13. Please email me the .css file. that is all I need.
    dan@gottheknack.com
    Subject:
    yourlastname - (your course's 5 character "Reg" code - see below) - BAR
    (Note that BAR is the exercise's 3 letter code.)
    The reg number for you course:
    Dreamweaver Winter 2011: W1689

NOTE: If you can, try to upload it to your 50webs site. There have been problems with this, so if it does not work for you, just send the css file. If you upload it, you can synchronize it, or drag the files from local to remote. If you drag the files, be sure to put them into the ourstars.50webs.com/ folder. Then email me with the link to it:

Please email me if there are any errors or ambiguities in any of these instructions.