Web Site Design Made Easy

Chapter 1: Introduction to the Internet and Web Design

1.1   In This Book
1.2   The Internet
1.3   Web Sites
1.4   Standardized Language
1.5   HTML Editors
1.6   Web Design with Word Processors
1.7   Your Computer or Mine?
1.8   What You Make It

Chapter 2: An Overview of HTML, XHTML, and CSS

2.1   What is HTML?
2.2   Elements, Attributes, Values, and Syntax
2.3   Multiple Attributes and Values
2.4   Block Level and Inline Elements
2.5   Elemental Hierarchy
2.6   What Is XHTML?
2.7   Differences Between HTML and XHTML
2.8   What Is CSS?
2.9   Deprecated and Obsolete Tags

Chapter 3: HTML Kick-start

3.1   Getting Ready
3.2   The Basic HTML Skeleton
3.3   Saving Your First Web Page
3.4   Viewing Your First Web Page
3.5   The <html> Tag Explained
3.6   The <head> Tag Explained
3.7   The <title> Tag Explained
3.8   The <body> Tag Explained
3.9   Meta Elements
3.10   Closing Remarks

Chapter 4: CSS Kick-start

4.1   Introduction
4.2   Style Rules
4.3   Implementation of Styles
4.4   Cascading Order
4.5   Inline Styles
4.6   Embedded Styles
4.7   External Styles
4.8   Style Classes
4.9   Generic Classes
4.10   ID Classes
4.11   Pseudo-classes
4.12   Multiple Selectors
4.13   Contextual Selectors

Chapter 5: Text Formatting

5.1   Introduction
5.2   Line Breaks and Paragraphs
5.3   Divisions
5.4   Spans
5.5   Bold and Italic Text
5.6   Headings
5.7   Image Use with Headings
5.8   Acronyms
5.9   Citations
5.10   The Code Tag
5.11   The Definition Tag
5.12   The Keyboard Tag
5.13   The Sample Tag
5.14   The Big and Small Tags
5.15   Subscript and Superscript
5.16   The Teletype Tag
5.17   Preformatted Text
5.18   The Blockquote Tag
5.19   The Quote Tag
5.20   The Address Tag
5.21   Spaces or Not
5.22   Other Text Formatting Tags

Chapter 6: Applying Styles to Text Elements

6.1   Introduction
6.2   Changing Font Colors
6.3   Changing Font Sizes
6.4   Fonts and Font Families
6.5   Font Style
6.6   Font Weight
6.7   Font Variant
6.8   Text Indent
6.9   Text Align
6.10   Text Transform
6.11   Letter Spacing
6.12   Word Spacing
6.13   Line Height
6.14   Vertical Align
6.15   Setting Multiple Properties and Values
6.16   Text Decorations

Chapter 7: Applying Styles to other Elements

7.1   Introduction
7.2   The Box Model
7.3   Adding Padding
7.4   Adding a Border
7.5   Adding a Margin
7.6   Width and Height
7.7   Overflow
7.8   Display Style
7.9   Positioning
7.10   Floats
7.11   Stacking Elements
7.12   Hiding Elements

Chapter 8: Color, Backgrounds, and Images

8.1   Introduction
8.2   Named Colors
8.3   Hexadecimal Colors
8.4   RGB Colors
8.5   Color Theory
8.6   Foreground and Background Colors
8.7   Image Formats
8.8   Design Principles and Image Use
8.9   Server Paths to Images
8.10   Downloading Images from the Web
8.11   Adding a Background Image
8.12   Background Image Options
8.13   Placing Images on Web Pages
8.14   Aligning an Image
8.15   Image Margins
8.16   Thumbnail Images
8.17   Clipping an Image

Chapter 9: Links and Multimedia

9.1   Introduction
9.2   Understanding Web Addresses
9.3   Relative and Absolute Paths
9.4   Internal and External Links
9.5   Text Links
9.6   Link Titles
9.7   Named Anchors
9.8   Opening Links in a Second Window
9.9   Anchor Pseudo-classes
9.10   Fancy CSS Link Buttons
9.11   Email Links
9.12   Creating Image Links
9.13   Alternative Menu
9.14   How to Make an Image Map
9.15   Access Keys
9.16   Changing the Base Location
9.17   Linking to other File Types
9.18   Adding an Audio File
9.19   Adding a Video File
9.20   Link Tips

Chapter 10: Creating Lists

10.1   Introduction
10.2   Ordered Lists
10.3   Unordered Lists
10.4   Image Bullets
10.5   Marker Positioning
10.6   Definition Lists
10.7   List Continuation

Chapter 11: Tables

