Views
1 year ago

246996016-HTML5-Step-by-Step

Using the Practice Files

Using the Practice Files Each exercise in the lessons is preceded by a paragraph or paragraphs that list the files needed for that exercise and explain any file preparation you need to take care of before you start working through the exercise. The practice files are available for download from http://oreilly.com/catalog/0790145302083/. When you unzip them from the download file, separate folders will be created for each chapter, and separate folders within each of those for each exercise. The following table lists the practice file folders for each chapter and the subfolders you’ll find within them. The practice file folder for each chapter also includes a Solutions subfolder containing finished versions of the practice files used in that chapter. Chapter Folder Subfolder Chapter 1: 01Editing no subfolders HTML and XHTML Basics Chapter 2: Setting Up the Document Structure 02Structure CreatingParagraphs PublishingFiles SpecifyingKeywords SpecifyingTitle Chapter 3: Formatting Text by Using Tags 03Format ApplyingBold ApplyingSuperscript ConfiguringSettings CreatingHeadings FormattingQuotes UsingMonospace Chapter 4: Using Lists and Backgrounds 04Lists ChoosingColors CreatingGlossary InsertingCharacters InsertingLines NestingLists SpecifyingImages Chapter 5: Creating Hyperlinks and Anchors 05Links CreatingAnchors CreatingHyperlinks LinkingEmail LinkingOther xxv

