Log In
Or create an account ->
Imperial Library
Home
About
News
Upload
Forum
Help
Login/SignUp
Index
Creating a Web Site: The Missing Manual
SPECIAL OFFER: Upgrade this ebook with O’Reilly
A Note Regarding Supplemental Files
The Missing Credits
About the Author
About the Creative Team
Acknowledgments
The Missing Manual Series
Introduction
What You Need to Get Started
About This Book
Macintosh and Windows
About the Outline
About → These → Arrows
Downloadable Examples
About MissingManuals.com
Safari® Books Online
I. Welcome to the Web
1. Preparing for the Web
Introducing the World Wide Web
Browsers
Choosing your Web browser
Web Servers
Planning a Web Site
Types of Sites
Understanding Your Audience
The Lifespan of Your Site
Practice Good Design
The Ingredients of a Web Site
2. Creating Your First Page
The Anatomy of a Web Page
Cracking Open an XHTML Document
Creating Your Own XHTML Files
The Document Type Definition
XHTML Tags
What's in a Tag
Understanding Elements
Nesting Elements
The XHTML Document
The Basic Skeleton
Adding Content
Structuring Text
Where Are All the Pictures?
The 10 Most Important Elements (and a Few More)
Checking Your Pages for Errors
3. Putting Your Page on the Web
How Web Hosting Works
Understanding the URL
How Browsers Analyze a URL
Domain Names
Getting the Right Name
Searching for a Name
Registering Your Name
Domain parking
Domain forwarding
Free Domain Names
Getting Web Space
The Big Picture
Assessing Your Needs
A Web Host Checklist
Choosing Your Host
Your ISP (Internet Service Provider)
Web hosting companies
A Web host walkthrough (#1)
A Web host walkthrough (#2)
Free Web Hosts
Transferring Files
Browser-Based Uploading
FTP
4. Power Tools
Choosing Your Tools
Types of Web Page Editors
Finding a Free Web Page Editor
Nvu
Amaya
HTML-Kit
CoffeeCup Free HTML Editor
Professional XHTML Editors
Working With Your XHTML Editor
Starting Out
Multiple Views
Creating a Web Page in Code View
Creating a Web Page in WYSIWYG View
Managing a Web Site
Defining a site in Expression Web
Uploading a site in Expression Web
Defining a site in Dreamweaver
Uploading a site in Dreamweaver
II. Building Better Web Pages
5. XHTML Text Elements
Understanding Text and the Web
Logical Structure vs. Physical Formatting
CSS (Cascading Style Sheets)
XHTML Elements for Basic Text
Paragraphs
Line Breaks
Headings
Horizontal Lines
Preformatted Text
Quotes
Divisions and Spans
XHTML Elements for Lists
Ordered Lists
Unordered Lists
Definition Lists
Nesting Lists
Inline Formatting
Italics, Bold, and Underline
Emphasis and Strong
Subscript, Superscript, and Strikethrough
Teletype
Special Characters
Non-English Languages
6. Style Sheets
Style Sheet Basics
The Three Types of Styles
Browser Support for CSS
The Anatomy of a Rule
Applying a Style Sheet
Internal style sheets
Inline styles
The Cascade
Inheritance
Colors
Specifying a Color
Hexadecimal color values
RGB color values
Finding the Right Color
Fonts
Specifying a Font
Finding the Right Font
Font Sizes
Keyword sizing
Percentage sizing
Relative sizing
Pixel sizing
Text Alignment and Spacing
Alignment
Spacing
White Space
Borders
Basic Borders
Making Better Borders
Using Borders to Separate Sections
Class Selectors
Creating Class Rules
Saving Work With the <div> Element
More Generic Class Rules
Creating a Style Sheet for Your Entire Web Site
7. Adding Graphics
Understanding Images
The <img> Element
Alternate Text
Picture Size
File Formats for Graphics
Compression
Choosing the right image format
Putting Pictures on Colored Backgrounds
Images and Styles
Inline Images in Text
Borders
Wrapping Text Around an Image
Adding Captions
Background Images
Background "watermarks"
Techniques with Graphics
Graphical Text
Backgrounds for Other Elements
Graphical Bullets in a List
Finding Free Art
8. Linking Pages
Understanding the Anchor
Internal and External Links
Relative Links and Folders
Moving down into a subfolder
Moving up into a parent folder
Moving to the root folder
Linking to Other Types of Content
Image Links and Image Maps
Adding Bookmarks
When Good Links Go Bad
Site Management
Link Checkers
Using Redirects
9. Page Layout Tools
The Challenge of Screen Space
Testing Different Page Sizes
Tables
The Anatomy of a Table
Formatting Table Borders
Cell Spans
Sizing and Aligning Tables
Sizing a table
Sizing a column
Sizing a row
Organizing a Page with Tables
Style-Based Layout
Structuring Pages with the <div> Element
Even Better Selectors
Contextual selectors
id selectors
Floating Boxes
Absolute Positioning
Layering
Combining Absolute and Relative Positioning
10. Multipart Pages
Understanding Multipart Pages
Server-Side Includes
Frame Basics
Creating a Frames Page
Putting Documents in a Frameset
Targeting Frames
Building Better Frames Pages
Frame Borders and Resizing
Scrolling
Handling Browsers That Don't Support Frames
Better URLs for Framesets
Nested Framesets
Another Way to Nest Frames
Page Templates
Understanding Page Templates
Creating a New Page Template
The Anatomy of a Page Template
Using a Page Template
III. Connecting With Your Audience
11. Attracting Visitors
Your Web Site Promotion Plan
Spreading the Word
Reciprocal Links
Web Rings
Shameless Self-Promotion
Return Visitors
Adding Meta Elements
The Description Meta Element
The Keyword Meta Element
Directories and Search Engines
Directories
The Open Directory Project
The Yahoo directory
Search Engines
Rising up in the rankings
The Google Webmaster Tools
Google AdWords
Hiding from search engines
Tracking Visitors
Understanding Google Analytics
Signing Up for Google Analytics
Examining your Web Traffic
Graph of Visits
Site Usage
Map Overlay
Traffic Sources Overview
Content Overview
12. Letting Visitors Talk to You (and Each Other)
Transforming a Site into a Community
Helping Visitors Email You
Mailto Links
XHTML Forms
Form basics
Mailing a form
Creating a more complex form
More reliable forms with server scripts
Adding Forums and Groups to Your Site
About Google Groups
Creating a Group
Participating in a Group
Managing Your Group
13. Making Money with Your Site
Money-Making the Web Way
Google AdSense
Signing Up for AdSense
Creating an Ad
Placing Ads in Your Web Pages
Google-Powered Searches
Amazon Associates
Signing Up As an Associate
Generating Associate Links
Product links
Advanced links
PayPal Merchant Tools
Signing Up With PayPal
Accepting Payments
Building a Shopping Cart
Creating a custom page style
Generating the shopping cart buttons
Withdrawing Your Money
IV. Web Site Frills
14. JavaScript: Adding Interactivity
Understanding JavaScript
Server-Side and Client-Side Programming
Scripting Languages
JavaScript 101
The <script> Element
Scripts and XHTML
Browsers that don't support JavaScript
Variables
Declaring variables
Modifying variables
An example with variables
Functions
Declaring a function
Calling a function
Functions that receive information
Functions that return information
External Script Files
Dynamic XHTML
XHTML Objects
Using XHTML objects in a script
Events
Image Rollovers
Collapsible Text
An Interactive Form
Scripts on the Web
Finding a Cool Script
15. Fancy Buttons and Menus
Creating Fancy Buttons
Generating Button Pictures
Building a Rollover Button
Using image lists
Preloading images
Creating Rollover Buttons in Dreamweaver and Expression Web
Creating Fancy Menus
Do-It-Yourself Collapsible Menus
Third-Party Menus
Getting the script
Creating the menu
Placing the menu on a page
16. Audio and Video
Understanding Multimedia
Linking, Embedding, and Hosting
Types of Multimedia Files
Background Music
The <embed> Element
Embedded audio options
Other audio formats
Sound Effects
Flash MP3 Players
The E-Phonic Player
Create a playlist
Adding the player to a Web page
Flashtrak Loops
Video Clips
Preparing Video
Linking to and Embedding Video
Uploading Your Videos to YouTube
Signing up with YouTube
Preparing a video
Uploading a video
Watching a video
V. Blogs
17. Blogs
Understanding Blogs
Syndication
Blog Hosting and Software
Getting Started with Blogger
Creating a Blog
Creating Formatted Posts
Managing a Blog
Tweaking a Few Common Settings
Configuring Your Blogger Profile
Templates
Applying a new template
Customizing your template
Customizing the XHTML in a template
Moderating Comments
Hosting Your Blog on Your Web Site
VI. Appendixes
A. XHTML Quick Reference
XHTML Elements
<a> (Anchor Element)
<acronym>
<address>
<area> (Image Map)
<b> (Bold Text)
<base> (Base URL)
<big> (Large Text)
<blockquote> (Block Quotation)
<body> (Document Body)
<br /> (Line Break)
<button> (Button)
<caption> (Table Caption)
<cite> (Citation)
<dd> (Dictionary Description)
<del> (Deleted Text)
<dfn> (Defined Term)
<div> (Generic Block Container)
<dl> (Dictionary List)
<dt> (Dictionary Term)
<em> (Emphasis)
<form> (Interactive Form)
<frame> (Frame)
<frameset> (Frameset)
<h1>, <h2>, <h3>, <h4>, <h5>, <h6> (Headings)
<head> (Document Head)
<hr> (Horizontal Rule)
<html> (Document)
<i> (Italic Text)
<iframe> (Inline Frame)
<img> (Image)
<input> (Input Control)
<ins> (Inserted Text)
<li> (List Item)
<link> (Document Relationship)
<map> (Image Map)
<meta> (Metadata)
<noframes> (Frames Alternate Content)
<noscript> (Alternate Script Content)
<object> (Embedded Object)
<ol> (Ordered List)
<option> (Menu Option)
<p> (Paragraph)
<param> (Object Parameter)
<pre> (Preformatted Text)
<q> (Short Quotation)
<script> (Client-Side Script)
<select> (Selectable List)
<small> (Small Text)
<span> (Generic Inline Container)
<strong> (Strong Emphasis)
<style> (Internal Style Sheet)
<sub> (Subscript)
<sup> (Superscript)
<table> (Table)
<td> (Table Data Cell)
<textarea> (Multiline Text Input)
<th> (Table Header Cell)
<title> (Document Title)
<tr> (Table Row)
<tt> (Teletype Text)
<u> (Underlined Text)
<ul> (Unordered List)
XHTML Character Entities
XHTML Color Names
B. Useful Web Sites
Chapter Links
About the Author
Colophon
SPECIAL OFFER: Upgrade this ebook with O’Reilly
← Prev
Back
Next →
← Prev
Back
Next →