11.1   Introduction
11.2   Basic Table Facts
11.3   Basic Table Structure
11.4   Sizing and Alignment
11.5   Magazine Style Table
11.6   Table for Left Border Backgrounds
11.7   Multi-column Multi-row Data Table
11.8   Creating Row Groups
11.9   Creating Column Groups
11.10   Spanning Columns and Rows
11.11   Table Captions
11.12   Table Summaries
11.13   Cellpadding and Cellspacing
11.14   Table Borders
11.15   Add Text to Blank Banners and Buttons
11.16   Framing Pictures

Chapter 12: Frames

12.1   Introduction
12.2   An Example of Frames
12.3   Planning the Layout
12.4   The Basic Frameset
12.5   The Alienz Zone Frameset
12.6   Targeting Links
12.7   Frame Borders
12.8   Margins
12.9   Scrollbars
12.10   Resizing
12.11   Nesting Frames
12.13   Noframes Element
12.14   Considerations
12.15   Inline Frames

Chapter 13: Forms

13.1   Introduction
13.2   Planning the Form
13.3   Beginning a Form
13.4   Text Input Boxes
13.5   Radio Buttons
13.6   Checkboxes
13.7   Textarea Box
13.8   Submit and Reset Buttons
13.9   Selection Lists
13.10   Option Groups
13.11   Field Sets
13.12   Tab Order
13.13   Access Key
13.14   Hidden Fields
13.15   Tips for Forms
13.16   Final Form Appearance and Code

Chapter 14: Creating an XHTML Document

14.1   Introduction
14.2   HTML / XHTML Differences
14.2.1   DOCTYPE
14.2.2   Lower Case
14.2.3   All Tags Closed
14.2.4   Proper Attributes
14.2.5   Name Attribute
14.2.6   Proper Nesting
14.2.7   What is Well-formed?
14.3   Your First XHTML Page
14.4   Style Sheet Problems with XHTML
14.5   A Cautionary Tale

Chapter 15: Good Design

15.1   Introduction
15.2   Rule Number One!
15.3   Writing YaYa
15.4   Site Planning
15.5   Usability Testing
15.6   The Template
15.7   Site Consistency
15.8   White Space
15.9   Clean Design
15.10   Credibility
15.11   Bad Design
15.12   Accessibility
15.13   Summary

Chapter 16: Publishing Your Web Site

16.1   Introduction
16.2   Obtaining a Domain Name
16.3   Selecting a Web Site Host
16.4   Uploading Files to Your Web Host
16.5   Attracting Visitors to Your Site
16.5.1   Search Engines
16.5.2   Link Trading
16.5.3   Trade Sponsor Ads
16.5.4   Awards
16.5.5   Signature Files
16.5.6   Start a Newsletter
16.5.7   Submit Articles to Newsletters
16.5.8   Web Rings and Alliances
16.5.9   Newsgroups and Forums
16.5.10   Offline Promotion

Chapter 17: An Overview of Other Technologies

17.1   Introduction
17.2   JavaScript
17.3   Java
17.4   DHTML
17.5   Flash
17.6   RSS
17.7   XML
17.8   Perl, PHP, ASP, and JSP
17.9   Databases
17.10   Conclusion

Chapter 18: Bonus Chapter

18.1   Introduction
18.2   Netiquette
18.3   Spotting an Email Hoax
18.4   Converting RGB Color to Hex Code
18.5   Creating Smart Passwords
18.6   Windows Explorer Thumb Nails
18.7   Better Graphics for AOL Users
18.8   Installing CGI Scripts
18.9   Stop Directory Snooping
18.10   Disable Smart Tags
18.11   Disable the Image Toolbar
18.12   Server Side Includes
18.13   Your Worst Enemy
18.14   How to Ask For Help…Intelligently
18.15   Maintain a Save File
18.16   Colored Scrollbars

Appendix A: HTML and XHTML

· Core Attributes
· HTML and XHTML Elements, Attributes and Values
· Deprecated and Obsolete Elements and Attributes
· Proprietary Elements and Attributes
· Element Compatibility and DTD Chart
· Valueless Attribute Chart
· DOCTYPE Declarations

Appendix B: Cascading Style Sheets

Main CSS Property and Value Charts
· Background Color and Image Properties
· Box Model Properties
· Font and Text Properties
· List Properties
· Scrollbar and Cursor Properties
· Table Properties
Secondary Charts
· Aural Properties
· Display Properties
· Layout Properties
· Outline Properties
· Printing Properties
· Pseudo-classes
· Pseudo-elements
· At-rules
· Miscellaneous Items
· CSS Units of Measurement
· CSS Terms and Definitions

Appendix C: Color Charts

· Browser-safe Colors
· Named Colors
· Grayscale Colors
· RGB to Hexadecimal Conversion Chart

Appendix D: ASCII Character Chart

· ASCII Character Chart
· How to Access Extended Characters in Windows
· How to Access Extended Characters in Mac OS X
· Entering Extended Characters into an HTML Document

Appendix E: Troubleshooting

· Web Server Error Code Chart
· HTML Troubleshooting Chart

Glossary

Index

· · · End · · ·

514 pages | Full color