Web Development & Design Foundations with HTML5 10TH ED

Web Development & Design Foundations with HTML5
Web Development & Design Foundations with HTML5
Preface
	New to This Edition
	Organization of the Text
	Brief Overview of Each Chapter
	Features of the Text
	Supplemental Materials
	About the Author
Contents
1 Introduction to the Internet and World Wide Web
	Chapter Objectives
	1.1 The Internet and the Web
		The Internet
		Birth of the Internet
		Growth of the Internet
		Birth of the Web
		The First Graphical Browser
		Convergence of Technologies
		Who Runs the Internet?
		Intranets and Extranets
	1.2 Web Standards and Accessibility
		W3C Recommendations
		Web Standards and Accessibility
		Accessibility and the Law
		Universal Design for the Web
	1.3 Information on the Web
		Reliability and Information on the Web
		Ethical Use of Information on the Web
	1.4 Network Overview
	1.5 The Client/Server Model
	1.6 Internet Protocols
		File Transfer Protocol (FTP)
		E-mail Protocols
		Hypertext Transfer Protocol (HTTP)
		Hypertext Transfer Protocol Secure (HTTPS)
		Transmission Control Protocol/Internet Protocol (TCP/IP)
			TCP
			IP
	1.7 Uniform Resource Identifiers and Domain Names
		URIs and URLs
		Domain Names
			Top-Level Domain Names
			Generic Top-Level Domain Names (gTLDs)
			Country-Code Top-Level Domain Names
			Domain Name System (DNS)
	1.8 Markup Languages
		Standard Generalized Markup Language (SGML)
		Hypertext Markup Language (HTML)
		Extensible Markup Language (XML)
		Extensible Hypertext Markup Language (XHTML)
		HTML5—the Newest Version of HTML
	1.9 Popular Uses of the Web
		E-Commerce
		Mobile Access
		Blogs
		Wikis
		Social Networking
		Cloud Computing
		RSS
		Podcasts
		Constant Change
	Chapter Summary
	Key Terms
	Review Questions
		Multiple Choice
		True or False
		Fill in the Blank
	Hands-On Exercise
	Web Research
	Focus on Web Design
2 HTML Basics
	Chapter Objectives
	2.1 HTML Overview
		HTML
		XML
		XHTML
		HTML5
	2.2 Document Type Definition
	2.3 Web Page Template
	2.4 HTML Element
	2.5 Head, Title, Meta, and Body Elements
		The Head Section
			The Head Element
			The Title Element
			The Meta Element
		The Body Section
			The Body Element
	2.6 Your First Web Page
	2.7 Heading Element
		Accessibility and Headings
	2.8 Paragraph Element
		Alignment
	2.9 Line Break Element
	2.10 Blockquote Element
	2.11 Phrase Elements
	2.12 Ordered List
		The Type, Start, and Reversed Attributes
	2.13 Unordered List
	2.14 Description List
	2.15 Special Characters
	2.16 Structural Elements
		Div Element
		Header Element
		Nav Element
		Main Element
		Footer Element
		Section Element
		Article Element
		Aside Element
		Time Element
	2.17 Hyperlinks
		The A Element
		The Href Attribute
		Absolute Hyperlinks
		Relative Hyperlinks
		Site Map
		The Target Attribute
		Block Anchor
		E-Mail Hyperlinks
		Accessibility and Hyperlinks
	2.18 HTML Validation
	Chapter Summary
	Key Terms
	Review Questions
		Multiple Choice
		Fill in the Blank
		Short Answer
	Apply Your Knowledge
	Hands-On Exercises
	Web Research
	Focus on Web Design
