Web Design & Development 1 in HTML & CSS -- Unit 1 Navigating and Designing for the Web
This is the first in an eight-unit course which aims for students to master HTML & CSS basics to write complete static web pages. This unit makes an ideal introduction to a variety of web courses, including web design, web development, and any other course which requires an understanding of browsing and navigation on the World Wide Web. This unit was formerly called "Browsing the Web Mini-Unit" but has since been supplemented with new activities for a more complete introduction to the Web.
If you need a complete curriculum for teaching HTML & CSS in a classroom setting, consider the BUNDLE
that contains all 8 units, supplemental ebook, and master student view!
The materials are classroom-ready and created in easily editable formats (such as HTML and Word documents) for quick customization. A variety of activities are provided, including hands-on work with professional tools, worksheets and assessments with answer keys, and web pages and web apps made specifically for use in this course.
This package includes the complete resources for Unit 1 (Designing and Navigating for the Web), including lesson plans, answer keys, and project files. The zip file contains 5 primary folders organizing the unit:
Lesson 1 - Browsing Concepts
: In this lesson students will learn about web browsers, URLs, and the request-response pattern of navigating the web. Students will practice classroom procedures regarding file management and submitting assignments, and they will analyze domain and hosting options for publishing websites online.
Lesson 2 - Principles of Web Design
: In this lesson students will learn about readability and usability, the two core principles of web design, as well as typical design elements on different types of websites (blog, ecommerce, social media, wiki, informational, portfolio, etc). Students will analyze existing websites and suggest improvements.
Lesson 3 - Viewing Source Code
: In this lesson students will examine the code delivered to and interpreted by a web browser. They will view the delivered source code and inspect the rendered structure, using the same tools as professionals in the field. Students will also study and discuss the difference between a single web page and a whole web site.
Unit Activity - Useful URLs
: In this activity students will modify a provided web page to begin saving links that will be useful for this course. This activity should be used by teachers to introduce students to their own course-specific resources and procedures for submitting work.
Review and Assessment
: Use the provided webbrowsing.html reading as a summary review document with suggested activities that students should be able to complete on their own by the end of the unit. The provided assessment may be used directly as an exam or modified as needed.
Also check out Unit 2: Intro to HTML, or the complete 8-unit bundle for a full class in HTML & CSS.