computer

Finishing Up Your First Webpage Project

 Plan out remaining steps

  • Goal is to finish by end of class on Monday
  • Project resources and help: See the list here
  • Finish your second page
  • Link your pages to each other in your menu so you can get from your home page to your second page and from your second page to your home page. If you have more than 2 pages, there should be a link to each of the pages in your menu and the menu should be on each page.
  • Check for spelling and grammar issues. Have someone else look at your page to find typos and to make any suggested edits.
  • Make sure you have a page title on each page
  • Extra credit– choose one or more of the following: create more than two pages; create more than one button; add more than one animation; add a favicon (refer to pages from early in the year for the code).

 When you’re done:

  • Make sure you have the following:
    1. 2 COMPLETE pages– a homepage and a sub-page that are linked together
    2. A vertical or horizontal menu. This should include a list of other pages on your site even though you’re only doing two pages. For example, the menu could include Home, About, Contact, Latest News even though you’re only doing the homepage and the about page.
    3. A background color, background image, or gradient background for each page
    4. A CSS layout– you can use the positioning that we learned to lay out your page (absolute, fixed, etc.) or float sections into place (header, footer, side bar, etc.). You are encouraged to use the code from past pages you’ve created; you don’t have to reinvent the wheel!
    5. At least one animated element, using either Animate.css or the animation property and keyframes
    6. At least one button (use the button tag and style with CSS)
    7. A Google Font used on both pages
    8. Must use the hover pseudo class at least once, either to style links or for another purpose.
  • Project check list and review:
    1. Fill out the project checklist to make sure you have included everything required
    2. Websites are a work in progress!! Here is your chance to get some feedback on your site before it is graded. The goal is to make your page even better than you thought it possibly could be!
    3. Step 1- complete your own review of your webpage using this form
    4. Step 2- complete a review of someone else’s webpage using this form
    5. Step 3- make any changes to your webpage to make it better

 Special project when you’re all done!

One thought on “Finishing Up Your First Webpage Project

Comments are closed.