xxvi Using the Practice Files Chapter Folder Subfolder Chapter 6: Introduction to Style Sheets 06Styles ConstructingRules CreatingClasses CreatingExternal CreatingNested StylingHyperlinks Chapter 7: Formatting Text by Using Style Sheets 07Text AdjustingSpacing ApplyingBold ApplyingStrike CreatingSpan SelectingFont SelectingSize Chapter 8: Formatting Paragraphs Using Style Sheets 08Paragraphs AddingBorders AdjustingHeight Indenting SettingAlignment Chapter 9: Displaying Graphics 09Graphics CaptioningFigures ClearingImages CreatingHyperlinks InsertingImages SizingImages UsingAlt UsingThumbnails Chapter 10: Creating Navigational Aids 10Navigation CreatingGraphicBar CreatingImageMap CreatingTextBar Redirecting Chapter 11: Creating Division-Based Layouts 11Divisions CreatingDivisions FormattingDivisions PositioningDivisions UsingSemantic Chapter 12: Creating Tables 12Tables CreatingTable SettingWidth SpanningCells SpecifyingSize UsingTables

  • Page 2 and 3: HTML5 Step by Step Faithe Wempen
  • Page 4: To Margaret iii
  • Page 7 and 8: vi Contents 2 Setting Up the Docume
  • Page 9 and 10: viii Contents Part 3 9 Displaying G
  • Page 11 and 12: x Contents Embedding Video Clips .
  • Page 14: Acknowledgments Thank you to the wo
  • Page 17 and 18: xvi Introduction (Please note that
  • Page 19 and 20: xviii Introduction A new browser wi
  • Page 21 and 22: xx What Is HTML? To understand how
  • Page 23 and 24: xxii What Is HTML? Simply put, it
  • Page 25: xxiv What Is HTML? A slightly longe
  • Page 29 and 30: Getting Help Every effort has been
  • Page 31 and 32: xxx Conventions and Features in Thi
  • Page 33 and 34: Chapter at a G ance Open a Web page
  • Page 35 and 36: 4 Chapter 1 Note You may run into v
  • Page 37 and 38: 6 Chapter 1 SET UP Open Notepad. 1.
  • Page 39 and 40: 8 Chapter 1 For beginners, though,
  • Page 41 and 42: 10 Chapter 1 The file opens in Inte
  • Page 43 and 44: Chapter at a G ance Create the HTML
  • Page 45 and 46: 14 Chapter 2 Specifying the Documen
  • Page 47 and 48: 16 Chapter 2 2. In the Notepad wind
  • Page 49 and 50: 18 Chapter 2 Note In XHTML, the lin
  • Page 51 and 52: 20 Chapter 2 Note Not all search en
  • Page 53 and 54: 22 Chapter 2 Publishing a File to a
  • Page 55 and 56: Chapter at a G ance Create head ngs
  • Page 57 and 58: 26 Chapter 3 This chapter introduce
  • Page 59 and 60: 28 Chapter 3 Dog Agility Club of In
  • Page 61 and 62: 30 Chapter 3 Note HTML also allows
  • Page 63 and 64: 32 Chapter 3 CLEAN UP Close the Not
  • Page 65 and 66: 34 Chapter 3 The tag can also come
  • Page 67 and 68: 36 Chapter 3 10. Close the poemtext
  • Page 69 and 70: 38 Chapter 3 The tag has a cite
  • Page 71 and 72: 40 Chapter 3 CLEAN UP Close the Not
  • Page 73 and 74: 42 Chapter 3 6. On the General tab,
  • Page 75 and 76: 44 Chapter 3 11. Open the poem file
  • Page 77 and 78:

    Chapter at a G ance Create bu eted

  • Page 79 and 80:

    48 Chapter 4 divisions in Chapter 1

  • Page 81 and 82:

    50 Chapter 4 On a Web page, it woul

  • Page 83 and 84:

    52 Chapter 4 3. After the first ite

  • Page 85 and 86:

    54 Chapter 4 Creating Definition Li

  • Page 87 and 88:

    56 Chapter 4 name or an entity numb

  • Page 89 and 90:

    58 Chapter 4 To add a horizontal li

  • Page 91 and 92:

    60 Chapter 4 Choosing Background an

  • Page 93 and 94:

    62 Chapter 4 SET UP Use the foliage

  • Page 95 and 96:

    64 Chapter 4 If you specify a backg

  • Page 97 and 98:

    Chapter at a G ance Hyper nk to a W

  • Page 99 and 100:

    68 Chapter 5 Practice Files Before

  • Page 101 and 102:

    70 Chapter 5 When creating a link t

  • Page 103 and 104:

    72 Chapter 5 E-mail hyperlinks are

  • Page 105 and 106:

    74 Chapter 5 Note The full text of

  • Page 107 and 108:

    76 Chapter 5 To refer to the anchor

  • Page 109 and 110:

    78 Chapter 5 Hyperlinking to Other

  • Page 111 and 112:

    80 Chapter 5 4. In Internet Explore

  • Page 114 and 115:

    Part 2 Style Sheets and Graphics 6

  • Page 116 and 117:

    6 Introduction to Style Sheets In t

  • Page 118 and 119:

    Constructing Style Rules 87 ul { l

  • Page 120 and 121:

    Constructing Style Rules 89 2. In N

  • Page 122 and 123:

    Creating Styles for Nested Tags 91

  • Page 124 and 125:

    Creating Classes and IDs for Applyi

  • Page 126 and 127:

    Creating Classes and IDs for Applyi

  • Page 128 and 129:

    Applying Styles to Hyperlinks 97 Yo

  • Page 130 and 131:

    Creating and Linking to External St

  • Page 132 and 133:

    Key Points 101 ● ● ● ● ●

  • Page 134 and 135:

    7 Formatting Text by Using Style Sh

  • Page 136 and 137:

    Specifying a Font Family 105 Note I

  • Page 138 and 139:

    Specifying a Font Size and Color 10

  • Page 140 and 141:

    Specifying a Font Size and Color 10

  • Page 142 and 143:

    Applying Bold and Italics 111 6. Sa

  • Page 144 and 145:

    Applying Bold and Italics 113 In th

  • Page 146 and 147:

    Applying Strikethrough and Underlin

  • Page 148 and 149:

    Creating Inline Spans 117 Creating

  • Page 150 and 151:

    Adjusting Spacing Between Letters 1

  • Page 152 and 153:

    Adjusting Spacing Between Letters 1

  • Page 154 and 155:

    Key Points 123 Key Points ● ●

  • Page 156 and 157:

    8 Formatting Paragraphs by Using St

  • Page 158 and 159:

    Indenting Paragraphs 127 In contras

  • Page 160 and 161:

    Indenting Paragraphs 129 It is inde

  • Page 162 and 163:

    Applying a Border to a Paragraph 13

  • Page 164 and 165:

    Applying a Border to a Paragraph 13

  • Page 166 and 167:

    Specifying the Horizontal Alignment

  • Page 168 and 169:

    Specifying Vertical Space within a

  • Page 170 and 171:

    Key Points 139 Key Points ● ●

  • Page 172 and 173:

    9 Displaying Graphics In this chapt

  • Page 174 and 175:

    Preparing Graphics for Web Use 143

  • Page 176 and 177:

    Inserting Graphics 145 To refer to

  • Page 178 and 179:

    Arranging Elements on the Page 147

  • Page 180 and 181:

    Controlling Image Size and Padding

  • Page 182 and 183:

    Controlling Image Size and Padding

  • Page 184 and 185:

    Hyperlinking from Graphics 153 Note

  • Page 186 and 187:

    Using Thumbnail Graphics 155 Mouse

  • Page 188 and 189:

    Using Thumbnail Graphics 157 2. S

  • Page 190 and 191:

    Adding Figure Captions 159 If the b

  • Page 192:

    Key Points 161 Key Points ● ●

  • Page 195 and 196:

    Chapter at a G ance Create a text-b

  • Page 197 and 198:

    166 Chapter 10 Planning Your Site

  • Page 199 and 200:

    168 Chapter 10 Tip When you place a

  • Page 201 and 202:

    170 Chapter 10 7. Set the margin fo

  • Page 203 and 204:

    172 Chapter 10 button you like, and

  • Page 205 and 206:

    174 Chapter 10 Creating an Image Ma

  • Page 207 and 208:

    176 Chapter 10 287,71 188,267 314,4

  • Page 209 and 210:

    178 Chapter 10 Just as with hyperli

  • Page 211 and 212:

    180 Chapter 10 Note Even thou

  • Page 213 and 214:

    182 Chapter 10 After five seconds,

  • Page 215 and 216:

    Chapter at a G ance Create d v s on

  • Page 217 and 218:

    186 Chapter 11 Practice Files Befor

  • Page 219 and 220:

    188 Chapter 11 Creating Divisions Y

  • Page 221 and 222:

    190 Chapter 11 Creating an HTML5 Se

  • Page 223 and 224:

    192 Chapter 11 Positioning Division

  • Page 225 and 226:

    194 Chapter 11 You can combine posi

  • Page 227 and 228:

    196 Chapter 11 9. (Optional) Experi

  • Page 229 and 230:

    198 Chapter 11 There are several pr

  • Page 231 and 232:

    200 Chapter 11 5. In the default.cs

  • Page 233 and 234:

    202 Chapter 11 12. Save the file. 1

  • Page 235 and 236:

    Chapter at a G ance Create a tab e,

  • Page 237 and 238:

    206 Chapter 12 The most popular use

  • Page 239 and 240:

    208 Chapter 12 The number of column

  • Page 241 and 242:

    210 Chapter 12 5. Save the file, an

  • Page 243 and 244:

    212 Chapter 12 Alternatively, you c

  • Page 245 and 246:

    214 Chapter 12 An alternative appro

  • Page 247 and 248:

    216 Chapter 12 9. Save the file, an

  • Page 249 and 250:

    218 Chapter 12 You can also specify

  • Page 251 and 252:

    220 Chapter 12 5. Save the file, an

  • Page 253 and 254:

    222 Chapter 12 The preceding code c

  • Page 255 and 256:

    224 Chapter 12 CLEAN UP Close the N

  • Page 257 and 258:

    226 Chapter 12 2. In Notepad, inser

  • Page 259 and 260:

    228 Chapter 12 CLEAN UP Close the N

  • Page 261 and 262:

    Chapter at a G ance App y tab e bor

  • Page 263 and 264:

    232 Chapter 13 Applying Table Borde

  • Page 265 and 266:

    234 Chapter 13 As shown in the foll

  • Page 267 and 268:

    236 Chapter 13 that govern all inst

  • Page 269 and 270:

    238 Chapter 13 3. Open products.htm

  • Page 271 and 272:

    240 Chapter 13 9. Remove the border

  • Page 273 and 274:

    242 Chapter 13 If the image is smal

  • Page 275 and 276:

    244 Chapter 13 4. In Notepad, in th

  • Page 277 and 278:

    246 Chapter 13 Setting Cell Padding

  • Page 279 and 280:

    248 Chapter 13 Note Notice that whe

  • Page 281 and 282:

    Chapter at a G ance Create a bas c

  • Page 283 and 284:

    252 Chapter 14 Caution Many Web des

  • Page 285 and 286:

    254 Chapter 14 You can specify a wi

  • Page 287 and 288:

    256 Chapter 14 Many Web designers f

  • Page 289 and 290:

    258 Chapter 14 8. Add another row a

  • Page 291 and 292:

    260 Chapter 14 By default, check bo

  • Page 293 and 294:

    262 Chapter 14 6. Fill out the form

  • Page 295 and 296:

    264 Chapter 14 If the list’s choi

  • Page 297 and 298:

    266 Chapter 14 7. After the closing

  • Page 299 and 300:

    268 Chapter 14 Understanding CGI an

  • Page 301 and 302:

    Chapter at a G ance P ay a v deo, p

  • Page 303 and 304:

    272 Chapter 15 What’s New with Au

  • Page 305 and 306:

    274 Chapter 15 There is also a new

  • Page 307 and 308:

    276 Chapter 15 Note A compression a

  • Page 309 and 310:

    278 Chapter 15 Not surprisingly, yo

  • Page 311 and 312:

    280 Chapter 15 SET UP Use the winte

  • Page 313 and 314:

    282 Chapter 15 Note If a security w

  • Page 315 and 316:

    284 Chapter 15 SET UP Use the index

  • Page 317 and 318:

    Chapter at a G ance Add JavaScr pt

  • Page 319 and 320:

    288 Chapter 16 You add a canvas ele

  • Page 321 and 322:

    290 Chapter 16 SET UP Open Notepad.

  • Page 323 and 324:

    292 Chapter 16 Keeping JavaScript A

  • Page 325 and 326:

    294 Chapter 16 However, as just not

  • Page 327 and 328:

    296 Chapter 16 You can also select

  • Page 329 and 330:

    298 Chapter 16 You call the functio

  • Page 331 and 332:

    300 Chapter 16 Validating a Web For

  • Page 333 and 334:

    302 Chapter 16 The CSS style might

  • Page 335 and 336:

    304 Chapter 16 To draw on the canva

  • Page 337 and 338:

    306 Chapter 16 Viewing this page in

  • Page 339 and 340:

    308 Chapter 16 }); for (i = 0; i

  • Page 341 and 342:

    310 Chapter 16 Including External C

  • Page 344 and 345:

    Part 4 Other Ways to Create HTML Co

  • Page 346 and 347:

    17 HTML and Microsoft Expression We

  • Page 348 and 349:

    Exploring the Expression Web Interf

  • Page 350 and 351:

    Exploring the Expression Web Interf

  • Page 352 and 353:

    Creating Web Sites and Web Pages 32

  • Page 354 and 355:

    Creating Web Sites and Web Pages 32

  • Page 356 and 357:

    Create a Page by Using a CSS Templa

  • Page 358 and 359:

    Create a Page by Using a CSS Templa

  • Page 360 and 361:

    Insert Graphics 329 the site. One e

  • Page 362 and 363:

    Insert Graphics 331 Drag each butto

  • Page 364 and 365:

    Formatting Text 333 Note The Masthe

  • Page 366 and 367:

    Formatting Text 335 5. In the Prope

  • Page 368 and 369:

    Formatting Text 337 19. Click OK to

  • Page 370 and 371:

    Formatting a Division 339 4. Drag t

  • Page 372 and 373:

    Inserting Hyperlinks 341 ● ●

  • Page 374:

    Key Points 343 14. Click OK. The hy

  • Page 378 and 379:

    A Designing for Usability Although

  • Page 380 and 381:

    Designing a Consistent Page Templat

  • Page 382:

    Performing Usability Testing 351

  • Page 385 and 386:

    354 Appendix B To plan for these li

  • Page 387 and 388:

    356 Appendix B ● ● Ensure that

  • Page 389 and 390:

    358 Appendix B ● ● ● Avoid fl

  • Page 391 and 392:

    360 Appendix B Guideline 12: Provid

  • Page 394 and 395:

    C Tags Added and Removed in HTML5 T

  • Page 396 and 397:

    Glossary absolute path Paths that c

  • Page 398 and 399:

    Glossary 367 logical tag See descri

  • Page 400 and 401:

    Index Symbols ¢ (cent) 56 £ (poun

  • Page 402 and 403:

    compiled programming languages 371

  • Page 404 and 405:

    .flv file extension 373 b ock eve 1

  • Page 406 and 407:

    images. See graphics (images) 375 d

  • Page 408 and 409:

    navigational aids 377 K tag about

  • Page 410 and 411:

    tag 379 paragraphs. See also tag a

  • Page 412 and 413:

    text boxes 381 style sheets. See al

  • Page 414 and 415:

    word spacing 383 VLC media player 2

  • Page 416 and 417:

    About the Author Faithe Wempen, M.A

INTRODUCTION TO HTML5
Html5 Training Limassol
9. Frame Tags - Elktech.org
Step-by-step basic manual for alumni volunteers - Cornell University
C&C Micro-site User Guide - Hart House
Survey of Computer Science - Mathematics and Computer Science
Field Guide to Fixed Layout for E-Books - Book Industry Study Group
Computer Training - Bill Black 2011 - University of Florida
Total Browser Pwnag3 - spl0it.org