Web Design in HTML & CSS – The Ultimate Lesson Plans Bundle

This set of lessons teaches students how to create HTML Websites starting with the very basics moving onto advanced concepts. Students are taught how the basic structure of HTML generates an actual webpage using the software Notepad++
Students are able to engage in independent learning using the HTML Help Cards provided once they are shown how to set up their very notepad++ file and save it with the .html extension.

The following HTML skills are covered in this resource:

  1. Adding Headings
  2. Adding Background colors
  3. HTML Color Codes
  4. Adding Text
  5. Formatting Text – Bold, Italic, Underline and color
  6. Inserting Images
  7. Altering image size and position
  8. Adding Tables
  9. External Hyperlinks
  10. Internal Hyperlinks
  11. Graphical Links
  12. Books
  13. Cascading Style Sheets
  14. <Div></DIV> tags
  15. <Style></Style> tags
    • tag
  16. ID tags #
  17. Class tags

This resource comes complete with:

  1. Colorful lesson powerpoints which includes explanations and student tasks (editable and PDF format)
  2. Detailed lesson directions
  3. I Can Statements.
  4. In Class HTML Project Challenge
  5. Web Authoring Homework Project
  6. HTML Code file
  7. Assessment Rubric/Teacher Assessment Guide for both the class project and the homework project
  8. HTML Help Cards

Depending on the ability level of your students and their pace to pick up new coding concepts, this resource is 9 weeks’ worth of teaching material. Students really enjoy making website in HTML especially when they are able to see a visual output.

Please email me on balborde@gmail.com if you would like a more detailed preview of the resources.

Save for later
  • HTML-Design---Introduction-to-Basic-Concepts.zip
  • HTML-Web-Design---Hyperlinks.zip
  • Introduction-to-Cascading-Style-Sheets.zip

About this resource


Created: Oct 13, 2019

zip, 8 MB


zip, 1 MB


zip, 1 MB


Report a problem

Tes Paid Licence

How can I re-use this?