Links Assignment
Many people have a list of their favorite web sites linked on their own web site. A "links" page can help give others access to the same type of resources that you have. You are going to create a links page for visitors to your web site. Make sure all your links work and are relevant.

Requirements:

  1. Save template file as links_assignment.html
  2. Your name must be in the page title
  3. Add a large title banner <H1> </H1> centered on the page (you chose the title).
  4. Sub-Category labels (minimum of 5 categories)
  5. Some examples might be:
    • Favorite Sites
    • Games
    • News
    • Search Engines
    • Fun Sites
    • Kings Starters
    • Favorite Candy Web Site
    • etc
  6. All your links should be in an Unordered List <UL>
  7. All sub categories should have at least 5 links
  8. Links should have the title linked with a brief un-linked description of the site following, for example:
    1. Yahoo – this site contains a search engine, news updates, free email, Yellow Pages, and much more

Here is an example of what the first part might look like:

~~Links Page~~
Search Engines
  • Yahoo – this site contains a search engine, news updates, free email, yellow pages, and much more
  • Google – this site contains a simple search engine and not much else
  • Yahoo – this site contains a search engine, news updates, free email, yellow pages, and much more
  • Google – this site contains a simple search engine and not much else
  • Yahoo – this site contains a search engine, news updates, free email, yellow pages, and much more
 Game Sites
  • Yahoo – this site contains a search engine, news updates, free email, yellow pages, and much more
  • Google – this site contains a simple search engine and not much else
  • Yahoo – this site contains a search engine, news updates, free email, yellow pages, and much more
  • Google – this site contains a simple search engine and not much else
  • Yahoo – this site contains a search engine, news updates, free email, yellow pages, and much more

Resources

REVAMP

  1. Open your links_assignment.html page.
  2. Put a DIV with an specific class round each group of links (5 divs total)
  3. Create CSS selectors for each class that change the 4 pseudo-class link properties.
    • a:link
    • a:visited
    • a:hover
    • a:active
  4. You will have 20 CSS selectors when you are done and all 5 groups will act differently
  5. Add the following CSS:
    • A google font for each section
    • A hover that is more than just a color change
    • Some type of background change in each section
    • Use the Color Scheme Generator to create colors that complement each other. (no visual vomit)
  6. Save the file in your WEBSITE folder and create a link to this assignment from your index.html page.
  7. Upload to the server with FTP.
  8. Go to teacherweaver.com and check to make sure everything works.