- ホーム
- > 洋書
- > 英文書
- > Internet / Web Programming
Full Description
Web Development with HTML5 and CSS assumes no previous coding experience and walks readers through the workflow of coding responsive and accessible web sites using current coding standards and best practices. The book is separated into three units, each culminating in a unit project. A preface and addendum are also included to get readers up and running with a development environment and explore JavaScript. The book is both Mac and Windows friendly.
Contents
Introduction Setting Up Your Computer
Recommended Prerequisite Computer Skills
Recommended Computer Settings and Software
Computer Settings
Enable File Extensions (Windows 10)
Enable File Extensions (Windows 8)
Enable File Extensions (Windows 7)
Enable File Extensions (Mac OS X)
Install and Configure Brackets
Install Brackets
Configure Tab Key Indents
Extensions
Install Extensions
Configure Extensions
Use the Brackets Preferences Extension
Enable the Indent Guides Extension
Use the Beautify Extension
Use the W3C Validation Extension
Use the Spell Checking Extension
Install Google Chrome
Configure Chrome
Brackets Live Preview
Summary
Google Chrome
Brackets
Unit 1 HTML Basics
Chapter 1 How Web Sites Work
Introduction
Web Site Files
Root Folder
File Organization
File Naming
Naming a Home Page
Recommendations
Web Servers
Web Hosts
Features
Domain Names
TLD Upsells
Privacy
Nameservers
Step by Step
Languages of the Web
Client-Sided Languages
HTML
CSS
JavaScript
Separation of Concerns
Progressive Enhancement
Server-Sided Languages
Developer-Friendly Code
A Solid Foundation
Chapter 2 Basic Page Structure
Code Editors
WYSIWYG Editors
Planning a Web Site
Create a Wish List
Site Plan
Collect Existing Materials
Design and Code
Organizing a Web Site
HTML Elements
Tags
Container Tags
Content
Void Tags
HTML Structure
DOCTYPE Declaration
Element
Element
Element Blank Lines
Attributes and Values
Other HTML Requirements
Character Set Encoding
Document Title
A Complete
Indents
Element Relationships
Previewing Your Page
Suggested Workflow
Editing Code
Structuring a Document
Headings
Tiny Headings
Proper Closing
Block and Inline Elements
White Space
Paragraphs
Line Breaks
Line Break Formatting Guidelines
Nesting Elements
HTML Comments
Comment Syntax
Comment Dangers
Validating Code
Validation Resources
Errors and Warnings
Validate, Validate, and Validate
Fixing Old Sites
Current Code Formatting Practices
Chapter 3 Phrase Elements and Special Characters
Element Categories
Phrase Elements
Text Semantics
Four Common Phrase Elements
Abbreviation
Citation
Quotation
Small
Time
Var
Word Break
Computer Code
Annotations and Edit Demarcations
Phrase Element Usage
Special Characters
HTML Character Codes
Ampersands
HTML Number Codes
Combining Diacritics
Non-breaking Spaces
What It Does
Proper Usage
Chapter 4 Images
Computer Graphics
Image File Formats
Source Files
Web-friendly File Formats
When to Use Each
Acquiring and Generating Images
Copyright
Royalty-free
Public Domain
Creative Commons
Organizing Images
Documenting Sources
Adding Images
Essential vs Non-Essential Images
Element
Source
Alternate Text
Width and Height
Adding SVG
Deprecated Code
Figures
Figure Captions
Misuse of Figures
Favicons
Adding Favicons to a Site
Acquiring Favicons
Chapter 5 Hyperlinks and Lists
Hyperlinks
Hyperlinking from Text
The Anchor Element
href Attribute
Local Links
Web Pages
Internal Locations
Internal Location on Other Pages
title Attribute
Image Links
Other Local Resources
The download Attribute
Protocols
Email Links
Communication Links
External Links
target Attribute
Hot Linking
Lists
Unordered Lists
List Style Type
Coding Unordered Lists
Ordered Lists
List Item Type
start Attribute
Reversed Numbers
Description Lists
Nesting Lists
Nested Styles
Chapter 6 Audio and Video
Audio and Video
Plugins
Online Video Providers
Native Technology
Browser Support
Adding HTML Video
Codecs
Container Formats
The Element
The src and controls Attributes
Fallback Content
The Element
Common Attributes
The type Attribute
width and height Attributes
Adding HTML Audio
Browser Support
The Element
Supporting Old Browsers
Playlists
Acquiring Media
Unit 1 Project
Henderson Avian Watcher's Collective (HAWC)
Research Domains and Hosting
Get Organized
Every Page
The Home Page
The Gallery Page
The Resources Page
Coding Practices
Tips
Unit 2 Structuring and Organizing Content
Chapter 7 Structuring Content
Web Page Anatomy
Content Order
Semantic Structure
Content Sections
Sections in HTML
Creating Sections and Groups
Coding Headings
Header
Navigation Bar
Main Content
Headers Revisited
Sidebar
Footer
Subsections
Article
Section
Address
Blockquote
Horizontal Rules
Non-semantic Wrappers
for Blocks
for Phrases
Sectioning and Outlining Resources
Advanced Sectioning
Use Only as Needed
Code Formatting
Interactive Elements
Reverse Engineering a Design
Visualizing Boxes
Prioritizing Headings
Chapter 8 Tables
Data Tables versus Layout Tables
Basic Table Structure
Table, Rows, and Cells
Temporary Borders
Header Cells
Additional Structure
Caption
Merging Cells
Merging Cells across Columns
Merging Cells across Rows
Row Organization
Grouping Headings
Identifying Main Table Content
Grouping Footers
Table Accessibility
Header Scope
Identifying Headers Manually
Define a Header
Associate a Cell with a Header
Fixing Old Sites
Deprecated Attributes
Layout Tables
Chapter 9 Forms
Web Forms
Form Workflow
Planning a Form
Coding a Form
Testing a Form
Adding a Form
Action
Method
Form Fields
Text Fields
Labels
Submitting a Form
Code Readability
Other Single Line Uses
Guided Choices
Datalist
Multi-Line Text
Hidden Fields
Buttons
Element
Image Submit
Uncommon Types
Color
Month and Week
Time
Datetime-local
Search
Range
Usability and Accessibility
Fieldset
Legend
Autofocus
Placeholder
Title
Validating Data
Client-side and Server-side Validation
Setting the Type
Requiring Fields
Notifying Users of Required Fields
Chapter 10 Accessibility and Legacy Support
Accessibility
Categories of Disabilities
Accessibility Laws and Standards
Americans with Disabilities Act
Rehabilitation Act
Web Content Accessibility Guidelines (WCAG)
Principles of Accessibility
Accessibility Guidelines
Perceivable Guidelines
Perceivable Guideline 1: Text Alternatives
Perceivable Guideline 2: Time-based Media
Perceivable Guideline 3: Adaptable
Perceivable Guideline 4: Distinguishable
Operable Guidelines
Operable Guideline 1: Keyboard Accessible
Operable Guideline 2: Enough Time
Operable Guideline 3: Seizures
Operable Guideline 4: Navigable
Bypass Link Bug
Understandable Guidelines
Understandable Guideline 1: Readable
Understandable Guideline 2: Predictable
Understandable Guideline 3: Input Assistance
Robust Guidelines
Robust Guideline 1: Compatible
Testing for Accessibility
Tool Limitations
Success Criteria
Working toward Accessibility
Support for Legacy Browsers
Progressive Enhancement
Graceful Degradation
Coding Resources
Caniuse
Polyfills
Testing Legacy Support
Hypervisors
Web Services
Unit 2 Project
Southridge Park
Required Components/Concepts
Get Started
The Home Page Main Content
The Facilities Page Main Content
The Rentals Page Main Content
Every Page
Tips
Unit 3 Cascading Stylesheets
Chapter 11 Introduction to CSS and Styling Text
Cascading Style Sheets
Style
Cascade and Inheritance
CSS Anatomy
Rule
Selector
Declaration
Declaration Block
Adding CSS
Inline Styles
Inline CSS Pros and Cons
Embedded Styles
Embedded Styles Pros and Cons
External Styles
Linking External Stylesheets
External Styles Pros and Cons
Styling Text
Font Properties
Typeface
Font
font-family
font-size
font-weight
font-style
font-variant
font Shorthand
Other Font Properties
Text Properties
text-align
text-indent
text-transform
text-decoration
text-shadow
Other Typographical Properties
line-height
letter-spacing
word-spacing
Other Text Properties
Text Color
Web Fonts
Using Web Fonts Site-Wide
HTML Validation Failures
Local Font Kits
Validating CSS
Chapter 12 CSS Color and The Box Model
Color
Color Properties
Named Colors
rgb()
rgba()
Hexadecimal
Hex Characters
Hex-6
Hex-3
Other Methods
Brackets Tips
CSS Comments
Single or Multiple Line
Color Accessibility
Analyzing Color Contrast with the Browser
Analyze Color Anywhere on a Page
The Box Model
Border
Border Width
Border Style
Border Color
border-radius
Border Radius on Images
Padding
Margin
Auto Margins
Width
Height
Overflow
Minimum and Maximum Dimensions
Backgrounds
Color
Image
Shorthand
Multiple Backgrounds
Other Background Properties
opacity
Shadows
Inset Shadows
Chapter 13 Advanced Selectors and Specificity
Advanced Selectors
Targeting Multiple Elements with class
class Syntax
CSS Hooks and
Targeting a Unique Element with id
id Rules
class or id?
Grouping Selectors
Universal Selector
Descendant Selectors
The display Property
Child Selector
Adjacent Sibling Selector
General Sibling Selector
Attribute Selector
Pseudo-classes
Targeting the First or Last Child
Targeting the First or Last Occurrence
Targeting Any Child or Occurrence
Choosing Child Pseudo Selectors
Pseudo-elements
Others
Organizing Rules
Specificity
Same Selector, Conflicting Declarations
Different Selector Targeting the Same Element
Calculating Specificity
Solving Specificity Conflicts
Determining the Cause
Fixing Specificity Conflicts
Chapter 14 Styling Lists, Tables, and Forms
Styling Lists
White Space
Ordered List Markers
Unordered List Markers
Image Markers
Positioning Markers
List Shorthand
Styling Tables
Borders
Cell Spacing
Width and Height
White Space Wrapping
Text Alignment
Captions
Color Striping
Styling Forms
Aligning Labels and Fields
Targeting Form Elements
Form Pseudo-Classes
The :not() Pseudo-Class
Styling Form Elements
Chapter 15 Positioning, Floating, and Flexbox
Layout
Positioning
Relative
Stacking Order
Absolute
Combining Absolute and Fixed
Other Positioning Options
Styling Bypass Links
Floating
Clearing
Overflow Fix
Other Float Fixes
Columns
Flexbox
Grid
Chapter 16 Responsive Design
Layout Strategies
Fixed Width Layout
Fluid Width Layout
Responsive Layout
Responsive Design
Adaptive Design
Breakpoints
Mobile- or Desktop-First?
Finding Breakpoints
Screens, Windows, and Viewports
Flexible versus Responsive Images
Flexible Images
Flexible Video
HTML
CSS
Dynamic Text
Fluid Text
Media Queries
Media Query Logic
Breakpoints and Media Queries
Default Mobile Browser Behavior
Controlling the Mobile Viewport
Responsive Navigation
Pure CSS Responsive Navigation
Step 1
Step 2
Step 3
Step 4
Step 5
Fluid Text Revisited
Validation
Setting Fluid Text Thresholds
Step 1—Determine Smallest Font Size for Smallest Viewport
Step 2—Determine Largest Font Size for Widest Viewport
Step 3—Code the Fluid Text
Summary
Unit 3 Project
Brand Salon
Required Components/Concepts
Assets
Get Started
Tips
Addendum
Introduction to JavaScript
JavaScript
Adding JavaScript
Summary
