Creating and a Web Page HTML5 and CSS

Transcription

1 Preface viii CHAPTER TWO Creating and a Web Page HTML5 and CSS Using Inline Objectives HTML 33 CHAPTER ONE Introduction HTML 34 Introduction to HTML, XHTML, Project Rock Climbing Fun Web Page HTML 34 and CSS Overview HTML 34 Objectives 1 Elements of a Web Page 37 Introduction HTML 2 Browser Window Elements HTML 37 What the Internet? 2 Text Elements 38 What the World Wide Web? 3 Elements 38 Web Servers HTML 4 Hyperlink Elements HTML 38 Web Site Types and Purposes HTML 5 Defining Web Page Structure 39 Web Browsers HTML 7 Defining the HTML HTML 39 What Hypertext Markup Language? 8 To Start Notepad++ 40 HTML Elements 9 To Enable Word Wrap in Notepad++ 42 HTML Practices HTML the Web Page Structure HTML Versions 11 Using HTML Tags 42 Cascading Style Sheets 11 the Web Page 45 Document Object Model (DOM) HTML Entering Web Page Content HTML 46 Extensible Markup To Enter a Paragraph of Text 48 Language (XHTML) 12 To Enter a Heading 49 Tools for Creating HTML Documents HTML Present Content HTML 49 Web Development Life 15 To Create an Unordered List 51 Web Site Planning 16 More About List Formats 51 Web Site Analysis 16 Adding a Footer HTML 53 Web Site Design and Development 17 Footer HTML 53 Web Site Testing HTML 22 Saving and Organizing HTML Files HTML 54 Web Site Implementation and Maintenance HTML Using a Browser to View a Web Page 58 Chapter Summary 25 To Start a Browser HTML 58 Learn Online 26 To View a Web Page in a Browser HTML 59 Knowledge 26 To Activate Notepad++ 60 Extend Your Knowledge 27 the Appearance of Your Right 28 Web Page 60 Lab 29 Using Style Sheets 61 Cases and Places 32 Using Web Page Divisions 63 Shelly, Gary B. HTML5 and CSS complete 2013 digitalisiert durch: IDS Basel Bern

2 iv Contents HTML5 and CSS Complete Types of Web Page Images 64 Validating the HTML, Viewing the Attributes 65 Web Page, and Testing Links 117 Other Visual HTML 67 To Validate HTML Code HTML To Add to a Web Page an File 119 Heading HTML 69 To Test Links on a Web Page HTML To Change the Bulleted List Style HTML 70 To Print a Web Page HTML To Add a Horizontal Rule HTML 70 Editing the Second Web Page HTML 123 To Change the Footer Style 71 To Open an HTML File 125 To Refresh the View in a Browser HTML 72 Working with Classes in Style Statements HTML 126 Validating and Viewing HTML Code HTML 72 Adding an with Wrapped Text HTML To Validate HTML Code HTML 73 Using Images HTML To View HTML Source Code for a To Wrap Text Around Images Using Page 76 CSS Classes 132 To Print a Web Page and an HTML File HTML 77 Wrapping 134 Chapter Summary 79 Page 135 Learn Online 79 To Set Link Targets 136 Your Knowledge HTML 80 To Add Links to Link Targets Within a Extend Your Knowledge 81 Web Page 137 Make Right HTML 82 To Add Links to a Target at the Top of Lab 83 the Page 138 Cases and Places HTML 86 To Copy and Paste HTML Code HTML To Add an Link to a Web Page HTML CHAPTER THREE To View and Test a Web Page HTML 141 Creating Web Pages with Links, Images, Chapter Summary HTML 142 Learn Online HTML 142 and Embedded Style Sheets Apply Your Knowledge HTML 143 Objectives HTML Extend Your Knowledge HTML 144 Project Underwater Tours by Eloise Web Site 88 Overview HTML 89 Using Links on a Web Page HTML 91 Linking to Another Web Page Within the the Lab HTML 147 Cases and Places HTML CHAPTER FOUR Same Web Site HTML 93 Creating Tables in a Web Site Linking to a Web Page in Another Web Site HTML 94 Using an Style Sheet Page 96 Objectives 155 Linking to an Address 96 Introduction 156 Creating a Home Page HTML 97 Project Oceanside Hotel and Sports To Start Notepad++ 98 Site 156 To Add a Banner HTML Overview HTML To Add Paragraphs of Text HTML Planning and Designing a Multipage Adding a Text Link to Another Web Page WebSite 159 Within the Same Web Site 103 Creating Web Pages with Tables 159 To Add a Text Link to Another Web Page Table Elements HTML Within the Same Web Site 104 Adding Style to Table Elements 162 Adding an Link HTML Table Borders, Headers, Captions, and HTML To Add an Link HTML the Need Planning, Adding Other Information to an Link HTML and Coding a Table HTML 164 To Add a Text Link to a Web Page in Determining a Table Needed HTML Another Web Site 107 Planning the Table 165 Using Absolute and Relative Paths HTML Coding the Table HTML Adding Interest and Focus with Styles HTML Table Tag Attributes HTML Adding Interest and Focus with HTML Tags HTML Creating a Home Page with Banner Logo Style Sheet Precedence Review HTML and Borderless Navigation Table HTML Using Embedded Style Sheets HTML To Insert, Center, and Style an Image To Add Embedded Style Sheet Statements 115 with a Box-Shadow 172 To Add an Inline Style for Color HTML a Table to Create a Horizontal To Save an HTML File 117 Navigation Bar 174

