Introduction 1 PART I: Getting Started Lesson 1: What Is Web Publishing? Thinking Like a Web Publisher The Web Is a Hypertext Information System The Web Is Cross-Platform The Web Is Distributed The Web Is Dynamic The Web Is Interactive Web Browsers What the Browser Does An Overview of Some Popular Browsers Web Servers Uniform Resource Locators Defining Web Publishing Broadly Summary Workshop Q&A Quiz Quiz Answers Exercises Lesson 2: Getting Your Tools in Order Anatomy of a Website Setting Up Your Computer for Web Publishing Text Editors A Web Browser Using the Google Chrome Developer Tools What Do You Want to Do on the Web? Wireframing Your Website What''s Wireframing, and Why Do I Need It? Hints for Wireframing Web Hosting Using a Content-Management Application Setting Up Your Own Web Hosting Summary Workshop Q&A Quiz Quiz Answers Exercises Lesson 3: Introducing HTML and CSS What HTML Is (And What It Isn''t) HTML Describes the Structure of a Page HTML Does Not Describe Page Layout Why It Works This Way How Markup Works What HTML Files Look Like Text Formatting and HTML HTML Attributes Using the style Attribute Including Styles in Tags A Short History of HTML Standards XHTML The Current and Evolving Standard: HTML5 Summary Workshop Q&A Quiz Quiz Answers Exercises PART II: Creating Web Pages Lesson 4: Learning the Basics of HTML Structuring Your HTML The Tag The Tag The Tag The Title Headings Paragraphs Comments Summary Workshop Q&A Quiz Quiz Answers Exercises Lesson 5: Organizing Information with Lists Lists: An Overview Numbered Lists Customizing Ordered Lists Unordered Lists Customizing Unordered Lists Definition Lists Nesting Lists Other Uses for Lists Summary Workshop Q&A Quiz Quiz Answers Exercises Lesson 6: Working with Links Creating Links The Link Tag: Linking Local Pages Using Relative and Absolute Pathnames Absolute Pathnames Should You Use Relative or Absolute Pathnames? Links to Other Documents on the Web Linking to Specific Places Within Documents Creating Links and Anchors The name Attribute of the Tag Linking to Elements in the Same Document Anatomy of a URL Parts of URLs Special Characters in URLs The rel Attribute Kinds of URLs HTTP Anonymous FTP Non-Anonymous FTP Mailto File Summary Workshop Q&A Quiz Quiz Answers Exercises PART III: Doing More with HTML and CSS Lesson 7: Formatting Text with HTML and CSS Character-Level Elements Semantic HTML Tags Changes to Physical Style Tags in HTML5 Character Formatting Using CSS The Text Decoration Property Font Properties Preformatted Text Horizontal Rules (or Thematic Breaks) Attributes of the Tag Line Break Addresses Quotations Special Characters Character Encoding Character Entities for Special Characters Character Entities for Reserved Characters Fonts and Font Sizes Summary Workshop Q&A Quiz Quiz Answers Exercises Lesson 8: Using CSS to Style a Site Including Style Sheets in a Page Creating Page-Level Styles Creating Sitewide Style Sheets Selectors Contextual Selectors Classes and IDs What Cascading Means Units of Measure Specifying Colors Editing Styles with Developer Tools Using Color Links The Box Model Borders Margins and Padding Controlling Size and Element Display Float More Selectors Pseudo-Classes Attribute Selectors The Tag Summary Workshop Q&A Quiz Quiz Answers Exercises Lesson 9: Using Images on Your Web Pages Images on the Web Image Formats GIF JPEG PNG SVG Inline Images in HTML: The Tag Adding Alternative Text to Images Images and Text Text and Image Alignment Wrapping Text Next to Images Adjusting the Space Around Images Images and Links Other Neat Tricks with Images Image Dimensions and Scaling Image Backgrounds Using Images as Bullets What Is an Imagemap? Getting an Image Determining Your Coordinates The and Tags The usemap Attribute Image Etiquette Summary Workshop Q&A Quiz Quiz Answers Exercises Lesson 10: Building Tables Creating Tables Table Parts The Element Summarizing the Table Rows and Cells Empty Cells Captions Sizing Tables, Borders, and Cells Setting Table Widths Changing Table Borders Cell Padding Cell Spacing Column Widths Table and Cell Color Aligning Your Table Content Table Alignment Cell and Caption Alignment Spanning Multiple Rows or Columns More Advanced Table Enhancements Grouping and Aligning Columns Grouping and Aligning Rows How Tables Are Used Summary Workshop Q&A Quiz Quiz Answers Exercises Lesson 11: Using CSS to Position Elements on the Page Positioning Schemes Relative Positioning Absolute Positioning Positioning Properties Positioning Properties and Height and Width Nesting Absolutely Positioned Elements Dynamic Overlays Fixed Positioning Controlling Stacking Creating Drop-Down Menus Summary Workshop Q&A Quiz Quiz Answers Exercises Lesson 12: Designing Forms Understanding Form and Function Using the Tag Using the Tag Creating Form Controls with the Tag Creating Text Controls Adding Options to Text Fields with datalist Using the New HTML5 Controls Creating Password Controls Creating Submit Buttons Creating Reset Buttons Creating Check Box Controls Creating Radio Buttons Using Images as Submit Buttons Creating Generic Buttons Hidden Form Fields The File Upload Control Using Other Form Controls Using the button Element Creating Large Text-Entry Fields with textarea Creating Menus with select and option Grouping Controls with fieldset and legend Changing the Default Form Navigation Using Access Keys Creating disabled and readonly Controls Displaying Updates with progress and meter Applying Cascading Style Sheet Properties to Form Elements Planning Your Forms Summary Workshop Q&A Quiz Quiz Answers Exercises Lesson 13: Structuring a Page with HTML5 A Short History of HTML Page Layout Laying Out a Page in HTML5 HTML5 Structural Tags Sections Header Footer Navigation Articles Asides The Page Outline Elements with Their Own Outlines Using HTML5 Structural Elements Polyfill Scripts Summary Workshop Q&A Quiz Quiz Answers Exercise Lesson 14: Integrating Multimedia: Video and Sound Embedding Video the Simple Way Advantages and Disadvantages of Hosting Videos on External Sites Uploading Videos to YouTube Customizing the Video Player Other Services Hosting Your Own Video Video and Container Formats Converting Video to H.264 Embedding Video Using The Tag Using the Element Embedding Flash Using the Tag Alternative Content for the Tag The Tag Embedding Flash Movies Using SWFObject Flash Video Players JW Player Using Flowplayer Using the Tag with the Tag Embedding Audio in Your Pages The Tag Flash Audio Players Summary Workshop Q&A Quiz Quiz Answers Exercises Lesson 15: Advanced CSS: Page Layout in CSS Laying Out the Page The Problems with Layout Tables Writing HTML with Structure Writing a Layout Style Sheet The Floated Columns Layout Technique The Role of CSS in Web Design Style Sheet Organization Site-Wide Style Sheets Summary Workshop Q&A Quiz Quiz Answers Exercises Lesson 16: Using Responsive Web Design What Is Responsive Web Design? History of Responsive Web Design Why RWD Is Important RWD Is More Than Just Changing the Number of Columns Mobile Devices Should Come First Mobile First Affecting the Viewport Planning a Responsive Website Check Your Analytics Try the Site with Your Own Phone Decide What Content Is Critical Writing Media Queries Media Types Media Feat.