Basics of Web Design: HTML, XHTML, and CSS is intended for use in a beginning web design or web development course. The text covers the basics that web designers need to develop their skills:
Internet and Web concepts overview
Create web pages with XHTML and HTML5
Configure color and text with CSS
Configure page layout with CSS
Configure images and multimedia
Explore new CSS3 properties
Apply Web Design Best Practices
Design accessible and usable web pages
Design for search engine optimization
Choose a domain name
Publish to the Web
**
From the Author
My book, Basics of Web Design: HTML5 & CSS3, takes an innovative approach to prepare students to design web pages that work today in addition to being ready to take advantage of new HTML5 coding techniques of the future. To meet this challenging goal, the book introduces both XHTML syntax and HTML5 syntax, presents coding web pages in HTML5 with backwards-compatible techniques that work in current browsers, and also provides practice with HTML5's new features that will only work in the latest versions of browsers.
Today's learners are busy multitaskers. The book is organized in two-page sections that quickly introduce the reader to new topics, provide examples, and offer hands-on exercises. This approach will get your students up-and-running quickly. The textbook companion website at webdevbasics.net has a page for each chapter with hyperlinks for websites listed in the book, information on emerging trends, additional examples, corrections, and review games. Instructor materials are available from the publisher's website.
About the Author
Dr. Terry Felke-Morris is a Professor at 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 Developer, WOW Certified Associate Webmaster, Microsoft Certified Professional, Master CIW Designer, and CIW Certified Instructor.
Dr. 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. 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. Morris, visit terrymorris.net.
Author(s): Terry Felke Morris
Edition: 1st Edition
Publisher: Pearson
Year: 2011
Language: English
Pages: 360
Tags: Web Design HTML CSS
Chapter 1 Internet and Web Basics 1
The Internet and the Web 2
Web Standards and Accessibility 4
Information on the Web 6
Web Browsers and Web Servers 8
Internet Protocols 10
Uniform Resource Identifiers and Domain Names 12
HTML Overview 14
Under the Hood of a Web Page 16
Your First Web Page 18
Review and Apply 22
Chapter 2 HTML Basics 25
Heading Element 26
Paragraph Element 28
Line Break and Horizontal Rule 30
Blockquote Element 32
Phrase Elements 34
Ordered List 36
Unordered List 38
Description List 40
Special Entity Characters 42
HTML Syntax Validation 44
Structural Elements 46
Anchor Element 48
Practice with Hyperlinks 50
E-Mail Hyperlinks 54
Review and Apply 56
Chapter 3 Web Design Basics 65
Design for Your Target Audience 66
Website Organization 68
Principles of Visual Design 70
Design to Provide for Accessibility 72
Use of Text 74
Web Color Palette 76
Use of Color 78
Use of Graphics and Multimedia 80
More Design Considerations 82
Navigation Design 84
Wireframes and Page Layout 86
Fixed and Fluid Layouts 88
Design for the Mobile Web 90
Responsive Web Design 92
Web Design Best Practices Checklist 94
Review and Apply 96
Chapter 4 Cascading Style Sheets Basics 101
Cascading Style Sheets Overview 102
CSS Selectors and Declarations 104
CSS Syntax for Color Values 106
Configure Inline CSS 108
Configure Embedded CSS 110
Configure External CSS 112
CSS Selectors: Class, Id, and Descendant 114
Span Element 116
Practice with CSS 118
CSS Syntax Validation 120
Review and Apply 122
Chapter 5 Web Graphics Styling Basics 129
Web Graphics 130
Image Element 132
Image Hyperlinks 134
Configure Background Images 136
Position Background Images 138
CSS3 Multiple Background Images 140
The Favorites Icon 142
Configure List Markers with CSS 144
Image Maps 146
Review and Apply 148
Chapter 6 More CSS Basics 157
Fonts with CSS 158
Text Properties with CSS 160
Align and Indent Text with CSS 162
Width and Height with CSS 164
The Box Model 166
Margin and Padding with CSS 168
Borders with CSS 170
CSS3 Rounded Corners 172
Center Page Content with CSS 174
CSS3 Box Shadow and Text Shadow 176
CSS3 Background Clip and Origin 178
CSS3 Background Resize and Scale 180
CSS3 Opacity 182
CSS3 RGBA Color 184
CSS3 HSLA Color 186
CSS3 Gradients 188
Review and Apply 190
Chapter 7 Page Layout Basics 197
Normal Flow 198
Float 200
Clear a Float 202
Overflow 204
CSS Two-Column Page Layout 206
Vertical Navigation with an Unordered List 208
Horizontal Navigation with an Unordered List 210
CSS Interactivity with Pseudo-Classes 212
Practice with CSS Two-Column Layout 214
Positioning with CSS 216
Practice with Positioning 218
CSS Sprites 220
Review and Apply 222
Chapter 8 More on Links, Layout, and Mobile 227
More on Relative Linking 228
Fragment Identifiers 230
Figure and Figcaption Elements 232
Practice with Floating Figures 234
More HTML5 Elements 236
HTML5 Compatibility with Older Browsers 238
CSS for Print 240
Mobile Web Design 242
Viewport Meta Tag 244
CSS3 Media Queries 246
Practice with Media Queries 248
Flexible Images 250
Testing Mobile Display 252
Review and Apply 254
Chapter 9 Table Basics 265
Table Overview 266
Table Rows, Cells, and Headers 268
Span Rows and Columns 270
Configure an Accessible Table 272
Style a Table with CSS 274
CSS3 Structural Pseudo-classes 276
Configure Table Sections 278
Review and Apply 280
Chapter 10 Form Basics 285
Form Overview 286
Text Box 288
Submit Button and Reset Button 290
Check Box and Radio Button 292
Hidden Field and Password Box 294
Textarea Element 296
Select Element and Option Element 298
Label Element 300
Fieldset Element and Legend Element 302
Style a Form with CSS 304
Server-Side Processing 306
Practice with a Form 308
HTML5 Text Form Controls 310
HTML5 Datalist Element 312
HTML5 Slider and Spinner Controls 314
HTML5 Calendar and Color-Well Controls 316
Practice with an HTML5 Form 318
Review and Apply 320
Chapter 11 Media and Interactivity Basics 329
Plug-ins, Containers, and Codecs 330
Configure Audio and Video 332
Flash and the HTML5 Embed Element 334
HTML5 Audio and Source Elements 336
HTML5 Video and Source Elements 338
Practice with HTML5 Video 340
Embed a YouTube Video 342
CSS3 Transform Property 344
CSS Transition Property 346
Practice with Transitions 348
HTML5 Canvas Element 350
Review and Apply 352
Chapter 12 Web Publishing Basics 359
Register a Domain Name 360
Choose a Web Host 362
Publish with File Transfer Protocol 364
Search Engine Submission 366
Search Engine Optimization 368
Accessibility Testing 370
Usability Testing 372
Review and Apply 374
Appendix
Answers to Review Questions 377
HTML5 Cheat Sheet 378
CSS Cheat Sheet 383
XHTML Cheat Sheet 390
Comparison of XHTML and HTML5 394
WCAG 2.0 Quick Reference 400
Index 403
Credits 419
Web Safe Color Palette 420
