Book description
An indispensable introductory guide to creating web pages using the most up-to-date standards
This beginner guide shows you how to use XHTML, CSS, and JavaScript to create compelling Web sites. While learning these technologies, you will discover coding practices such as writing code that works on multiple browsers including mobile devices, how to use AJAX frameworks to add interactivity to your pages, and how to ensure your pages meet accessible requirements.
Packed with real-world examples, the book not only teaches you how to write Web sites using XHTML, CSS and JavaScript, but it also teaches you design principles that help you create attractive web sites and practical advice on how to make web pages more usable. In addition, special checklists and appendices review key topics and provide helpful references that re-enforce the basics you've learned.
Serves as an ideal beginners guide to writing web pages using XHTML
Explains how to use CSS to make pages more appealing and add interactivity to pages using JavaScript and AJAX frameworks
Share advice on design principles and how to make pages more attractive and offers practical help with usability and accessibility
Features checklists and appendices that review key topics
This introductory guide is essential reading for getting started with using XHTML, CSS and JavaScript to create exciting and compelling Web sites.
Note: CD-ROM/DVD and other supplementary materials are not included as part of eBook file.
Table of contents
- Copyright
- About the Author
- About the Tech Editor
- Credits
- Introduction
-
1. Structuring Documents for the Web
- 1.1. A Web of Structured Documents
- 1.2. Introducing HTML and XHTML
- 1.3. Basic Text Formatting
- 1.4. Presentational Elements
-
1.5. Phrase Elements
- 1.5.1. The <em> Element Adds Emphasis
- 1.5.2. The <strong> Element Adds Strong Emphasis
- 1.5.3. The <address> Element Is for Addresses
- 1.5.4. The <abbr> Element Is for Abbreviations
- 1.5.5. The <acronym> Element Is for Acronym Use
- 1.5.6. The <dfn> Element Is for Special Terms
- 1.5.7. The <blockquote> Element Is for Quoting Text
- 1.5.8. Using the cite Attribute with the <blockquote> Element
- 1.5.9. The <q> Element Is for Short Quotations
- 1.5.10. The <cite> Element Is for Citations
- 1.5.11. The <code> Element Is for Code
- 1.5.12. The <kbd> Element Is for Text Typed on a Keyboard
- 1.5.13. The <var> Element Is for Programming Variables
- 1.5.14. The <samp> Element Is for a Program Output
- 1.6. Lists
- 1.7. Editing Text
- 1.8. Using Character Entities for Special Characters
- 1.9. Comments
- 1.10. The <font> Element (Deprecated)
- 1.11. Understanding Block and Inline Elements
- 1.12. Grouping Elements with <div> and <span>
- 1.13. Core Elements and Attributes
- 1.14. Attribute Groups
- 1.15. Summary
- 1.16. Exercises
-
2. Links and Navigation
- 2.1. Basic Links
- 2.2. Understanding Directories and Directory Structures
- 2.3. Understanding URLs
-
2.4. Creating Links with the <a> Element
- 2.4.1. Creating a Source Anchor with the href Attribute
- 2.4.2. Creating a Destination Anchor Using the name and id Attributes (Linking to a Specific Part of a Page)
-
2.4.3. The <a> Element's Other Attributes
- 2.4.3.1. The accesskey Attribute
- 2.4.3.2. The charset Attribute
- 2.4.3.3. The coords Attribute
- 2.4.3.4. The hreflang Attribute
- 2.4.3.5. The rel Attribute
- 2.4.3.6. The rev Attribute
- 2.4.3.7. The shape Attribute
- 2.4.3.8. The tabindex Attribute
- 2.4.3.9. The target Attribute
- 2.4.3.10. The title Attribute
- 2.4.3.11. The type Attribute
- 2.5. Advanced E-mail Links
- 2.6. Summary
- 2.7. Exercises
-
3. Images, Audio, and Video
-
3.1. Adding Images Using the <img> Element
- 3.1.1. The src Attribute
- 3.1.2. The alt Attribute
- 3.1.3. The height and width Attributes
- 3.1.4. The align Attribute (Deprecated)
- 3.1.5. The border Attribute (Deprecated)
- 3.1.6. The hspace and vspace Attributes (Deprecated)
- 3.1.7. The ismap and usemap Attributes
- 3.1.8. The longdesc Attribute
- 3.1.9. The name Attribute (Deprecated)
- 3.2. Using Images as Links
- 3.3. Image Maps
- 3.4. Choosing the Right Image Format
-
3.5. Adding Flash, Video, and Audio to Your Web Pages
- 3.5.1. Adding Flash Movies to Your Site
- 3.5.2. Adding Videos to Your Site
- 3.5.3. Adding Videos Using Flash Video
- 3.5.4. Video Size
- 3.5.5. Adding Audio to Your Site
- 3.5.6. Automatically Playing Audio and Video When a Page Loads
-
3.5.7. A Closer Look at the <object> and <param> Elements
- 3.5.7.1. The archive Attribute
- 3.5.7.2. The border Attribute (Deprecated)
- 3.5.7.3. The classid Attribute
- 3.5.7.4. The codebase Attribute
- 3.5.7.5. The codetype Attribute
- 3.5.7.6. The declare Attribute
- 3.5.7.7. The data Attribute
- 3.5.7.8. The height and width Attributes
- 3.5.7.9. The hspace and vspace attributes (Deprecated)
- 3.5.7.10. The name Attribute (Deprecated)
- 3.5.7.11. The standby Attribute
- 3.5.7.12. The tabindex Attribute
- 3.5.7.13. The usemap Attribute
- 3.5.8. The <param> Element
- 3.6. Summary
- 3.7. Exercises
-
3.1. Adding Images Using the <img> Element
-
4. Tables
- 4.1. Introducing Tables
-
4.2. Basic Table Elements and Attributes
- 4.2.1. The <table> Element Creates a Table
- 4.2.2. The cellpadding Attribute (Deprecated)
- 4.2.3. The <tr> Element Contains Table Rows
-
4.2.4. The <td> and <th> Elements Represent Table Cells
- 4.2.4.1. The abbr Attribute
- 4.2.4.2. The align Attribute (Deprecated)
- 4.2.4.3. The axis Attribute
- 4.2.4.4. The bgcolor Attribute (Deprecated)
- 4.2.4.5. The char Attribute
- 4.2.4.6. The charoff Attribute
- 4.2.4.7. The colspan Attribute
- 4.2.4.8. The headers Attribute
- 4.2.4.9. The height Attribute (Deprecated)
- 4.2.4.10. The nowrap Attribute (Deprecated)
- 4.2.4.11. The rowspan Attribute
- 4.2.4.12. The scope Attribute
- 4.2.4.13. The valign Attribute (Deprecated)
- 4.2.4.14. The width Attribute (Deprecated)
- 4.3. Adding a <caption> to a Table
- 4.4. Grouping Sections of a Table
- 4.5. Nested Tables
- 4.6. Accessible Tables
- 4.7. Summary
- 4.8. Exercises
-
5. Forms
- 5.1. Introducing Forms
-
5.2. Creating a Form with the <form> Element
- 5.2.1. The action Attribute
- 5.2.2. The method Attribute
- 5.2.3. The id Attribute
- 5.2.4. The name Attribute (Deprecated)
- 5.2.5. The onsubmit Attribute
- 5.2.6. The onreset Attribute
- 5.2.7. The enctype Attribute
- 5.2.8. The accept-charset Attribute
- 5.2.9. The accept Attribute
- 5.2.10. The target Attribute
- 5.2.11. White Space and the <form> Element
- 5.3. Form Controls
- 5.4. Creating Labels for Controls and the <label> Element
- 5.5. Structuring Your Forms with <fieldset> and <legend> Elements
- 5.6. Focus
- 5.7. Disabled and Read-Only Controls
- 5.8. Sending Form Data to the Server
- 5.9. Summary
- 5.10. Exercises
-
6. Frames
- 6.1. Introducing the Frameset
- 6.2. When To Use Frames
- 6.3. The <frameset> Element
- 6.4. The <frame> Element
- 6.5. The <noframes> Element
- 6.6. Creating Links Between Frames
- 6.7. Setting a Default Target Frame Using the <base> Element
- 6.8. Nested Framesets
- 6.9. Inline or Floating Frames with <iframe>
- 6.10. Summary
- 6.11. Exercises
-
7. Cascading Style Sheets
- 7.1. Introducing CSS
- 7.2. Where You Can Add CSS Rules
- 7.3. CSS Properties
- 7.4. Controlling Text
-
7.5. Text Formatting
- 7.5.1. The color Property
- 7.5.2. The text-align Property
- 7.5.3. The vertical-align Property
- 7.5.4. The text-decoration Property
- 7.5.5. The text-indent Property
- 7.5.6. The text-shadow Property
- 7.5.7. The text-transform Property
- 7.5.8. The letter-spacing Property
- 7.5.9. The word-spacing Property
- 7.5.10. The white-space Property
- 7.5.11. The direction Property
- 7.6. Text Pseudo-Classes
-
7.7. Selectors
- 7.7.1. Universal Selector
- 7.7.2. The Type Selector
- 7.7.3. The Class Selector
- 7.7.4. The ID Selector
- 7.7.5. The Child Selector
- 7.7.6. The Descendant Selector
- 7.7.7. The Adjacent Sibling Selector
- 7.7.8. The General Sibling Selector
- 7.7.9. Using Child and Sibling Selectors To Reduce Dependence on Classes in Markup
- 7.7.10. Attribute Selectors
- 7.8. Lengths
- 7.9. Introducing the Box Model
- 7.10. Summary
- 7.11. Exercises
- 8. More Cascading Style Sheets
-
9. Page Layout
-
9.1. Understanding the Site's Audience
- 9.1.1. Who Will Visit the Site?
- 9.1.2. Why Have They Visited Your Site?
- 9.1.3. What Does a Visitor Need to Achieve a Goal?
- 9.1.4. How Often Will People Want to Visit?
- 9.1.5. Things You Want the Site to Do
- 9.1.6. Prioritizing Information
- 9.1.7. Grouping and Categorization
- 9.1.8. Creating a Site Map
- 9.1.9. Identifying Key Elements for Each Page
- 9.2. Page Size (and Screen Resolution)
- 9.3. Designing Pages
- 9.4. Coding Your Design
- 9.5. Developing for Mobile Devices
- 9.6. Summary
- 9.7. Exercises
-
9.1. Understanding the Site's Audience
-
10. Design Issues
- 10.1. Typography
-
10.2. Navigation
-
10.2.1. Menus
- 10.2.1.1. Menus Should Be Concise
- 10.2.1.2. Menus Should Have Clear Labels
- 10.2.1.3. Menus Should Focus on What Visitors Want to Achieve
- 10.2.1.4. Menus Do Not Need to Contain Every Link
- 10.2.1.5. Menus Should Provide Context
- 10.2.1.6. Menu Items Should Be Interactive
- 10.2.1.7. Menus Should Be Consistent Across All Pages
- 10.2.1.8. If You Use Icons, Provide a Text Equivalent, Too
- 10.2.1.9. Coding for Menus
- 10.2.2. Links
- 10.2.3. Site Search Features
-
10.2.1. Menus
- 10.3. Tables
-
10.4. Forms
- 10.4.1. Before Designing the Form
- 10.4.2. Designing the Form
-
10.4.3. Layout of Forms
- 10.4.3.1. Labeling Controls
- 10.4.3.2. Keeping Relevant Information Next to or Above Form Controls
- 10.4.3.3. Required Information
- 10.4.3.4. Careful Placement of Buttons
- 10.4.3.5. Using the title Attribute on Form Controls
- 10.4.3.6. Tab Index
- 10.4.3.7. Don't Rely on Color to Convey Information
- 10.4.3.8. Using CSS with Form Elements
- 10.4.3.9. Large Form Inputs
- 10.4.3.10. Testing the Form
- 10.4.3.11. Lazy Registration
- 10.5. Summary
- 10.6. Exercises
-
11. Learning JavaScript
- 11.1. What Is Programming About?
- 11.2. How to Add a Script to Your Pages
- 11.3. The Document Object Model
- 11.4. Starting to Program with JavaScript
- 11.5. Variables
- 11.6. Operators
- 11.7. Functions
- 11.8. Conditional Statements
- 11.9. Looping
- 11.10. Events
- 11.11. Built-in Objects
- 11.12. Writing JavaScript
- 11.13. Summary
- 11.14. Exercises
-
12. Working with JavaScript
- 12.1. Practical Tips for Writing Scripts
- 12.2. Form Validation
- 12.3. Form Enhancements
- 12.4. JavaScript Libraries
- 12.5. Summary
- 12.6. Exercises
-
13. Putting Your Site on the Web
- 13.1. Meta Tags
- 13.2. Testing Your Site
- 13.3. Taking the Leap to Live
-
13.4. Telling the World about Your Site
- 13.4.1. Always Mention Your URL
- 13.4.2. Content Is King
- 13.4.3. Forums, Communities, and Social Networks
- 13.4.4. Check for Trade Sites and Directories
- 13.4.5. Reciprocal Links
- 13.4.6. Look at Your Competition
- 13.4.7. Make It Easy for People to Link to You
- 13.4.8. Pay-per-click Advertising
- 13.4.9. Display Advertising
- 13.4.10. Create an E-mail Newsletter
- 13.5. Understanding Your Visitors
- 13.6. What Next?
- 13.7. Summary
-
14. Checklists
-
14.1. Search Engine Optimization Checklist
- 14.1.1. On-Page Techniques
-
14.1.2. Identifying Keywords and Phrases
- 14.1.2.1. Brainstorm for Words People Might Search On
- 14.1.2.2. Select Five to Ten Major Keywords
- 14.1.2.3. List Other Keywords and Phrases That Correspond to Your Major Keywords
- 14.1.2.4. Look Up Related Words (Not Exact Matches)
- 14.1.2.5. Determine the Popularity of Terms
- 14.1.2.6. Prioritize the Core Terms
- 14.1.2.7. Location
- 14.1.2.8. Mapping Core Terms to Pages
- 14.1.2.9. Homepages
- 14.1.3. Off-Page Techniques
- 14.2. Accessibility Checklist
- 14.3. Differences Between HTML and XHTML
- 14.4. HTML 5
-
14.1. Search Engine Optimization Checklist
- A. Answers to Exercises
-
B. XHTML Element Reference
-
B.1. Core Attributes
-
B.1.1.
- B.1.1.1. Core Attributes
- B.1.1.2. <a>
- B.1.1.3. <abbr>
- B.1.1.4. <acronym>
- B.1.1.5. <address>
- B.1.1.6. <applet> (Deprecated)
- B.1.1.7. <area>
- B.1.1.8. <b>
- B.1.1.9. <base>
- B.1.1.10. <basefont> (Deprecated)
- B.1.1.11. <bdo>
- B.1.1.12. <big>
- B.1.1.13. <blockquote>
- B.1.1.14. <body>
- B.1.1.15. <br />
- B.1.1.16. <button>
- B.1.1.17. <caption>
- B.1.1.18. <center> (Deprecated)
- B.1.1.19. <cite>
- B.1.1.20. <code>
- B.1.1.21. <col>
- B.1.1.22. <colgroup>
- B.1.1.23. <dd>
- B.1.1.24. <del>
- B.1.1.25. <dfn>
- B.1.1.26. <dir> (Deprecated)
- B.1.1.27. <div>
- B.1.1.28. <dl>
- B.1.1.29. <dt>
- B.1.1.30. <em>
- B.1.1.31. <embed>
- B.1.1.32. <fieldset>
- B.1.1.33. <font> (Deprecated)
- B.1.1.34. <form>
- B.1.1.35. <frame>
- B.1.1.36. <noframes>
- B.1.1.37. <frameset>
- B.1.1.38. <head>
- B.1.1.39. <hn>
- B.1.1.40. <hr />
- B.1.1.41. <html>
- B.1.1.42. <i>
- B.1.1.43. <iframe>
- B.1.1.44. <img>
- B.1.1.45. <input type="button">
- B.1.1.46. <input type="checkbox">
- B.1.1.47. <input type="file">
- B.1.1.48. <input type="hidden">
- B.1.1.49. <input type="image">
- B.1.1.50. <input type="password">
- B.1.1.51. <input type="radio">
- B.1.1.52. <input type="reset">
- B.1.1.53. <input type="submit">
- B.1.1.54. <input type="text">
- B.1.1.55. <ins>
- B.1.1.56. <isindex> (Deprecated)
- B.1.1.57. <kbd>
- B.1.1.58. <label>
- B.1.1.59. <legend>
- B.1.1.60. <li>
- B.1.1.61. <link>
- B.1.1.62. <map>
- B.1.1.63. <menu> (Deprecated)
- B.1.1.64. <meta>
- B.1.1.65. <noframes>
- B.1.1.66. <noscript>
- B.1.1.67. <object>
- B.1.1.68. <ol>
- B.1.1.69. <optgroup>
- B.1.1.70. <option>
- B.1.1.71. <p>
- B.1.1.72. <param>
- B.1.1.73. <pre>
- B.1.1.74. <q>
- B.1.1.75. <s> (Deprecated)
- B.1.1.76. <samp>
- B.1.1.77. <script>
- B.1.1.78. <select>
- B.1.1.79. <small>
- B.1.1.80. <span>
- B.1.1.81. <strike> (Deprecated)
- B.1.1.82. <strong>
- B.1.1.83. <style>
- B.1.1.84. <sub>
- B.1.1.85. <sup>
- B.1.1.86. <table>
- B.1.1.87. <tbody>
- B.1.1.88. <td>
- B.1.1.89. <textarea>
- B.1.1.90. <tfoot>
- B.1.1.91. <thead>
- B.1.1.92. <th>
- B.1.1.93. <title>
- B.1.1.94. <tr>
- B.1.1.95. <tt>
- B.1.1.96. <u> (Deprecated)
- B.1.1.97. <ul>
- B.1.1.98. <var>
-
B.1.1.
-
B.1. Core Attributes
-
C. CSS Properties
- C.1. Font Properties
- C.2. Text Properties
- C.3. Color and Background Properties
-
C.4. Border properties
- C.4.1. border (border-bottom, border-left, border-top, border-right)
- C.4.2. border-style (border-bottom-style, border-left-style, border-top-style, border-right-style)
- C.4.3. border-width (border-bottom-width, border-left-width, border-top-width, border-right-width)
- C.4.4. border-color (border-bottom-color, border-left-color, border-top-color, border-right-color)
- C.5. Dimensions
- C.6. Margin Properties
- C.7. Padding Properties
- C.8. List Properties
- C.9. Positioning Properties
- C.10. Outline Properties
- C.11. Table Properties
- C.12. Classification Properties
- C.13. Internationalization Properties
- C.14. Lengths
- D. Color Names and Values
- E. Character Encodings
- F. Special Characters
- G. Language Codes
- H. MIME Media Types
- I. Deprecated and Browser-Specific Markup
Product information
- Title: Beginning HTML, XHTML, CSS, and JavaScript®
- Author(s):
- Release date: December 2009
- Publisher(s): Wrox
- ISBN: 9780470540701
You might also like
book
Beginning Web Programming with HTML, XHTML, and CSS, Second Edition
This beginning guide reviews HTML and also introduces you to using XHTML for the structure of …
book
HTML, XHTML, and CSS Bible, Fourth Edition
Decipher the code, use the right tools, and conquer the online world of the World Wide …
book
HTML, XHTML, and CSS Bible, Fifth Edition
An essential update to the key web authoring standards of HTML, XHTML, and CSS The existence …
book
HTML5 for Web Designers, Second Edition, 2nd Edition
Jeremy Keith and Rachel Andrew help you brush up on syntax and updated elements, and get …