Creating a Website by MacDonald, Matthew -- Read -- Imperial Library of Trantor

The Starter Site Linking to Pages Within the Same Folder Moving Down into a Subfolder Moving Up into a Parent Folder Moving to the Root Folder Making Image Links

More Tricks with Links

“Mailto” Links Image Maps: Links Inside Pictures Changing Link Colors and Underlining

Links That Lead to Bookmarks When Good Links Go Bad

Checking Your Links in a Web Editor Checking Your Links Online Using Redirects

7. Designing Better Style Sheets

Planning a Style Sheet

Identifying the Main Ingredients

Building a Complete Style Sheet

Setting the Ground Rules Formatting Elements with Type Selectors Creating Classes

Improving Your Style Sheet

Grouping Content with the <div> Element Saving Work with the <div> Element Saving Work with Contextual Selectors Creating a Style Sheet for an Entire Site

Tutorial: Becoming a Style Detective

2. From Web Page to Website

8. Page Layout

Understanding Style-Based Layout

Structuring Pages with the <div> Element Floating Boxes Fixed Boxes

Choosing Your Layout

The 1,000-Pixel Rule of Thumb

Tutorial: Creating a Layout with Multiple Columns

Laying the Groundwork Attaching Your Style Sheet Building a Fixed-Width Layout Switching to a Resizable Layout Maximum Width: The Safety Net

A Few More Layout Techniques

Stretching Column Height Sticky Headers Layered Elements Combining Absolute and Relative Positioning Sizing Tables

Sizing an Entire Table Sizing a Column Sizing a Row

Putting the Same Content on Multiple Pages

Using Server-Side Includes PHP Includes Web Templates

Creating a Web Template Adding Editable Regions to Your Template Using Your Web Template

9. Getting Your Site Online

How Web Hosting Works

Understanding Web Servers Understanding URLs How Browsers Analyze a URL

Domain Names

Choosing the Right Domain Name More Choices for Top-Level Domains

The Originals Country-Specific Domains The New Kids on the Block

Searching for a Name Registering Your Name

Getting Web Space

Assessing Your Needs Choosing Your Host A Web Host Walkthrough What to Expect after You Sign Up Free Web Hosts: Just Say No

Transferring Files to Your Site

Uploading with Windows Explorer Uploading with an FTP Program Uploading in Dreamweaver

Adding Your FTP Information Copying Files to Your Website Copying Files to Your Computer

Uploading in Expression Web

3. Connecting with Your Audience

10. 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 Search Engines

Submitting Your Site to Google Submitting Your Site to the Open Directory Project Rising Up in the Search Rankings Hiding from Search Engines The Google Webmaster Tools

Tracking Visitors

Understanding Google Analytics Signing Up for Google Analytics The Google Analytics Dashboard Examining Your Web Traffic

Sessions Graph Site Usage Map Overlay Traffic Sources Overview Content Overview

11. Website Promotion

Spreading the Word

Shameless Self-Promotion Cultivating Links Google Places Google AdWords Return Visitors

Transforming a Site into a Community

Fostering a Web Community Website Community Tools

Email Newsletters Twitter

Sharing Your Tweets on Your Site

Facebook

Creating a Facebook Page Promoting Your Facebook Page on Your Website

Groups

Creating a Google+ Community

12. Adding a Blog

Understanding Blogs

Syndication Blog Hosting Options

Getting Started with Blogger

Creating a Blog Formatting Your Posts

Blog Management

Managing Posts Tweaking Common Settings Customizing Your Template

Reformatting a Template Adding, Deleting, and Rearranging Gadgets Editing the HTML in a Template

Reviewing Comments

Deleting the Junk Moderating Comments

13. Making Money with Your Site

Money-Making the Web Way Google AdSense

Signing Up for AdSense The AdSense Window 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 Building the Shopping Cart Buttons

Withdrawing Your Money

4. Interactivity and Multimedia

14. JavaScript: Adding Interactivity

Understanding JavaScript

Server-Side and Client-Side Programming The Evolution of JavaScript

JavaScript 101

The <script> Element

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

15. Dynamic Buttons and Menus

Fancy Buttons

Ordinary Picture Buttons Dynamic Picture Buttons

Choosing Your Approach Tutorial: Creating a Rollover Button

The Starter Page Preparing the Button Pictures Making the Rollover Effect Picture-with-Text Buttons Picture-less Buttons

Fancy Menus

Do-It-Yourself Collapsible Menus

The Menu Markup The Code that Shows the Submenus

Third-Party Menus

Getting the Script Creating the Menu

16. Audio and Video

Understanding Multimedia

Linking and Embedding Hosted Multimedia

Playing Audio Files

Automatic Playback Preloading Media Files Looping Playback

Showing Video Clips

Configuring the Video Window Preparing Video for the Web

Fallbacks for Old Browsers

Adding a Flash Fallback

Uploading Videos to YouTube

Preparing a Video for YouTube Uploading a Video Showing a YouTube Video in a Web Page

5. Appendixes

A. Where to Go from Here B. HTML Quick Reference

HTML Elements

<a> (Anchor Element) <address> (Contact Information) <area> (Image Map) <audio> (Sound Player) <b> (Bold Text) <base> (Base URL) <blockquote> (Block Quotation) <body> (Document Body) <br> (Line Break) <button> (Button) <caption> (Table Caption) <cite> (Citation) <code> (Code Listing) <dd> (Dictionary Description) <del> (Deleted Text) <dfn> (Defined Term) <div> (Generic Block Container) <dl> (Dictionary List) <dt> (Dictionary Term) <em> (Emphasis) <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) <source> (Audio or Video File) <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) <video> (Video Player)

HTML5 Semantic Elements

<article> (Article) <aside> (Sidebar) <figcaption> (Figure Caption) <figure> (Figure) <footer> (Footer) <header> (Header) <mark> (Highlighted Text) <nav> (Navigation Links) <section> (Section) <time> (Date or Time)

HTML Character Entities

HTML Color Names

Index About the Author Copyright

← Prev
Back
Next →

← Prev
Back
Next →