Website Project Day 3

Shape of the Day:

  • Project Requirements
  • Suggested Timeline
  • Project Resources
  • Project Advice

Website of the Day:

https://www.calltoidea.com/ – Here’s some inspiration for design!

1. Project Requirements

2. Suggested Timeline

  • Classes 1 and 2
    • Finalize website topic and outline (sketched on paper and prepare to show/explain to Mr. Chastkavich – keep this or take a picture for when you hand in your project)
  • Classes 3 and 4
    • Search, collect, edit and save the images you want to use for your website (background and other graphics).Ensure you save your images on your One Drive folder.
    • Be sure to give credit for your images by referencing who’s image they are and where you got them from.
    • Create the CSS layout for your pages. Use the same page layout for all three pages. Consider where your menu will go. If you want a header or sidebar. What your footer will be styled like.
    • Add a background – ensure it’s on each page in some way to stay consistent. This can be an image, a colour or a gradient. For design purposes, you normally want to keep the backgrounds the same/similar. For this project, you are expected to use each of the three types of backgrounds and each of your pages should have at least one of the types. Think about contrast – you want your font to be legible on the page!
  • Class 5 until due
    • Finish website menu – ensure it’s on all pages – this will allow each page to be linked together. You must save all the .html files and images in the same folder to ensure they are all accessible within the home page of the website .
    • Finish your home page
    • Finish both sub-pages
    • Check for spelling and grammar. Have a peer look over the work for a peer edit.
    • Utilize the project requirements – push yourself to achieve as close to a 4 out of 4 as possible!

3. Project Resources

4. Project advice

  • Time management – Try your best not to waste class time. If you continue to make steady progress, it won’t feel like such a daunting task.
  • Try to pay attention to the details
  • Try not to forget any of the small useful things you’ve learned – page titles, short file names that make sense, save your page/work on one drive, ensure images are in the same folder
  • Remember that your home page makes the first, most important impression to your viewers.
  • Consistent navigation and design help people find out what your website is about and how to access things
  • Visual design matters – page layout, fonts, color coordination – CSS is the magic behind all of that!