3 HTML5 and CSS Complete Contents v To Create a Horizontal Bar with CHAPTER FIVE Image Links HTML Creating an Image Map Viewing the Web Page and Testing Links HTML Objectives HTML 233 Style Sheets Adding an Style Sheet HTML 181 Project - Lake Tahanna 234 To Create an External Style Sheet 182 Overview HTML 236 the External Style Sheet HTML introduction to Maps HTML 237 Linking to the External Style Sheet HTML 187 Using Maps 237 To Link to an External Style Sheet HTML Server-Side vs. Maps HTML 242 Validating and the HTML, Creating an Map HTML 243 Viewing the Web Page, Selecting Images HTML 243 and Testing Links 188 Sketching the Borders of Hotspots 244 Page HTML 190 Mapping Coordinates 246 Table with Borders 193 Coding Map 248 To Create a Table with Borders and HTML To Start Paint 249 Adding a Link, Border The Paint Window 250 Color 198 To Open an File in Paint 251 To Add Border Spacing, Padding, and Locating X- and Y-Coordinates of an HTML 251 Row Color to a Table HTML 200 v-coordinates of an HTML 252 Adding a Caption and Spanning Rows 201 Other Software Tools 254 Caption 204 Creating the Home Page 255 Create Rows 204 Inserting an to Use as an Map 257 Data 206 To Insert an Image to Use as an Map 258 Chapter Summary 208 Inserting Special Characters HTML 260 Learn Online 208 To Insert a Special Character 261 Apply Your Knowledge HTML 209 Extend Your Knowledge 210 and Attributes 263 Right To Create an Map 264 Lab 212 Cases and Places HTML Viewing the Web Page and Testing Links HTML 265 Creating an External Style Sheet HTML 268 To Create an External Style Sheet HTML 268 SPECIAL FEATURE 1 Chapter Summary HTML 271 Attracting Visitors Learn Online HTML 272 Your Web Site Apply Your Knowledge HTML 272 Objectives 219 Extend Your Knowledge 274 Introduction 220 Make Right 275 Project Attracting Visitors HTML 220 the Lab HTML 276 Overview 220 Cases and Places 280 Adding Keywords HTML 222 To Open the File HTML 223 CHAPTER Meta Names HTML 223 Creating a Form on a Web Page To Add Keywords 224 Objectives 283 To Add a HTML 225 Introduction HTML 284 Determining a Domain Name HTML 226 Project Creating on a Web Page HTML 284 Check Domain Name Availability HTML 226 Overview HTML 286 Finding a Web Hosting Site 227 Page Forms 287 Publishing Your Web Site 227 Controls 287 Marketing Your Web Site 228 HTML Tags Used to Create Forms 291 Registering with Search Engines HTML 228 Attributes of HTML Tags Used to To Register Your Web Site with Create Forms HTML 291 Search Engines HTML 229 Creating a Form on a Web Page HTML 292 Feature Summary HTML 230 Creating a Form and Identifying Lab 230 the Form Process 293