3 Configuring Color and Text with CSS
	Chapter Objectives
	3.1 Overview of Cascading Style Sheets
		Advantages of Cascading Style Sheets
		Configuring Cascading Style Sheets
		CSS Selectors and Declarations
		The background-color Property
		The color Property
		Configure Background and Text Color
	3.2 Using Color on Web Pages
		Hexadecimal Color Values
		Web-Safe Colors
		CSS Color Syntax
	3.3 Inline CSS with the Style Attribute
		The Style Attribute
	3.4 Embedded CSS with the Style Element
		Style Element
	3.5 Configuring Text with CSS
		The font-family Property
		More CSS Text Properties
			The font-size Property
			The font-weight Property
			The font-style Property
			The line-height Property
			The text-align Property
			The text-indent Property
			The text-decoration Property
			The text-transform Property
			The letter-spacing Property
			The word-spacing Property
			The white-space Property
			The text-shadow Property
	3.6 CSS Class, Id, and Descendant Selectors
		The Class Selector
		The Id Selector
		The Descendant Selector
	3.7 Span Element
	3.8 Using External Style Sheets
		Link Element
	3.9 Center HTML Elements with CSS
	3.10 The “Cascade”
	3.11 CSS Validation
	Chapter Summary
	Key Terms
	Review Questions
		Multiple Choice
		Fill in the Blank
	Apply Your Knowledge
	Hands-On Exercises
	Web Research
	Focus on Web Design
4 Visual Elements and Graphics
	Chapter Objectives
	4.1 Configuring Lines and Borders
		Horizontal Rule Element
		The border and padding Properties
			The border Property
			The border-style Property
			The padding Property
	4.2 Graphics on the Web
		Graphic Interchange Format (GIF)
			Transparency
			Animation
			Compression
			Optimization
			Interlacing
		Joint Photographic Experts Group (JPEG)
			Compression
			Optimization
			Progressive JPEG
		Portable Network Graphic (PNG)
		WebP Image Format
		Popular Graphics Applications
	4.3 Img Element
		Accessibility and Images
		Image Hyperlinks
		Accessibility and Image Hyperlinks
	4.4 More Visual Elements
		Figure and Figcaption Elements
		Meter Element
		Progress Element
	4.5 Background Images
		The background-image Property
			Using Both Background Color and a Background Image
		Browser Display of a Background Image
		The background-repeat Property
		The background-position Property
		The background-attachment Property
		The background-clip Property
		The background-origin Property
		The background-size Property
		Multiple Background Images
	4.6 More About Images
		Image Maps
			Map Element
			Area Element
			Exploring a Rectangular Image Map
		The Favorites Icon
		Configuring a Favorites Icon
		CSS Sprites
	4.7 Sources and Guidelines for Graphics
		Sources of Graphics
		Guidelines for Using Images
			Reuse Images
			Consider the Size vs. Quality Issue
			Consider Image Load Time
			Use Appropriate Resolution
			Specify Dimensions
			Be Aware of Brightness and Contrast
		Accessibility and Visual Elements
	4.8 CSS Visual Effects
		CSS Rounded Corners
		The box-shadow Property
		The opacity Property
		CSS RGBA Color
		CSS HSLA Color
			Hue, Saturation, Lightness, and Alpha
			HSLA Color Examples
		CSS Gradients
			Linear Gradient Syntax
			Radial Gradient Syntax
			CSS Gradients and Progressive Enhancement
	Chapter Summary
	Key Terms
	Review Questions
		Multiple Choice
		Fill in the Blank
	Apply Your Knowledge
	Hands-On Exercises
	Web Research
	Focus on Web Design
5 Web Design
	Chapter Objectives
	5.1 Design for Your Target Audience
	5.2 Website Organization
		Hierarchical Organization
		Linear Organization
		Random Organization
	5.3 Principles of Visual Design
		Repetition: Repeat Visual Components Throughout the Design
		Contrast: Add Visual Excitement and Draw Attention
		Proximity: Group Related Items
		Alignment: Align Elements to Create Visual Unity
	5.4 Design to Provide Accessibility
		Who Benefits from Universal Design and Increased Accessibility?
		Accessible Design Can Benefit Search Engine Listing
		Accessibility is the Right Thing to Do
	5.5 Writing for the Web
		Organize Your Content
		Choosing a Font
		Font Size
		Font Weight
		Font Color Contrast
		Line Length
		Alignment
		Text in Hyperlinks
		Reading Level
		Spelling and Grammar
	5.6 Use of Color
		Color Scheme Based on an Image
		Color Wheel
			Shades, Tints, and Tones
		Color Scheme Based on the Color Wheel
			Monochromatic Color Scheme
			Analogous Color Scheme
			Complementary Color Scheme
			Split Complementary Color Scheme
			Triadic Color Scheme
			Tetradic Color Scheme
		Implementing a Color Scheme
		Accessibility and Color
		Colors and Your Target Audience
	5.7 Use of Graphics and Multimedia
		File Size and Image Dimensions Matter
		Antialiased/Aliased Text in Media
		Use Only Necessary Multimedia
		Provide Alternate Text
	5.8 More Design Considerations
		Mobile Devices
		Browsers
		Screen Resolution
		White Space
		Flat Web Design
		Single Page Website
	5.9 Navigation Design
		Ease of Navigation
		Navigation Bars
		Breadcrumb Navigation
		Using Graphics for Navigation
		Skip Repetitive Navigation
		Dynamic Navigation
		Site Map
		Site Search Feature
	5.10 Page Layout Design
		Wireframes and Page Layout
		Page Layout Design Techniques
			Fixed Layout
			Fluid Layout
	5.11 Design for the Mobile Web
		Mobile Web Design Considerations
		Optimize Layout for Mobile Use
		Optimize Navigation for Mobile Use
		Optimize Graphics for Mobile Use
		Optimize Text for Mobile Use
		Mobile Design Quick Checklist
	5.12 Responsive Web Design
	5.13 Web Design Best Practices Checklist
	Chapter Summary
	Key Terms
	Review Questions
		Multiple Choice
		Fill in the Blank
		Short Answer
	Hands-On Exercises
	Web Research
	Focus on Web Design
