Website Project Day 2 – Mr. Chastkavich's Website

Shape of the Day:

You must plan the layout of your site on PAPER (wow I know!). Once you have sketched this outline, you must show me before you move on to creating it.
Here are some example outlines:
We call these Website Wireframes – the point is to include images, menus, some text and a basic page layout. It’s a rough plan and is very helpful for organizing thoughts and content. If your final webpage looks different that’s okay, it means you are adjusting or trying to make things better than what you originally thought you wanted to do.
Sketch the following:
- Home page
- Sub pages (2)
- Ensure menus are in the same spot for all pages
  - Add all pages that “would be” included on your website. You only need to make 3 pages total (Home plus two sub pages) but on the menu you should include anything else that would be included.
- Decide what content will be on the pages and where
- Decide whether you want a header or a sidebar, every site should have some kind of footer.

3 Complete pages – All pages should be linked together
A vertical or horizontal menu
A background color, image, or gradient background for each page.
A CSS layout – box model properties; position property; floats; or flexbox
At least one animated element – utilize Animate.css (this will only work with the previously used stylesheet), the animation property and @keyframes rule or Animista.net
At least one button (using the button tag and style it with CSS)
A google font must be used on all pages
The hover pseudo class must be used at least once to style a link or for another purpose

Classes 1 and 2
- Finalize website topic and outline (sketched on paper and shown to Mr. Chastkavich – keep this 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
- Create the CSS layour 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. Think about contrast – you want your font to 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 – ensure that all 8 are included!