4 vi Contents HTML5 and CSS Complete a and Identify Learn Online 351 the Form Process HTML 294 Apply Your Knowledge 352 To Change the Text Message HTML 295 Extend Your Knowledge HTML 353 Adding Text Boxes 296 Make Right 354 To Add Text Boxes 296 the Lab 355 Adding Check Boxes HTML 297 Cases and Places HTML 358 To Add Check Boxes HTML 298 Adding Radio Buttons HTML 298 CHAPTER To Add Radio Buttons HTML 299 Adding Multimedia Content to Web Pages Adding a Selection HTML 299 HTML 361 To Add a Selection HTML 300 Introduction Adding a Textarea Box HTML 303 Project - Adding Multimedia to an HTML 362 To Add a Textarea Box 303 English Literature Class Web Site 362 Adding and Reset Buttons HTML 304 Overview HTML 362 To Add Submit and Reset Buttons HTML 305 Using Multimedia HTML 364 Organizing a Form Using Form Groupings HTML 306 HTML 366 To Add Fieldset Controls to Create Embedded vs. External Multimedia HTML 366 Form Groupings HTML 307 Media Players and Plug-ins HTML 367 Adding an Embedded Style Sheet 308 HTML5 and Multimedia 368 Chapter Summary 314 Audio and Video File Formats 368 Learn Online 314 Adding an Audio File to a Web Page 369 Apply Your Knowledge 315 New HTML5 Multimedia Tags HTML 370 Extend Your Knowledge 316 The Object Tag 370 Right 317 Object Tag Parameters 372 the Lab HTML 318 Cases and Places HTML 321 The HMTL5 <audio> Tag HTML 373 To Add an Audio Clip to a Web Page HTML 376 To Validate and View a Web Page CHAPTER SEVEN Using ActiveX Controls HTML 377 Using Advanced Cascading Style Sheets HTML 380 Objectives 323 The HTML5 <video> Tag 381 Introduction 324 Using the <video> Tag 381 Project Using Advanced Cascading Style Sheets 324 Chapter Summary 385 Overview 326 Learn Online 386 Using Style Sheets 327 Apply Your Knowledge 386 Style Sheet Precedence Review 330 Extend Your Knowledge 387 Adding Style Sheets to the Jared Adventure Travel Site 330 the Lab 389 Adding a Navigation Bar with an Embedded Style Sheet HTML 332 Setting the Body Style and Link Style, SPECIAL FEATURE 2 and Adding a Drop-down HTML 333 Converting Frames on Your Web Site To Add an Embedded Style Sheet HTML 340 Objectives HTML 393 Adding Pop-up Images with an Introduction HTML 394 External Style Sheet HTML 342 Project Converting Frames HTML 394 Structuring the Web Page HTML 343 Overview HTML 394 Creating a Pop-up Using The Frame Definition File HTML 396 Cascading Style Sheets HTML 343 To View a Web Site with Frames HTML 398 To Create an External Style Sheet HTML 345 Frame Layouts HTML 399 Linking to an External Style Sheet HTML 346 Determining a Conversion Strategy HTML 401 To Link to an External Style Sheet HTML 346 To Copy HTML Code for a Navigation Bar HTML 402 Creating an External Style Sheet To Paste Code into the Home Page and Edit 348 the Code 403 Understanding the Page Box Model HTML 348 To Copy and Paste Code into the Schedule To Create an External Style Sheet Contact Web Pages HTML Feature Summary 405 Chapter Summary 351 Lab 406

5 and CSS Contents vii Appendices Font Properties APP 33 Generated Content Properties APP 34 Grid Properties APP 35 APPENDIX A Hyperlink Properties APP 35 HTML Reference Linebox Properties APP 35 HTML Coding Standards APP 1 List Properties APP 36 HTML Tags and Attributes 2 Margin and Padding Properties 37 Marquee Properties APP 37 APPENDIX B Properties APP 37 Paged Media Properties APP 38 Browser-Safe Color Palette. Properties 38 Browser-Safe Colors 15 Print Properties APP 40 APPENDIX C Ruby Properties APP 41 Speech Properties APP 41 Accessibility Standards and APP 42 the Web Text Properties APP 42 Making the Web Accessible APP 17 2D/3D Transform Properties APP 44 Section 508 Guidelines APP 17 Transition Properties APP 44 Guidelines APP 20 User-Interface Properties APP 45 APPENDIX D APPENDIX E CSS Properties and Values Publishing Web Pages CSS Concepts and APP 25 a Web Server CSS Properties 27 Choosing a Web Host 47 Acceptable Units of Measure APP 27 Uploading Files to the Host 47 Animation Properties APP 28 Background and Color Properties APP 28 APPENDIX F Border Properties APP 29 Box Properties APP 30 Classification Properties APP 31 Symbols and Characters Quick Reference Color Properties APP 31 Content for Paged Media Properties APP 32 IND1 Dimension Properties APP 32 Flexible Box Properties APP 33