6 Page Layout
	Chapter Objectives
	6.1 Width and Height with CSS
		The width Property
		The min-width Property
		The max-width Property
		The height Property
	6.2 The Box Model
		Content
		Padding
		Border
		Margin
			The margin Property
		The Box Model in Action
	6.3 Normal Flow
	6.4 CSS Float
	6.5 CSS Clearing a Float
		The clear Property
			Clear a Float with a Line Break
			Another Technique to Clear a Float
		The overflow Property
			Clear a Float
			Configure Scrollbars
	6.6 CSS Box Sizing
	6.7 CSS Two-Column Layout
		Your First Two-Column Layout
		Two-Column Layout Example
			Not Yet Ready for Prime Time
	6.8 Hyperlinks in an Unordered List
		Configure List Markers with CSS
			Configure an Image as a List Marker
		Vertical Navigation with an Unordered List
			Configure with CSS
			Remove the Underline with CSS
		The display Property
		Horizontal Navigation with an Unordered List
			Configure with CSS
	6.9 CSS Interactivity with Pseudo-Classes
		CSS Button
	6.10 CSS Sprites
	6.11 CSS for Printing
		Print Styling Best Practices
	6.12 Positioning with CSS
		Static Positioning
		Fixed Positioning
		Relative Positioning
		Sticky Positioning
		Absolute Positioning
		Practice with Positioning
	6.13 Fixed Position Navigation Bar
		The z-index property
	6.14 Single Page Website
		Fragment Identifiers
		Parallax Scrolling
	Chapter Summary
	Key Terms
	Review Questions
		Multiple Choice
		Fill in the Blank
	Apply Your Knowledge
	Hands-On Exercises
	Web Research
	Focus on Web Design
7 Responsive Page Layout
	Chapter Objectives
	7.1 CSS Flexible Box Layout
		Configure a Flexible Container
		The display Property
		The flex-wrap Property
		The flex-direction Property
	7.2 More About Flex Containers
		Flow Direction
		The justify-content Property
		The align-items Property
		The flex-flow Property
		Flexbox Image Gallery
	7.3 Configure Flex Items
		Proportional Flexible Item
		The order Property
		Practice with Flexbox
	7.4 CSS Grid Layout
		Configure a Grid Container
		The display Property
		Designing a Grid
		Configure Grid Columns and Grid Rows
	7.5 Grid Columns, Rows, and Gap
		Grid Gap
		The order Property
	7.6 Two-Column Grid Page Layout
		Configure Grid Columns and Rows
		Configure Grid Items
		Grid Line Numbers
			Configure a Grid Page Layout with Grid Line Numbers
	7.7 Layout with Grid Areas
		The grid-area Property
		The grid-template-areas Property
		The grid-template Property
	7.8 Progressive Enhancement with Grid
		CSS Feature Query
	7.9 Centering with Flexbox and Grid
	7.10 Viewport Meta Tag
	7.11 CSS Media Queries
		What’s a Media Query?
		Media Query Example Using a Link Element
		Media Query Example Using an @media Rule
		Mobile First
	7.12 Responsive Layout with Media Queries
	7.13 Responsive Grid Layout with Media Queries
	7.14 Responsive Images
		Flexible Images with CSS
		Picture Element
			Source Element
		Responsive Img Element Attributes
			The sizes Attribute
			The srcset Attribute
			Explore Responsive Images
	7.15 Testing Mobile Display
		Testing with a Desktop Browser
		Browser Viewport Size
		Responsive Testing Tools
		For Serious Developers Only
	Chapter Summary
	Key Terms
	Review Questions
		Multiple Choice
		Fill in the Blank
	Apply Your Knowledge
	Hands-On Exercises
	Web Research
	Focus on Web Design
