Creating Web Pages Simplified

Mike Wooldridge is a web developer based in the San Francisco Bay Area. He s authored dozens of books for the Visual series. For more information about creating web pages and the example files used in this book, visit his website: www.wooldridge.net/html5 Brianna Stuart is a writer and busy mom based in the Seattle area. This is her first book.

1 Getting Started with HTML5 and Web Pages. Internet Basics 4 Introducing HTML5 6 Explore Web Browsers 8 Explore HTML Editors 9 Understanding HTML5 Syntax 10 New Features in HTML5 12 View HTML5 Code in a Browser 14 2 Creating Your First HTML5 Web Page. Understanding HTML5 Document Structure 18 Start an HTML5 Document 20 Save an HTML5 Document 24 View an HTML5 Page 26 Add Metadata 28 3 Adding and Modifying Text. Create a New Paragraph 32 Add a Line Break 33 Add a Horizontal Rule 34 Insert a Blank Space 35 Make Text Bold 36 Italicize Text 37 Insert Preformatted Text 38 Insert a Heading 39 Add a Block Quote 40 Insert a Comment 41 Create a Numbered List 42 Create a Bulleted List 44 Create a Nested List 45 Create a Definition List 46 Define an Abbreviation 47 Add a Date and Time 48 Insert Special Characters 50 Special Characters 51 4 Adding CSS Styles. Understanding Style Sheets 54 Create an Internal Style Sheet 56 Create an External Style Sheet 58 Link to a Style Sheet 60 Apply a Style Locally 61 Apply a Style to an HTML Tag 62 Apply a Style Using a Class 64 Apply a Style Using an ID 66 5 Styling Text. Change the Font Size 70 Indent Text 71 Change the Color of Text 72 Change the Font 74 Change Text Alignment 76 Change the Text Case 77 Control Line Spacing 78 Control Letter Spacing 79 Add Background Colors 80 Style a Bulleted List 82 6 Adding Images. Understanding Web Page Images 86 Insert an Image 88 Specify an Image Size 90 Add Alternative Text 92 Create an Image Label 93 Align an Image Horizontally 94 Align an Image Vertically 95 Center an Image 96 Stop Text Wrap 97 Add Space Around an Image 98 Add a Background Image 100 Add a Meter Image 102 7 Adding Links. Understanding Links 106 Understanding URLs 107 Link to Another Page 108 Open a New Window with a Link 110 Link to an Area on the Same Page 112 Link to Another File Type 114 Link to an E-Mail Address 116 Change Link Colors 118 Change Link Hover Effects 120 8 Working with Tables. Understanding Table Structure 124 Add a Table 126 Add Table Borders 128 Adjust Cell Padding and Border Spacing 130 Adjust Cell Width and Height 132 Add a Background Color to Cells 134 Add a Background Color to a Table 135 Adjust the Table Size 136 Change Cell Alignment 138 Change Table Alignment 140 Extend Cells Across Columns and Rows 142 Use a Table for Page Layout 144 9 Creating Forms. Understanding Forms 148 Types of Form Elements 150 Create a Form 152 Send Form Data to an E-Mail Address 153 Add a Text Box 154 Add a Large Text Area 156 Add Check Boxes 158 Add Radio Buttons 160 Add a Menu List 162 Add a Date and Time Input 164 Add an E-Mail Field 166 Add a URL Field 168 Add a Range Slider 170 Add a Submit Button 172 Add a Reset Button 173 Require a Field 174 Add a Placeholder 175 Validate Input with a Pattern 176 10 Controlling Page Layout. Control Layout 180 Set Width and Height for an Element 182 Use Relative Positioning 184 Use Absolute Positioning 186 Use Fixed Positioning 188 Set Margins 190 Add Padding 191 Align Elements Horizontally 192 Control the Overlap of Elements 194 Apply Styles with a div Tag 196 11 Adding Semantic Tags. Define a Section 200 Define an Article 202 Define a Header 204 Define Navigation 206 Define an Aside 208 Define a Footer 210 12 Working with JavaScript. Understanding JavaScript 214 Understanding Script Events and Handlers 216 Add JavaScript to a Web Page 218 Link to a JavaScript File 219 Insert the Current Date and Time 220 Display an Alert Message Box 221 Display a Pop-Up Window 222 Create an Image Rollover Effect 224 Show a Hidden Element 226 Display a Calculation 228 13 Adding Canvases. Understanding Canvases 232 Set Up a Canvas 234 Draw Rectangles 236 Draw Circles 238 Draw Lines 240 Add Text 242 Add an Image 244 Add a Gradient 246 Animate Canvas Content 248 14 Adding Video and Audio. Understanding Video and Audio 254 Insert a Video File 256 Insert an Audio File 258 Resize a Video 260 Preload Multimedia 262 Loop Multimedia 263 Offer Multiple Sources 264 Embed a YouTube Video 266 15 Publishing Your Web Pages. Understanding Web Page Publishing 270 Look Up a Domain Name 272 Transfer Files to a Web Server with FileZilla 274 Troubleshoot Your Web Pages 278