Skip to content

Latest commit

 

History

History
92 lines (68 loc) · 3.9 KB

lessonplan.md

File metadata and controls

92 lines (68 loc) · 3.9 KB

Creating your own Blog

Goal:

Making a blog website that has three connected pages. This will test your skills and knowledge of HTML and CSS. Time to show off all that you have learned so far!!!! Good luck.

Rules:


  1. A team must work together on this task.
  2. Must use HTML & CSS
  3. Must use an IDE like Replit
  4. Must use Github repository from last project from "SCRUM Project Simulation Handout"
    • If you are forming a new team, decide which repository to use or make a new repository with the needed backlogs to continue.
  5. Must have 3 pages linked together. A home page, an about me page, and a contact me page.
  6. The design must be made using the bad template,jpg.
  7. Must use only 1 CSS style page to style each of your blog pages.
  8. Time limit of 1 hour and 10 mins
  9. Follow the given website template ex: The bad Template

Steps

  1. Choose a team member to manage the github repository to work on your project in.

  2. Create your file structure. You will need 3 individual html files, 1 for each page of your blog website and one stlye.css file.

  3. Link your CSS style sheet on all HTML files.

  4. Create a Nav bar that links all three individual HTML files like in the Bad_Template and make sure it is the same style on all three pages.

    • Make sure this menu is always visible when the users scroll down.

  5. Make some content up for your home page! Pictures, random text, and/or videos! Whatever you can think of. (ex: Blogs about dogs, with lots of pictures and videos.)

  6. Make a footer that can be used for all three HTML pages, make sure the style and size are the same.

  7. Test run your website and polish it.

Resources

HTML Resource
CSS Resource

Tasks

Task 1: Returning back to the project "The Blog Site" or making a new repository

  • Find your old project from your lesson called "TIFC2DEV-ISD6 SCRUM Project Simulation" on GitHub.
    • If this group is creating a new repository, salvage whatever repository may have existed.
  • Ensure your Github and Replit are connected.

Task 2: Complete your Backlog and add more

  • Assign Cards and Issues regarding your tasks with a SCRUM mindset Cards and issues should be pertaining to the task and its sub-tasks.
    • Full points are given as long as all tasks have been listed
    • Task 1 - 7

Task 3: A working Nav menu

  • The Website has three working web pages that can reach the following:
    • "The Home" page
    • "The About Us" page
    • "Contact Us" page
  • The Nav menu must always be present when scrolling and on all pages

Task 4: A working Footer

  • Add a footer with the following:
    • A list of the author of the Website
    • Contact email(Fake email*)
    • Name of the project
  • The footer must be present on all web pages.

Task 5: The Home Page

  • Make content related to the topic chosen.
  • Write some content related to the topic using the correct tags.
    • h1 - h6
    • p
  • Insert images to make the content more interesting.
    • img
  • Style the Website with CSS to make the images and written content more interesting.
    • Ex: Make written paraphrases on the left side, and add images on the right side to support your content. Add some colour in the background.

Task 6: The About Us page

  • Make content related to your group
    • Write about what your group is doing and why this Website exists.

Task 7: The Contact Us page

  • Make content on how to reach your group with fake emails and phone numbers.
    • Do not put any personal information; you can add a form if you like, but this is not required for this task.

Example of a blog site

The Blog site from Team 3