8 Tables
	Chapter Objectives
	8.1 Table Overview
		Table Element
		The Border Attribute
		Table Captions
	8.2 Table Rows, Cells, and Headers
		Table Row Element
		Table Data Element
		Table Header Element
	8.3 Span Rows and Columns
		The Colspan Attribute
		The Rowspan Attribute
	8.4 Configure an Accessible Table
	8.5 Style a Table with CSS
	8.6 CSS Structural Pseudo-Classes
	8.7 Configure Table Sections
	Chapter Summary
	Key Terms
	Review Questions
		Multiple Choice
		Fill in the Blank
	Apply Your Knowledge
	Hands-On Exercises
	Web Research
	Focus on Web Design
9 Forms
	Chapter Objectives
	9.1 Overview of Forms
		Form Element
		Form Controls
	9.2 Input Element Form Controls
		Text Box
		Submit Button
		Reset Button
		Check Box
		Radio Button
		Hidden Input Control
		File Upload Control
		Password Box
	9.3 Scrolling Text Box
		Textarea Element
	9.4 Select List
		Select Element
		Option Element
	9.5 Image Buttons and the Button Element
		Image Button
		Button Element
	9.6 Accessibility and Forms
		Label Element
		Fieldset and Legend Elements
		The Tabindex Attribute
		The Accesskey Attribute
	9.7 Style a Form with CSS
		Form with CSS Float
		Form with CSS Grid Layout
	9.8 Server-Side Processing
		Privacy and Forms
		Server-Side Processing Resources
			Sources of Free Remote-Hosted Form Processing
			Sources of Free Server-Side Scripts
			Exploring Server-Side Processing Technologies
	9.9 HTML5 Form Controls
		E-mail Address Input
		URL Input
		Telephone Number Input
		Search Field Input
		Datalist Form Control
		Slider Form Control
		Spinner Form Control
		Date and Time Form Control
		Color-well Form Control
		Progressive Enhancement
	Chapter Summary
	Key Terms
	Review Questions
		Multiple Choice
		Fill in the Blank
		Short Answer
	Apply Your Knowledge
	Hands-On Exercises
	Web Research
	Focus on Web Design
10 Web Development
	Chapter Objectives
	10.1 Successful Large-Scale Project Development
		Project Job Roles
			Project Manager
			Information Architect
			User Experience Designer
			Marketing Representative
			Copywriter and Editor
			Content Manager
			Graphic Designer
			Database Administrator
			Network Administrator
			Web Developer/Web Designer
		Project Staffing Criteria
	10.2 The Development Process
		Conceptualization
		Analysis
		Design
		Production
		Testing
			Automated Testing Tools and Validators
			Accessibility Testing
			Usability Testing
		Launch
		Maintenance
		Evaluation
	10.3 File Organization
		Relative Hyperlink Examples
	10.4 Domain Name Overview
		Choosing a Domain Name
		Registering a Domain Name
	10.5 Web Hosting
		Web Hosting Providers
			Types of Web Hosting
	10.6 Choosing a Virtual Host
	Chapter Summary
	Key Terms
	Review Questions
		Multiple Choice
		Fill in the Blank
		Short Answer
	Hands-On Exercises
	Web Research
	Focus on Web Design
