Web Design with HTML and CSS

Table of contents

- Web Design with HTML and CSS Digital Classroom (Page 1)
- Acknowledgments (Page 8)
- Credits (Page 9)
- Contents (Page 11)
- Starting up (Page 19)
- About Web Design with HTML and CSS Digital Classroom (Page 19)
- Prerequisites (Page 19)
- Understanding menus and commands (Page 21)
- Understanding how to read HTML and CSS code changes (Page 21)
- Loading lesson files (Page 21)
- Video tutorials (Page 22)
- Hosting your websites (Page 22)
- Additional resources (Page 23)
- Lesson 1: Planning Your Website (Page 25)
- Starting up (Page 25)
- The goals of web design (Page 25)
- Self study (Page 42)
- Review (Page 42)
- Lesson 2: Fundamentals of the Web (Page 43)
- Starting up (Page 43)
- How web pages work (Page 44)
- Designing for the web (Page 49)
- Self study (Page 52)
- Review (Page 52)
- Lesson 3: Web Design Tools (Page 53)
- Starting up (Page 53)
- Web editors versus WYSIWYG tools (Page 54)
- Defining sites in Dreamweaver or Expression Web (Page 63)
- Review (Page 71)
- Lesson 4: Fundamentals of HTML, XHTML, and CSS (Page 73)
- Starting up (Page 73)
- Web languages (Page 74)
- The role of CSS (Page 84)
- Self study (Page 93)
- Review (Page 93)
- Lesson 5: Graphics, Color, and Transparency (Page 95)
- Starting up (Page 95)
- Optimizing graphics for the web (Page 96)
- Resizing the image (Page 96)
- Adjusting the image size (Page 99)
- Applying the Unsharp Mask filter to an image (Page 102)
- Selecting the best image format (Page 103)
- Choosing the best file format for your image (Page 104)
- Saving images as GIFs (Page 111)
- Using the color table (Page 115)
- Saving as a PNG (Page 122)
- Slicing an image (Page 125)
- Self study (Page 130)
- Review (Page 130)
- Lesson 6: Formatting Text with CSS (Page 131)
- Starting up (Page 131)
- The importance of typography on the web (Page 132)
- Self study (Page 156)
- Review (Page 156)
- Lesson 7: Introduction to CSS Layout (Page 157)
- Starting up (Page 157)
- Working with a CSS reset file (Page 158)
- A brief history of layout techniques on the web (Page 160)
- Self study (Page 189)
- Review (Page 189)
- Lesson 8: Advanced CSS Layout (Page 191)
- Starting up (Page 191)
- Building your page layout (Page 192)
- Working with CSS background images (Page 195)
- Self study (Page 212)
- Review (Page 212)
- Lesson 9: Browser Compatibility (Page 213)
- Starting up (Page 213)
- Why browser testing is important (Page 214)
- Tools to identify browser problems (Page 218)
- Self study (Page 228)
- Review (Page 228)
- Lesson 10: Introduction to Interactivity (Page 229)
- Starting up (Page 229)
- Interactivity on the web (Page 230)
- Self study (Page 256)
- Review (Page 256)
- Lesson 11: Mobile Design (Page 257)
- Starting up (Page 257)
- The need for mobile-optimized websites (Page 258)
- Self study (Page 272)
- Review (Page 272)
- Lesson 12: HTML5 Essentials (Page 273)
- Starting up (Page 273)
- Defining HTML5 (Page 273)
- The motivation behind HTML5 (Page 274)
- HTML5 markup (Page 275)
- The <video>, <audio>, and <canvas> elements (Page 276)
- HTML5 markup is still evolving (Page 279)
- The rest of the HTML5 family (Page 281)
- CSS3 integration with HTML5 (Page 282)
- How to begin using HTML5/CSS3 (Page 284)
- Starting with an HTML5 foundation (Page 285)
- Words of encouragement (Page 286)
- Self study (Page 287)
- Review (Page 287)
- Appendix (Page 289)
- CSS Properties and Values (Page 289)
- Index (Page 295)