Log In
Or create an account ->
Imperial Library
Home
About
News
Upload
Forum
Help
Login/SignUp
Index
Creating a Website: The Missing Manual, Third Edition
The Missing Credits
About the Author
About the Creative Team
Acknowledgments
Introduction
What You Need to Get Started
About This Book
Macintosh and Windows
About the Outline
About→These→Arrows
About the Online Resources
The Missing CD
Registration
Feedback
Errata
Newsletter
Safari® Books Online
1. Preparing for the Web
Introducing the World Wide Web
Web Browsers
Choosing your browser
Web Servers
Planning a Website
Types of Sites
The Lifespan of Your Site
Practice Good Design
The Ingredients of a Website
2. Creating Your First Page
Introducing HTML: The Language of the Web
Cracking Open an HTML File
Seeing the HTML of a Live Web Page
Creating an HTML File
HTML, XHTML, and HTML5
HTML Tags
What’s in a Tag
Understanding Elements
Nesting Elements
The HTML Document
The Document Type Definition
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
Choosing the Right Domain Name
Searching for a Name
Registering Your Name
Domain parking
Domain forwarding
Free Domain Names
Getting Web Space
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
FTP
Browser-Based Uploading
4. Power Tools
Choosing Your Tools
Types of Web Page Editors
Finding a Free Web Page Editor
BlueGriffon
Amaya
HTML-Kit
CoffeeCup Free HTML Editor
Professional HTML Editors
Working with Your HTML Editor
Starting Out
Multiple Views
Creating a Web Page in Code View
Creating a Web Page in WYSIWYG View
Managing a Website
Defining a Site in Expression Web
Uploading a Site in Expression Web
Defining a Site in Dreamweaver
Uploading a Site in Dreamweaver
5. Text Elements
Understanding Text and the Web
Logical Structure vs. Physical Formatting
CSS (Cascading Style Sheets)
HTML Elements for Basic Text
Paragraphs
Line Breaks
Headings
Horizontal Lines
Preformatted Text
Quotes
Divisions and Spans
HTML Elements for Lists
Ordered Lists
Unordered Lists
Definition Lists
Nesting Lists
HTML Elements for Tables
A Basic Table
Cell Spans
Inline Formatting
Text Formatting: Italics and Bold
A Few More Formatting Elements
Special Characters
Non-English Languages
6. Style Sheets
Style Sheet Basics
The Three Types of Styles
The Anatomy of a Rule
Attaching a Style Sheet to a Page
Using an Internal Style Sheet
Using Inline Styles
The Cascade
Inheritance
More Powerful Selectors
Class Selectors
id Selectors
Colors
Specifying a Color
Hexadecimal color values
RGB color values
Finding the Right Color
Text Alignment and Spacing
Alignment
Spacing
White Space
Basic Fonts
Specifying a Font
Finding the Right Font
Font Sizes
Keyword sizing
Percentage sizing
Relative sizing
Pixel sizing
Embedded Fonts
Web Formats for Fonts
Using a Font Kit
Using Your Own Fonts
Borders
Basic Borders
Making Better Borders
Using Borders with Tables
Tutorial: Building a Style Sheet
Creating a Well-Structured Style Sheet
Saving Work with the <div> Element
Saving Work with Contextual Selectors
7. Adding Graphics
Understanding Images
The <img> Element
Alternate Text
Picture Size
File Formats for Graphics
Choosing the right image format
Compression
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
Changing Link Colors and Underlining
Mailto Links
Image Links and Image Maps
Adding Bookmarks
When Good Links Go Bad
Site Management
Link Checkers
Using Redirects
9. Page Layout
The Challenge of Screen Space
Style-Based Layout
Structuring Pages with the <div> Element
Floating Boxes
Fixed Boxes
Creating a Layout with Multiple Columns
Building a Fixed-Width Layout
Creating a Resizable Layout
Maximum Width: The Safety Net
Stretching Column Height
Super-Flexible Sites: The Zen of Web Design
A Few More Layout Techniques
Layering
Combining Absolute and Relative Positioning
Sizing Tables
Sizing a table
Sizing a column
Sizing a row
10. Multipart Pages
Understanding Multipart Pages
Server-Side Includes
Page Templates
Understanding Page Templates
Creating a New Page Template
The Anatomy of a Page Template
Using a Page Template
11. Introducing Your Site to the World
Your Website Promotion Plan
Making Your Site Search-Engine Friendly
Choose Meaningful Page Titles
Include a Page Description
Supply Alternate Text for All Your Images
Use Descriptive Link Text
Don’t Try to Cheat
Registering with Directories
The Open Directory Project
The Yahoo Directory
Registering with Search Engines
Rising Up in the Search Rankings
Hiding from Search Engines
The Google Webmaster Tools
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. Website Promotion
Spreading the Word
Shameless Self-Promotion
Google Places
Google AdWords
Return Visitors
Transforming a Site into a Community
Fostering a Web Community
Website Community Tools
Email Newsletters
Twitter
Groups
Introducing Google Groups
Creating a group
Participating in a group
Managing your group
Facebook
Creating a fan page
Adding tabs to your fan page
Promoting your Facebook page on your website
13. Blogs
Understanding Blogs
Popular Blogs
Syndication
Blog Hosting and Software
Getting Started with Blogger
Creating a Blog
Creating Formatted Posts
Managing a Blog
Tweaking Common Settings
Configuring Your Blogger Profile
Giving Your Blog a Custom Domain Name
Customizing Your Template
Reformatting a template
Changing (and rearranging) the gadgets in your template
Editing the HTML in a template
Managing Comments
Deleting comments
Moderating comments
14. Making Money with Your Site
Money-Making the Web Way
Google AdSense
Signing Up for AdSense
The AdSense Interface
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
15. JavaScript: Adding Interactivity
Understanding JavaScript
Server-Side and Client-Side Programming
Scripting Languages
JavaScript 101
The <script> Element
Scripts and HTML
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 HTML
HTML Objects
Using HTML objects in a script
Events
Image Rollovers
Collapsible Text
Interactive Forms
Form elements
A basic form
Scripts on the Web
Finding a Simple Script
JavaScript Libraries
Web Widgets
16. Fancy Buttons and Menus
Fancy Buttons
Creating Your Button Pictures
Making a Rollover Effect with CSS
Picture-with-Text Buttons
Picture-less Buttons
Fancy Menus
Do-It-Yourself Collapsible Menus
Third-Party Menus
Getting the script
Creating the menu
17. Audio and Video
Understanding Multimedia
Linking, Embedding, and Hosting
Types of Multimedia Files
Basic Background Music
The <embed> Element
Embedded Audio Options
Flash MP3 Players
The Premiumbeat Player: Playing a Song List
The Yahoo Player: Playing All Your Links
Flashtrak Loops
Video Clips
Preparing Video
Linking to and Embedding Video
Flash Video
Video in HTML5
Uploading Your Videos to YouTube
Signing Up with YouTube
Preparing a Video
Uploading a Video
Watching a Video
A. HTML Quick Reference
HTML Elements
<a> (Anchor Element)
<address>
<area> (Image Map)
<b> (Bold Text)
<base> (Base URL)
<blockquote> (Block Quotation)
<body> (Document Body)
<br> (Line Break)
<button> (Button)
<caption> (Table Caption)
<cite> (Citation)
<code>
<dd> (Dictionary Description)
<del> (Deleted Text)
<dfn> (Defined Term)
<div> (Generic Block Container)
<dl> (Dictionary List)
<dt> (Dictionary Term)
<em> (Emphasis)
<embed> (Embedded Object)
<form> (Interactive Form)
<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)
<noscript> (Alternate Script Content)
<object> (Embedded Object)
<ol> (Ordered List)
<option> (Menu Option)
<p> (Paragraph)
<param> (Object Parameter)
<pre> (Preformatted Text)
<q> (Short Quotation)
<samp> (Sample Output)
<script> (Client-Side Script)
<select> (Selectable List)
<small> (Small Print)
<span> (Generic Inline Container)
<strong> (Strong Importance)
<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)
<ul> (Unordered List)
HTML5 Semantic Elements
<article> (Article)
<aside> (Sidebar)
<figcaption> (Figure Caption)
<figure> (Figure)
<footer> (Footer)
<header> (Header)
<hgroup> (Header Group)
<mark> (Highlighted Text)
<nav> (Navigation Links)
<section> (Section)
<time> (Date or Time)
HTML Character Entities
HTML Color Names
B. Useful Websites
Chapter Links
Index
About the Author
Colophon
← Prev
Back
Next →
← Prev
Back
Next →