11 Web Multimedia and Interactivity
	Chapter Objectives
	11.1 Containers and Codecs
	11.2 Getting Started with Audio and Video
		Provide a Hyperlink
		Working with Multimedia on the Web
			More About Audio Files
			More About Video Files
			Multimedia and Accessibility Issues
	11.3 Audio and Video Elements
		Audio Element
		Source Element
		Audio on a Web Page
		Video Element
		Source Element
		Video on a Web Page
	11.4 Multimedia Files and Copyright Law
	11.5 CSS and Interactivity
		CSS Drop Down Menu
		The transform Property
		Rotate Transform
		Scale Transform
			Explore Transforms
		The transition Property
			Explore Transitions
		CSS Animations
		Define an Animation with @keyframes Rule
		Apply the Animation
			Explore CSS Animation
	11.6 Details and Summary Elements
		Details Element
		Summary Element
		Details & Summary Widget
	11.7 JavaScript
		JavaScript Resources
	11.8 Ajax
		Ajax Resources
	11.9 jQuery
		jQuery Resources
	11.10 HTML5 APIs
		Geolocation
		Web Storage
		Progressive Web Application
		Drawing with the Canvas Element
			HTML5 API Resources
	11.11 Multimedia, Animation, and Interactivity Accessibility Issues
	Chapter Summary
	Key Terms
	Review Questions
		Multiple Choice
		Fill in the Blank
		Short Answer
	Apply Your Knowledge
	Hands-On Exercises
	Web Research
	Focus on Web Design
12 E-Commerce Overview
	Chapter Objectives
	12.1 What Is E-Commerce?
		Advantages of E-Commerce
		Risks of E-Commerce
	12.2 E-Commerce Business Models
	12.3 Electronic Data Interchange (EDI)
	12.4 E-Commerce Statistics
	12.5 E-Commerce Issues
	12.6 E-Commerce Security
		Encryption
			Symmetric-Key Encryption
			Asymmetric-Key Encryption
		Integrity
		Secure Sockets Layer (SSL)
		Digital Certificate
		SSL and Digital Certificates
	12.7 Order and Payment Processing
		Credit Card
		Stored-value Card
		Digital Wallet
		Digital Cash
	12.8 E-Commerce Technology Solutions
		Instant Online Storefront
		Shopping Cart Software
		E-Commerce Platform
	Chapter Summary
	Key Terms
	Review Questions
		Multiple Choice
		Fill in the Blank
		Short Answer
	Hands-On Exercises
	Web Research
	Focus on Web Design
13 Web Promotion
	Chapter Objectives
	13.1 Search Engine Overview
	13.2 Popular Search Engines
	13.3 Components of a Search Engine
		Robot
		Database
		Search Form
	13.4 Search Engine Optimization
		Keywords
		Page Titles
		Heading Tags
		Description
		Description Meta Tag
		Linking
		Images and Multimedia
		Valid Code
		Content of Value
		HTTPS Protocol
	13.5 Submitting your Website to a Search Engine
		Map Your Site
	13.6 Monitoring Search Listings
	13.7 Link Popularity
	13.8 Social Media Optimization
		Blogs
		Social Networking
	13.9 Other Site Promotion Activities
		Quick Response (QR) Codes
		Affiliate Programs
		Banner Ads
		Banner Exchange
		Reciprocal Link Agreements
		Newsletters
		Sticky Site Features
		Personal Recommendations
		Website Forum Postings
		Traditional Media Ads and Existing Marketing Materials
	13.10 Serving Dynamic Content with Inline Frames
		Iframe Element
		Video in an Inline Frame
	Chapter Summary
	Key Terms
	Review Questions
		Multiple Choice
			Fill in the Blank
	Hands-On Exercises
	Web Research
	Focus on Web Design
14 A Brief Look at JavaScript and jQuery
	Chapter Objectives
	14.1 Overview of JavaScript
	14.2 The Development of JavaScript
	14.3 Popular Uses for JavaScript
		Alert Message
		Popup Windows
		Jump Menus
		Mouse Movement Techniques
	14.4 Adding JavaScript to a Web Page
		Script Element
		Alert Message Box
	14.5 Document Object Model Overview
	14.6 Events and Event Handlers
	14.7 Variables
		Writing a Variable to a Web Page
		Collecting Variable Values Using a Prompt
	14.8 Introduction to Programming Concepts
		Arithmetic Operators
		Decision Making
		Functions
		The addEventListener Method
	14.9 Form Handling
	14.10 Accessibility and JavaScript
	14.11 JavaScript Resources
	14.12 Overview of jQuery
	14.13 Adding jQuery to a Web Page
		Download jQuery
		Access jQuery via a Content Delivery Network
		The Ready Event
	14.14 jQuery Selectors
	14.15 jQuery Methods
	14.16 jQuery Image Gallery
	14.17 jQuery Plugins
	14.18 jQuery Resources
	Chapter Summary
	Key Terms
	Review Questions
		Multiple Choice
		Fill in the Blank
		Short Answer
	Apply Your Knowledge
	Hands-On Exercises
	Web Research
