Web Development with HTML5 and CSS

Web Development with HTML5 and CSS teaches students to write clean, valid, accessible, and professional HTML and CSS from the very first chapter. The book is built around the belief that students learn to code by coding - not by reading about it or watching someone else do it. Every concept is immediately followed by hands on practice, and every chapter builds toward real, working web pages. 
The result is a book that works equally well in a traditional classroom, a flipped classroom, or a hybrid environment - and that equips students with skills and habits that hold up in a professional context. 

How the Book Is Structured 
Each chapter follows the same pattern: concept explanation, immediate hands-on tutorial, and progressively challenging end-of-chapter activities. Students never go long without writing code, and the difficulty curve is deliberate - earlier activities provide significant guidance while later ones require students to work more independently. 

• In-Chapter Tutorials: Concepts are introduced in focused, digestible sections, each followed immediately by a short hands-on tutorial. Students don't accumulate theory and then try to apply it all at once - they practice each idea as it is introduced, reinforcing understanding before moving on.
• End-of-Chapter Activities: Each chapter closes with a structured sequence of activities, designed to be progressively more challenging and progressively less guided. Instructors can assign as much or as little as suits their course - the activities are independent enough to mix and match.
• Chapter Summary (Review): A concise recap of the elements, attributes, and CSS properties introduced in the chapter. Useful for student review before assessments and as a quick instructor reference.
• Discussion Questions (Reflect and discuss): Conceptual questions that can be handled in multiple ways: open class discussion, individual written reflection, or a graded submission. Flexible enough to fit any classroom format.
• Guided Practice Significant (guidance - ongoing site): The most scaffolded of the coding activities. Students build the same website across every chapter of the book, watching a complete site take shape from the ground up. Heavy guidance is provided throughout, making this ideal for students who need more support.
• Refactoring Code Moderate (guidance - standalone): Students inherit an older, outdated website and bring it up to modern standards using the skills from the current chapter. Each chapter's Refactoring activity is self-contained - no continuity between chapters is required. Mirrors a real-world professional task.
• Visualizing Code Less (guidance - standalone): Students are given a designer's visual comp and write the code to match it. Each chapter is standalone. Less prescriptive than Refactoring - students must interpret the design and make implementation decisions themselves.
• On Your Own (No guidance - ongoing student site): Students build and expand their own original website, chapter by chapter, with no guidance from the book. Each chapter's activity adds to what was built before. This is the most demanding activity and the most reflective of real independent web development work.

Progressive difficulty: Tutorials > Guided Practice > Refactoring > Visualizing > On Your Own Each step reduces scaffolding and increases independence. Instructors assign what fits their course.

AI Use Policy 
This book takes a clear-eyed and practical stance on artificial intelligence. AI tools are acknowledged as a permanent part of the professional landscape, and students are taught to use them appropriately - not to avoid them. 
For coding: AI-generated HTML and CSS may not be submitted as student work. The purpose of the course is for students to develop their own coding ability. Submitting AI-generated code - whether copied or retyped - is treated the same as any other form of academic dishonesty. Students are encouraged to use AI to explain concepts, understand error messages, and troubleshoot code they have written themselves. 
For text content: Project assignments require students to use an AI tool to generate the paragraph text content for their websites, with full documentation. Students must use a single approved AI tool, test their content against readability targets (Flesch-Kincaid Grade Level 7-9, Flesch Reading Ease 60-70), and submit a documentation PDF with their prompts and readability scores. This models real-world professional practice where developers often work with AI-assisted content. 
A dedicated AI-Generated Text Content and Documentation Requirements guide is included at the end of the book, providing students with step-by-step documentation instructions.