Basics of Web Design

Dr. Terry Ann Felke-Morris is an Associate Professor at William Rainey Harper College in Palatine, Illinois. She holds a Doctor of Education degree, a Master of Science degree in information systems, and numerous certifications, including Adobe Certified Dreamweaver 8 Developer, WOW Certified Associate Webmaster, Microsoft Certified Professional, Master CIW Designer, and CIW Certified Instructor. Dr. Felke-Morris received the Blackboard Greenhouse Exemplary Online Course Award in 2006 for use of Internet technology in the academic environment. She was the recipient of two international awards in 2008: the Instructional Technology Council’s Outstanding e-Learning Faculty Award for Excellence and the MERLOT Award for Exemplary Online Learning Resources–MERLOT Business Classics. With over 20 years of information technology experience in business and industry, Dr. Felke-Morris published her first website in 1996 and has been working with the Web ever since. A long-time promoter of Web standards, she has been a member of the Web Standards Project Education Task Force. Dr. Morris is the author of the popular Web Development and Design Foundations with XHTML textbook, currently in its fifth edition. She was instrumental in developing the Web Development degree and certificate programs at Harper College and currently is the senior faculty member in that area. For more information about Dr. Felke-Morris, visit http://terrymorris.net.

Chapter 1 Internet and Web Basics
The Internet and the Web
Web Standards and Accessibility
Information on the Web
Web Browsers and Web Servers
Internet Protocols
Uniform Resource Identifiers and Domain Names
HTML, XHTML, and HTML5 Overview
Your First Web Page
Head, Body, Title, and Meta Elements
Name, Save, and Test Your Web Page
Review and Apply

Chapter 2 Web Page Structural Basics
Heading Element
Paragraph Element
Line Break and Horizontal Rule
Blockquote Element
Logical Style Elements
Unordered List Element
Ordered List Element
Definition List Element
Special Entity Characters
HTML5 Syntax Validation
Review and Apply
Pacific Trails Resort Case Study

Chapter 3 Hyperlink Basics
Anchor Element
Absolute and Relative Hyperlinks
Practice with Hyperlinks
E-mail Hyperlinks
Fragment Identifiers
More on the Anchor Element
Review and Apply
Pacific Trails Resort Case Study

Chapter 4 Web Design Basics
Design for Your Target Audience
Website Organization
Principles of Visual Design
Design to Provide for Accessibility
Use of Text
Web Color Palette
Use of Color
Use of Graphics and Multimedia
Navigation Design
Page Layout Design
More Design Considerations
Web Design Best Practices Checklist
Review and Apply
Web Project Case Study

Chapter 5 Cascading Style Sheets Basics
Cascading Style Sheets Overview
CSS Selectors and Declarations
CSS Syntax for Color Values
Inline CSS with the style Attribute
Configure Embedded CSS
Configure External CSS
CSS Class, Id, and Contextual Selectors
Div and Span Elements
Practice with CSS
CSS Syntax Validation
HTML5 Structural Elements (Header, Section, Article, Nav, and Footer Elements)
More HTML5 Structural Elements (Hgroup, Menu, and Aside Elements)
Practice Styling HTML5 Structural Elements
Review & Apply
Pacific Trails Resort Case Study

Chapter 6 Web Graphics and Multimedia Basics
Type of Web Graphics
Image Element
Caption an Image
Optimize a Photo for the Web
Image Hyperlinks
Configure Background Images
Position Background Images
Practice with Background Images
CSS3 Background Image Properties
CSS3 Opacity and Gradients
The Favorites Icon
Configure List Markers with CSS
HTML5 Meter Element
HTML5 Canvas Element
CSS Sprites
Review and Apply
Pacific Trails Resort Case Study

Chapter 7 More CSS Basics
Fonts with CSS
Text Properties with CSS
Align and Indent Text with CSS
Width and Height with CSS
The Box Model
Margin and Padding with CSS
Borders with CSS
CSS3 Rounded Corners
Center Page Content with CSS
CSS3 Box Shadow and Text Shadow
Review and Apply
Pacific Trails Resort Case Study

Chapter 8 CSS Page Layout Basics
Normal Flow
Relative and Absolute Positioning
Float
Clear a Float
Overflow
CSS Two-Column Page Layout
Hyperlinks in an Unordered List
CSS Interactivity with Pseudo-classes
Practice with CSS Two-Column Layout
CSS for Print
CSS for the Mobile Web
CSS3 Transform Property
Review and Apply
Pacific Trails Resort Case Study

Chapter 9 Table Basics
Table Overview
Table Rows, Cells, and Headers
Span Rows and Columns
Configure an Accessible Table
Style a Table with CSS
Configure Table Sections
Review and Apply
Pacific Trails Resort Case Study

Chapter 10 Form Basics
Form Overview
Text Box
Submit Button and Reset Button
Check Box and Radio Button
Hidden Field and Password Box
Textarea Element
Format a Form with a Table
Select Element and Option Element
Label Element
Fieldset Element and Legend Element
Style a Form with CSS
Server-Side Processing
Practice with a Form
HTML5 Datalist Element
HTML5 Search Box
HTML5 Contact Detail Boxes
HTML5 Range and Spinner Controls
HTML5 Calendar Control
HTML5 Color Picker Control
Practice with HTML5 Form Controls
Review and Apply
Pacific Trails Resort Case Study

Chapter 11 Multimedia Basics
Web Multimedia
Configure Sound and Video
Audio with the Object Element
Video with the Object Element
Flash with the Object Element
HTML5 Audio Element
HTML5 Video Element
HTML5 Embed Element
Practice with Multimedia
Review and Apply
Pacific Trails Resort Case Study

Chapter 12 Web Publishing Basics
Register a Domain Name
Choose a Web Host
Publish with File Transfer Protocol
Search Engine Submission
Search Engine Optimization
Accessibility Testing
Usability Testing
Review and Apply

Appendix Answers to Review Questions
HTML5 Cheat Sheet
CSS Cheat Sheet
WCAG 2.0 Quick Reference