Web Developer’s Handbook
	A HTML5 Quick Reference
		Commonly Used HTML5 Elements
	B Special Entity Characters
	C CSS Property Reference
		Commonly Used CSS Properties
	D WCAG 2.1 Quick Reference
		Perceivable
		Operable
		Understandable
		Robust
		Resources
	E Landmark Roles with ARIA
	F FTP Tutorial
		Publish with File Transfer Protocol (FTP)
			FTP Applications
			Connecting with FTP
			Overview of Using an FTP Application
				Launch and Login
				Uploading a File
				Downloading a File
				Deleting a File
				And There’s More!
	G Web-Safe Color Palette
Answers
	Chapter 1
		Checkpoint 1.1
		Checkpoint 1.2
		Review Questions
	Chapter 2
		Checkpoint 2.1
		Checkpoint 2.2
		Checkpoint 2.3
		Review Questions
	Chapter 3
		Checkpoint 3.1
		Checkpoint 3.2
		Review Questions
	Chapter 4
		Checkpoint 4.1
		Checkpoint 4.2
		Checkpoint 4.3
		Review Questions
	Chapter 5
		Checkpoint 5.1
		Checkpoint 5.2
		Review Questions
	Chapter 6
		Checkpoint 6.1
		Checkpoint 6.2
		Review Questions
	Chapter 7
		Checkpoint 7.1
		Checkpoint 7.2
		Review Questions
	Chapter 8
		Checkpoint 8.1
		Checkpoint 8.2
		Review Questions
	Chapter 9
		Checkpoint 9.1
		Checkpoint 9.2
		Checkpoint 9.3
		Review Questions
	Chapter 10
		Checkpoint 10.1
		Checkpoint 10.2
		Review Questions
	Chapter 11
		Checkpoint 11.1
		Checkpoint 11.2
		Checkpoint 11.3
		Review Questions
	Chapter 12
		Checkpoint 12.1
		Checkpoint 12.2
		Review Questions
	Chapter 13
		Checkpoint 13.1
		Checkpoint 13.2
		Review Questions
	Chapter 14
		Checkpoint 14.1
		Checkpoint 14.2
		Checkpoint 14.3
		Checkpoint 14.4
		Checkpoint 14.5
		Review Questions
Index
	A
	B
	C
	D
	E
	F
	G
	H
	I
	J
	K
	L
	M
	N
	O
	P
	Q
	R
	S
	T
	U
	V
	W
	X
	Y
	Z
Copyright
Title Page
Dedication
Contents
Chapter 1: ‘I’m thinking’ – Oh, but are you?
Chapter 2: Renegade perception
Chapter 3: The Pushbacker sting
Chapter 4: ‘Covid’: The calculated catastrophe
Chapter 5: There is no ‘virus’
Chapter 6: Sequence of deceit
Chapter 7: War on your mind
Chapter 8: ‘Reframing’ insanity
Chapter 9: We must have it? So what is it?
Chapter 10: Human 2.0
Chapter 11: Who controls the Cult?
Chapter 12: Escaping Wetiko
Postscript
Appendix: Cowan-Kaufman-Morell Statement on Virus Isolation
Bibliography
Index
Copyright
Title Page
Dedication
Contents
Chapter 1: ‘I’m thinking’ – Oh, but are you?
Chapter 2: Renegade perception
Chapter 3: The Pushbacker sting
Chapter 4: ‘Covid’: The calculated catastrophe
Chapter 5: There is no ‘virus’
Chapter 6: Sequence of deceit
Chapter 7: War on your mind
Chapter 8: ‘Reframing’ insanity
Chapter 9: We must have it? So what is it?
Chapter 10: Human 2.0
Chapter 11: Who controls the Cult?
Chapter 12: Escaping Wetiko
Postscript
Appendix: Cowan-Kaufman-Morell Statement on Virus Isolation
Bibliography
Index