Web Development And Design Foundations With HTML5 - GBV
6th Edition Web Development and Design Foundations with HTML5 [Terry Felke-Morris, Ann Ed.D.J Professor Harper College International Edition contributions by Piyali Sengupta PEARSON Boston Amsterdam Delhi Columbus Cape Town Mexico City Indianapolis Dubai New York London Sao Paulo Sydney Madrid San Francisco Milan Hong Kong Munich Seoul Upper Saddle River Paris Montreal Singapore Taipei Toronto Tokyo
Contents CHAPTER 1 1 ,,* Uniform Resource Identifiers Domain Names 33 Introduction to the Internet and World URIs and URLs 33 Wide Web Domain Names 34 21 IL1 The Internet and the Web The Internet 22 Birth of the Web Extensible Markup 23 1,2 Web Standards and 24 HTML5—the Newest Version of Accessibility 1! 1„3 Reliability and on the Web Information 25 the Web Ethical Use of Information on the Web 1.4 Network Overview 31 32 38 (FTP) 38 39 39 39 Chapter Summary 31 Key Terms 31 Protocol 37 Social Networking RSS 37 37 29 31 Hands-On Exercise Web Research Focus on 40 40 Review Questions (HTTP) Transmission Control Protocol/Internet Protocol (TCP/IP) Wikis Web 2.0 'L(§ Internet Protocols Hypertext Transfer 27 Blogs 38 Podcasts Model E-mail Protocols 26 29 1.5 The Client/Server File Transfer Protocol „f Popular Uses of the Web Mobile Access 26 26 on 37 E-Commerce 25 Universal Design for the Web HTML 24 25 and the Law Markup Language 36 (XHTML) Web Standards and Accessibility Information Extensible Hypertext 23 W3C Recommendations Language 36 (XML) 23 Technologies Intranets and Extranets 36 (HTML) 23 Who Runs the Internet? Markup Language Hypertext Markup Language 22 The First Graphical Browser of 36 36 (SGML) 22 Growth of the Internet Convergence .11 Markup Languages Standard Generalized Birth of the Internet Accessibility si 22 and Web 40 41 42 Design 42 11
12 Contents Web Research CHAPTER Z Focus HTML Basics 43 44 44 CHAPTER XHTML 44 HTML5 45 *'Vd Document Type Definition g Example XHTML ; u/S Web 3,'Head, Title, Meta, %Jh and ? fi!P 46 46 47 Body Overview of Cascading Style Sheets Advantages of Cascading Style Configuring Cascading Style The color The 48 Configure Background Body Section Your First Web and 49 Page 55 2/12 Unordered List Type HTML5 The Type 57 Style 58 61 Relative E-Mail Block Anchor 116 117 70 73 Hyperlinks 74 The "Cascade" 125 CSS Validation 127 74 75 Chapter Summary 78 78 Review Questions Chapter Summary Key Terms Hands-On Exercises Review Questions 130 Apply Your Knowledge 131 Web Research 79 81 130 130 Hands-On Exercises 78 Apply Your Knowledge 118 118 Center HTML Elements with CSS 70 2Llf§ HTML Validation Key Terms Link Element 68 Hyperlinks and 114 Using External Style Sheets Hyperlinks Accessibility 110 114 Span Element 65 66 Hyperlinks The id Selector The Contextual Selector 63 Anchor Element Absolute 62 108 108 114 The Class Selector Special Characters Element 105 CSS Class, id, and Contextual Selectors 61 Description List l.lii Div Element More CSS Font Properties HTML5 and Ordered Lists Style 105 Configuring Text with CSS 60 103 103 The font-family Property 60 Attribute 102 103 Attribute Element and Unordered Lists Ordered List Style 100 102 Embedded CSS with the 55 59 Attribute and Text Color 102 CSS Color Syntax The Phrase Elements 100 Inline CSS with the Style Attribute 53 Blockquote Element The 53 99 99 Web Pages Web-Safe Colors 53 in HTML5 Sl y Line Break Element on Focus on 133 135 Web Website Case 98 98 100 Hexadecimal Color Values Headings Options Property Using Color 52 SUi Paragraph Element Alignment Sheets The background-color Property 48 More Heading Sheets CSS Selectors and Declarations 48 Accessibility . 82 The Head Section VL"} Heading Element 2.1 Page Example HTML5 Web Page Elements 81 Website Case Study 2Ji HTML Overview HTML 81 Web Design on Design Study 135 136 123
Contents 4 CHAPTER The CSS3 opacity Property CSS3 RGBA Color 191 CSS3 Gradients 4 1 Configuring Lines and Borders The Horizontal Rule Element The border and padding Types of Graphics Key Terms Properties Hands-On Exercises 156 Photographic Experts Group (JPEG) Images 157 4*3 Image Graphic (PNG) Images Image Element Accessibility and Images Optimize an 160 Design for Your Target Audience for the Web HTML5 Visual Elements HTML5 Figure Element HTML5 Figcaption Progress Linear 165 the Property Property More About Images Image Slicing CSS Sprites 4J 174 Alignment: Align Visual 217 Unity to Provide Accessibility 176 Text in Using Images 177 and Visual Elements 178 179 Design 217 and 218 Right Thing Web Hyperlinks Reading Level Use of Color Colors Accessibility Multiple Background Images CSS3 Rounded Corners 181 183 Property The CSS3 text-shadow 219 Property 220 220 Weight 220 220 Spelling and Grammar 180 221 221 221 and Color 221 Colors and Your Target Audience 222 5-7 Use of Graphics and Multimedia 186 187 File Size and 218 220 Font Color Contrast Choosing to Do 220 Use Common Fonts Font Size and 179 The CSS3 box-shadow Is the Organize Your Content The CSS3 background-size CSS3 171 217 Elements to Create Writing for the The CSS3 background-origin Property 180 Property 169 Accessibility CSS3 background-clip Property Related Items Proximity: Group Accessible Design Can Benefit Search Engine Listing 218 CSS3 Visual Effects The 217 Increased Accessibility? 4*7 Sources and Guidelines for Graphics 176 Accessibility Attention Who Benefits from Universal 176 Guidelines for 217 Design 217 Design Design 172 175 Sources of Graphics 168 Property 172 The Favorites Icon Visual Contrast: Add Visual Excitement and Draw 169 Property The background-attachment Image Maps 167 Background Image The background-position 216 Repetition: Repeat Visual Elements Throughout 167 The background-repeat 215 216 Organization Principles of 214 215 Organization Organization Random 167 The background-image 4-6 Hierarchical 166 4« i Background Images a Website Organization 164 Element Browser Display of 163 164 Element HTML5 Meter Element HTML5 CHAPTER 160 Image 199 158 158 159 Image Hyperlinks 44 Format Web Research 196 198 Focus on Web Design 199 Website Case Study 200 Joint New WebP 195 Apply Your Knowledge 156 Graphic Interchange Format (GIF) Images Portable Network 195 195 Review Questions 150 189 192 Chapter Summary 150 150 13 Image Dimensions Matter Antialiased/Aliased Text in Media 223 223 223
14 Contents Use Only Multimedia Necessary Provide Alternate Text 5»8 Navigation Design Ease of Navigation Navigation Bars Breadcrumb 4 g 224 Two 225 SL Hyperlinks Configure Vertical 226 Wireframes and Page Layout for the Mobile Web 226 Load Time 227 608 228 i»f White Space Cll 230 Screen Resolution 5.11 Web Design Checklist 230 231 234 Review Questions 234 Web Research Focus Hgroup Website Case Study 237 267 268 268 Element 268 Section Element 271 271 271 271 HTML5 and Today's Browsers 1.1 The Key Terms 6 Page Layout Hands-On Exercises 241 Web Research Content 242 Padding 242 Border 242 Margin 242 Normal Flow Properties Focus 243 244 Layout 246 7 More on links. Layout, and Mobile 5 .l Another Look More on 299 301 246 The Block Anchor 247 Hyperlinks Fragment Identifiers 246 Positioning at Relative Linking Relative Absolute 279 on CSS Positioning Positioning 276 279 Web Design 280 Website Case Study 280 242 CHAPTER A Look Ahead: CSS 6„5 275 Apply Your Knowledge The Box Model in Action 6.2 275 275 Review Questions Box Model 273 238 Chapter Summary CHAPTER 268 268 Element Nav Element Time Element 237 Web Design on 266 HTML5 Structural Elements Aside Element 235 266 Debugging Techniques Article Element Hands-On Exercises 259 263 CSS Resources Footer Chapter Summary Key Terms 234 259 260 Header Element Best Practices Unordered List an with an Unordered List CSS Web Resources 230 Scrolling with Navigation 257 257 Practice with CSS Two-Column CSS 229 Avoid Horizontal Browsers 6.1 229 Unordered List an Interactivity with Pseudo- Layout 228 Above the Fold CSS in List Markers with CSS Classes 227 5.1 More Design Considerations 255 255 256 Navigation Horizontal Page Layout Design Techniques Design 253 Property Columns with Left Navigation Navigation 225 5«f Page Layout Design 252 252 Two Columns with Top Header and Left 225 225 Site Search Feature Float a tLfi CSS Two-Column Page Layout 224 225 Map CSS: Clearing The overflow for Navigation Dynamic Navigation 250 The clear Property 224 Skip Repetitive Navigation Site 5,4 CSS Float 224 Navigation Using Graphics 223 224 Target Attribute 297 298 298 302 Telephone and Text Message Hyperlinks 302
Contents "1,2 CSS Sprites 302 'M CSS Styling for Print Print Styling Best 7.5 CSS Styling Web Forms 311 Practices 312 for the Mobile 316 More Meta Tag on Web 332 § .4 Select 333 334 Option 8 351 Fieldset Rows, Cells, Buttons and the Button 391 391 and 352 Table Header Element %J Styling Rows and Columns 354 The 354 rowspan Attribute f.8 Privacy 356 358 8.6 CSS3 Structural Pseudo-Classes Table Sections Chapter Summary 365 365 9.9 HTML5 Form 361 E-mail Address URL 365 Apply Your Knowledge Hands-On Exercises 366 368 403 Website Case Study Resources Controls Input 369 369 403 404 404 Number Search Field Input Input Slider Form Control 406 408 Spinner Form Control Color-well Form Control HTML5 and 405 406 Calendar Form Control 369 Focus on Web Design 400 405 Input Telephone 399 Processing Datalist Form Control Review Questions Web Research 362 398 Processing and Forms Server-Side 396 397 Approach Server-Side 394 396 397 Style a Form with CSS 354 an Accessible Table Table with CSS Key Terms 392 a Form Transitional 392 Legend Elements Table Structure 352 The colspan Attribute f ."j Configure and Forms The accesskey Attribute 352 8-4 Configure 391 The tabindex Attribute 352 Table Data Element a 390 Label Element Table Row Element §„s Style 389 Element f„6 Accessibility and 350 350 386 386 389 Button Element Headers flj Span List Image Button Captions Table Text Box Element Table Overview 385 386 Select Element 349 Table 384 Textarea Element 9»§ Image Table Element 8.2 f „3 Scrolling 333 Website Case Study 383 Password Box 329 Design 381 Hidden Input Control 328 380 381 Radio Button 328 Hands-On Exercises Web Research 8. 1 378 380 Check Box 326 Apply Your Knowledge Tables 379 Reset Button 328 Review Questions CHAPTER Form Controls Submit Button 321 Chapter Summary Focus 378 Text Box 320 Media Queries Key Terms 317 319 Mobile Display on Form Element ».2 Input Element Form Controls CSS Media Queries Testing 377 9.1 Overview of Forms Mobile Web Design Best Practices Viewport 9 CHAPTER 7„fi Three-Column CSS Page Layout 305 15 Progressive 409 410 411 Enhancement 413
16 Contents Chapter Summary Key Terms 414 Review Questions s „3 XHTML Object and Hands-On Exercises Web Research Object Element 414 Apply Your Knowledge Focus 1 414 415 417 Param Element 459 Audio on a Web Page 460 Web Page 463 Video 418 Web Design 419 Website Case Study 420 on a Working on with Multimedia on the Web 114 Adobe Flash 10 110.1 Successful Flash Resources I 431 Audio Element HTML5 Audio 432 Project Staffing Criteria Conceptualization 433 11.6 Multimedia II 436 Design Production 473 Page 476 475 a Web Files and Copyright Law : l CSS3 and Interactivity CSS Image Gallery 438 478 478 Testing 438 CSS3 Transform Property 480 Launch 441 CSS3 Transition Property 482 Maintenance Evaluation llfl.g Domain Choosing 11J Java 442 442 Adding Name Overview a Registering Domain Name a a ll'L,1fi Terms Ajax Web Research Accessibility Interactivity 449 Web Design Web Multimedia and and 456 Web Research 455 CHAPTER 496 498 498 Design 499 500 1 2 E-Commeree Overview 458 Hyperlink 495 Website Case Study Interactivity 495 Hands-On Exercises 452 11.2 Getting Started with Audio and a 494 Apply Your Knowledge 452 Plug-ins, Containers, Provide 492 and Multimedia/ Review Questions 1 1 Video 491 495 Focus on Web Codecs 490 490 Key Terms 451 Website Case Study CHAPTER 488 489 Resources Chapter Summary 448 Hands-On Exercises on Applet Resources Page 448 Review Questions Focus to a Web 11 „111 HTML5 Canvas Element 445 11J 2 Key Applet Ajax Resources 448 ChapterSummary Java JavaScript 443 444 Virtual Host 485 a 11.9 JavaScript 442 444 Web Host Providers 10.5 Choosing Java 442 Domain Name 1@4 Web Hosting 11.1 Page 475 HTML5 Video on 436 507 12.1 What Is E-Commerce? Advantages 458 472 473 on a Web Source Element 433 435 467 469 472 Video Element Development Process Analysis Web Page 471 Source Element 432 Project Job Roles 465 %S HTML5 Audio and Video Elements Large-Scale Project Development 10,2 The on a HTML5 Embed Element Web Development 459 466 Flash Animation CHAPTER Param Elements 459 of E-Commerce Risks of E-Commerce 509 508 508 486 477
Contents 12.2 E-Commerce Business Models i log Electronic Data Interchange (EDI) 12.4 E-Commerce Statistics 12.5 E-Commerce Issues e 510 1, Encryption Integrity 511 is Digital Certificate (SSL) 515 12*J Order and Payment Processing Cash Model 517 Credit Model 517 517 Budget Link Agreements on a 521 Web Research Frames 522 523 Focus on Web Design 524 Website Case Study 524 The iframe Element 554 YouTube Video in Inline Frame an Chapter Summary Key Terms 557 3 Web Research Focus on Web Website Case 539 *l „'i Search Engine Overview II „I Popular Search Engines ii S Components Robot a Search 540 CHAPTER Engine 541 557 557 542 Description Meta Tag Design Study 542 The JavaScript Development JavaScript 563 564 of 564 14.3 Popular Uses for JavaScript Alert Message 565 Jump Menus 542 559 560 4 Popup Windows 542 558 559 Brief Look at JavaScript 14 2 542 Heading Tags Description A 1 Overview of 3.4 Search Engine Optimization Keywords 542 Page Titles 540 541 Search Form 555 540 541 Database li of Inline 553 Hands-On Exercises Web Promotion Existing Marketing 553 Review Questions CHAPTER 552 If.l Serving Dynamic Content with 521 Hands-On Exercise 552 Newsgroup and Listserv Postings 521 Review Questions 1 552 Personal Recommendations Traditional Media Ads and Chapter Summary 551 551 Materials Key Terms 551 Sticky Site Features 519 549 549 550 Newsletters 519 Semi-Custom-Built Solutions Codes 550 Programs Reciprocal 519 519 Custom-Built Solutions 549 Banner Exchange 518 Off-the-Shelf Shopping Cart Software 548 549 Response (QR) Banner Ads 518 Instant Online Storefront 548 Networking Affiliate 518 11.8 E-Commerce Storefront Solutions 546 S«SI Other Site Promotion Activities Quick Mobile Payment Model Listings Social Media Optimization Social 1 Smart Card Model Search Blogs and RSS Feeds 517 Check Model 546 % Monitoring "If.S 516 544 545 "i%"27 Link Popularity 515 Certificates 543 Search Engine a Map Your Site Alliances 543 543 Listing in 513 513 Digital and Multimedia Content of Value 514 Secure Sockets Layer SSL and Images Valid Code 512 6 E-Commerce Security 543 Linking 510 17 565 565 566 Mouse Movement Techniques 566
18 Contents Adding JavaScript Script Element to a Web Page JavaScript Statement Block Template Alert Message Document Box Model Overview Events and Event Handlers Variables Writing a a Variable Values Introduction Concepts to Decision Making Form Page Using a 576 Prompt Programming 579 580 583 Handling Accessibility and 578 JavaScript 592 592 596 Website Case Study 597 Appendix A: HTML5 Quick Reference 605 Appendix B: XHTML Quick Reference 611 Appendix C: Appendix D: CSS Appendix E: WCAG 2.0 Quick Reference Appendix F: Web-Safe Color Palette Appendix G: FTP Tutorial Answers 585 JavaScript Resources Web Research 570 573 579 Arithmetic Operators Functions Web 593 Apply Your Knowledge 594 Hands-On Exercises 596 575 Variable to Collecting Review Questions 567 568 Object 593 Chapter Summary Key Terms 593 567 567 Index Credits Special Entity 631 651 667 Property Characters Reference 627 615 617 625 623
6th Edition Web Development and Design Foundations with HTML5 [Terry Ann Felke-Morris, Ed.D.J Professor Harper College International Edition contributions by Piyali Sengupta PEARSON Boston Columbus Indianapolis NewYork SanFrancisco UpperSaddleRiver Amsterdam CapeTown Dubai London Madrid Milan Munich Paris Montreal Toronto Delhi MexicoCity SaoPaulo Sydney HongKong Seoul Singapore Taipei Tokyo
Published for 2020-21 school year. Page 1 Web Design Foundations Course Description Web Design Foundations is a course that prepares students with work-related web design skills f
and development foundations. The foundations focus on four domains: social-emotional develop ment, language development, cognitive development, and perceptual and motor development. The foundations provide a comprehensive understand ing of young children's learning and development during the irst three years of life.
In contrast, pile-supported foundations transmit design loads into the adjacent soil mass through pile friction, end bearing, or both. This chapter addresses footing foundations. Pile foundations are covered in Chapter 5, Pile Foundations-General. Each individual footing foundation must be sized so that the maximum soil-bearing pressure does not exceed the allowable soil bearing capacity of .
It is an honour for Assifero to present this guide to community foundations in Italy. The community philanthropy movement is growing rapidly all over the world. In Italy, the establishment of community foundations began in 1999 with foundations in Lecco and Como. There are now 37 registered Italian community foundations (based on the atlas of
Describe Universal Design Identify benefits of accessible web design Identify reliable resources of information on the Web Identify ethical use of the Web Describe the purpose of web browsers and web servers Identify networking protocols
Describe principles of visual design Design for your target audience Create clear, easy-to-use navigation Improve the readability of the text on your web pages Use graphics appropriately on web pages Apply the concept of universal design to web pages Describe web page layout design techniques Apply best practices of web design 3
dyGuide' '2014'' 6' Test Overview Chart: Foundations of Reading (PreK-6) (90) Subareas Approximate Number of Multiple-Choice Items Number of Open-Response Items I. Foundations of Reading Development 43-45 II. Development of Reading Comprehension 33-35 III.
Common Microsoft FrontPage tasks Work with and manage Web pages F8 Run the accessibility checker. CTRL N Create a new Web page. CTRL O Open a Web page. CTRL F4 Close a Web page. CTRL S Save a Web page. CTRL P Print a Web page. F5 Refresh a Web page; refresh the Folder List. CTRL TAB Switch between open Web pages. CTRL SHIFT B Preview a Web page .
