book

Creating Web Sites: The Missing Manual

Name: Creating Web Sites: The Missing Manual
Author: Matthew MacDonald
ISBN: 9781491909560

by Matthew MacDonald

October 2005

Beginner

560 pages

16h 2m

English

O'Reilly Media, Inc.

Read now

Unlock full access

Creating Web Sites: The Missing Manual
A Note Regarding Supplemental Files
Copyright
The Missing Credits
About the AuthorAbout the Creative TeamAcknowledgementsThe Missing Manual Series
Introduction
What You Need to Get StartedAbout This BookMacintosh and WindowsAbout the OutlineAbout → These → ArrowsDownloadable ExamplesAbout MissingManuals.comSafari® Enabled
One. Welcome to the Web
1. Preparing for the Web
1.1. Introducing the World Wide Web1.1.1. Browsers1.1.1.1. Choosing your Web browser1.1.2. Web Servers1.2. Planning a Web Site1.2.1. Types of Sites1.2.2. Understanding Your Audience1.2.3. The Lifespan of Your Site1.2.4. Practice Good Design1.3. The Ingredients of a Web Site
2. Creating Your First Page
2.1. The Anatomy of a Web Page2.1.1. Cracking Open an HTML Document2.1.2. Creating Your Own HTML Files2.2. The HTML Tag2.2.1. What’s in a Tag2.2.2. Container Tags and Standalone Tags2.2.3. Nesting Tags2.3. The HTML Document2.3.1. Adding a Title2.3.2. Line Breaks and Text Flow2.3.3. Where Are All the Pictures?2.3.4. The 10 Most Important Tags (and a Few More)2.3.5. Common Mistakes2.3.5.1. Missing a closing tag2.3.5.2. Endless tags2.3.5.3. Handling special characters with caution2.4. XHTML2.4.1. Creating a Valid XHTML Page2.4.1.1. The basics2.4.1.2. The document type definition2.4.1.3. A valid XHTML page
3. Putting Your Page on the Web
3.1. How Web Hosting Works3.1.1. Understanding the URL3.1.2. How Browsers Analyze the URL3.2. Domain Names3.2.1. Searching for a Name3.2.2. Getting the Right Name3.2.3. Registering Your Name3.2.3.1. Domain parking3.2.3.2. Domain forwarding3.3. Getting Web Space3.3.1. The Big Picture3.3.2. Assessing Your Needs3.3.2.1. A Web host checklist3.3.3. Choosing Your Host3.3.4. Your ISP (Internet Service Provider)3.3.5. Web Hosting Companies3.3.5.1. A Web host walkthrough (#1)3.3.5.2. A Web host walkthrough (#2)3.3.6. Free Web Hosts3.4. Transferring Files3.4.1. Browser-Based Uploading3.4.2. FTP
4. Power Tools
4.1. Choosing Your Tools4.1.1. Types of HTML Editors4.1.2. Finding a Free HTML Editor4.1.2.1. Nvu4.1.2.2. HTML-Kit4.1.2.3. CoffeeCup4.1.3. Professional HTML Editors4.2. Working with Your HTML Editor4.2.1. Starting Out4.2.2. Multiple Views4.2.3. Creating a Web Page4.2.4. Managing a Web Site4.2.4.1. Defining a site in FrontPage4.2.4.2. Uploading a site in FrontPage4.2.4.3. Defining a site in Dreamweaver4.2.4.4. Uploading a site in Dreamweaver

Two. Building Better Web Pages
5. HTML Text Tags
5.1. Understanding Text and the Web5.1.1. The Problem of Layout5.1.2. Logical Structure vs. Physical Formatting5.1.3. CSS (Cascading Style Sheets)5.2. Basic Text Tags5.2.1. Paragraphs5.2.2. Line Breaks5.2.3. Headings5.2.4. Horizontal Lines5.2.5. Preformatted5.2.6. Quotes5.2.7. Divisions5.3. HTML Tags for Lists5.3.1. Ordered Lists5.3.2. Unordered Lists5.3.3. Definition Lists5.3.4. Nesting Lists5.4. Inline Formatting5.4.1. Italics, Bold, and Underline5.4.2. Emphasis and Strong5.4.3. Subscript, Superscript, and Strikethrough5.4.4. Teletype5.4.5. Special Characters
6. Style Sheets
6.1. Style Sheet Basics6.1.1. The Three Types of Styles6.1.2. Browser Support for CSS6.1.3. The Anatomy of a Rule6.1.4. Applying a Style Sheet6.1.4.1. Internal style sheets6.1.4.2. Inline styles6.1.5. The Cascade6.1.6. Inheritance6.2. Colors6.2.1. Specifying a Color6.2.1.1. Hexadecimal color values6.2.1.2. RGB color values6.2.2. Finding the Right Color6.3. Fonts6.3.1. Specifying a Font6.3.2. Finding the Right Font6.3.3. Font Sizes6.3.3.1. Absolute sizes (keywords and percentages)6.3.3.2. Relative sizes6.3.3.3. Exact sizes (pixels)6.4. Text Alignment and Spacing6.4.1. Alignment6.4.2. Spacing6.5. Borders6.5.1. Basic Borders6.5.2. Making Better Borders6.5.3. Using Borders to Separate Sections6.6. Class Selectors6.6.1. Creating Class Rules6.6.2. Saving Work with the <div> Tag6.6.3. More Generic Class Rules6.6.4. Creating a Style Sheet for Your Entire Web Site
7. Adding Graphics
7.1. Understanding Images7.1.1. The <img> Tag7.1.2. The alt Attribute7.1.3. Picture Size7.1.4. File Formats for Graphics7.1.4.1. Compression7.1.4.2. Choosing the right image format7.1.5. Putting Pictures on Colored Backgrounds7.2. Images and Styles7.2.1. Inline Images in Text7.2.2. Borders7.2.3. Wrapping Text Around an Image7.2.4. Adding Captions7.2.5. Background Images7.2.5.1. Background “watermarks”7.3. Techniques with Graphics7.3.1. Graphical Text7.3.2. Backgrounds on Other Elements7.3.3. Graphical Bullets in a List7.4. Finding Free Art7.4.1. Finding Photos7.4.2. Finding Clip Art
8. Linking Pages
8.1. Understanding the Anchor8.1.1. Internal and External Links8.1.2. Relative Links and Folders8.1.2.1. Moving down into a subfolder8.1.2.2. Moving up into a parent folder8.1.2.3. Moving into the root folder8.1.3. Linking to Other Types of Content8.2. Image Links and Image Maps8.3. Adding Bookmarks8.4. When Good Links Go Bad8.4.1. Site Management8.5. Link Checkers8.5.1. Using Redirects
9. Page Layout Tools:Tables and Styles
9.1. HTML Tables9.1.1. The Anatomy of an HTML Table9.1.2. Formatting Table Borders9.1.3. Cell Spans9.1.4. Sizing and Aligning Tables9.1.4.1. Sizing the table9.1.4.2. Sizing a column9.1.4.3. Sizing a row9.1.5. Organizing a Page with Tables9.2. Style-Based Layout9.2.1. The <div> Tag9.2.2. Even Better Selectors9.2.2.1. Contextual selectors9.2.2.2. id selectors9.2.3. Floating Boxes9.2.4. Absolute Positioning9.2.5. Layering
10. Frames
10.1. The Problem with Repeating Content10.2. Frame Basics10.2.1. Defining the Frameset10.2.2. Putting Documents in a Frameset10.2.3. Targeting Frames10.3. Building Better Frames Pages10.3.1. Frame Borders and Resizing10.3.2. Scrolling10.3.3. Handling Browsers That Don’t Support Frames10.3.4. Better URLs for Framesets10.3.5. Nested Framesets10.3.6. Another Way to Nest Frames
Three. Connecting with Your Audience
11. Attracting Visitors
11.1. Your Web Site Promotion Plan11.2. Spreading the Word11.2.1. Reciprocal Links11.2.2. Web Rings11.2.3. Shameless Self-Promotion11.2.4. Return Visitors11.3. Adding Meta Tags11.3.1. The Description Meta Tag11.3.2. The Keyword Meta Tag11.4. Directories and Search Engines11.4.1. Directories11.4.1.1. The Open Directory Project11.4.1.2. Other directories11.4.2. Search Engines11.4.2.1. Rising up in the rankings11.4.2.2. Google AdWords11.4.2.3. Hiding from search engines11.5. Tracking Visitors11.5.1. Web Server Logs11.5.2. Hit Counters
12. Letting Visitors Talk to You (and Each Other)
12.1. Transforming a Site into a Community12.2. Helping Visitors Email You12.2.1. Mail-To Links12.2.2. HTML Forms12.2.2.1. Form basics12.2.2.2. Creating a feedback page with a form12.3. Adding Forums and Groups to Your Site12.3.1. About Google Groups12.3.2. Creating a Group12.3.3. Participating in a Group12.3.4. Managing Your Group
13. Making Money with Your Site
13.1. Money Making the Web Way13.2. Google AdSense13.2.1. Signing Up for AdSense13.2.2. Creating an Ad13.2.3. Placing Ads in Your Web Pages13.2.4. Google-Powered Searches13.3. Amazon Associates13.3.1. Signing Up as an Associate13.3.2. Generating Associate Links13.3.2.1. Product links13.3.2.2. Advanced links13.4. PayPal Merchant Tools13.4.1. Singing Up with PayPal13.4.2. Accepting Payments13.4.3. Building a Shopping Cart13.4.3.1. Creating a custom page style13.4.3.2. Generating the shopping cart buttons13.4.4. Withdrawing Your Money
Four. Web Site Frills
14. JavaScript and DHTML: Adding Interactivity
14.1. Understanding JavaScript14.1.1. Server-Side and Client-Side Programming14.1.2. Scripting Languages14.2. JavaScript 10114.2.1. The <script> Tag14.2.1.1. Scripts and really, really old browsers14.2.2. Variables14.2.2.1. Declaring variables14.2.2.2. Modifying variables14.2.2.3. An example with variables14.2.3. Functions14.2.3.1. Declaring a function14.2.3.2. Calling a function14.2.3.3. Functions that receive information14.2.3.4. Functions that return information14.2.4. External Script Files14.3. Dynamic HTML14.3.1. HTML Objects14.3.1.1. Using HTML objects in a script14.3.2. Events14.3.3. Image Rollovers14.3.4. Collapsible Text14.3.5. An Interactive Form14.4. Scripts on the Web14.4.1. Finding a Cool Script
15. Fancy Buttons and Menus
15.1. Creating Fancy Buttons15.1.1. Generating Button Pictures15.1.2. Building a Rollover Button15.1.2.1. Using image lists15.1.2.2. Preloading images15.1.3. Creating Rollover Buttons in Dreamweaver and FrontPage15.2. Creating Fancy Menus15.2.1. Do-It-Yourself Collapsible Menus15.2.2. Third-Party Menus15.2.2.1. Getting the script15.2.2.2. Creating the menu
16. Audio and Video
16.1. Understanding Multimedia16.1.1. Linking and Embedding16.1.2. Types of Multimedia Files16.2. Background Music16.2.1. The <embed> Tag16.2.2. Other Audio Formats16.2.3. Sound Effects16.3. Video Clips16.3.1. Creating Your Own Movies16.3.2. Streaming Media16.4. Animations16.4.1. Animated GIFs16.4.2. Flash Animations16.4.2.1. The good16.4.2.2. The bad16.4.2.3. Free Flash animations
Five. Blogs
17. Blogs
17.1. Understanding Blogs17.1.1. Syndication17.1.2. Blog Hosting and Software17.2. Getting Started with Blogger17.2.1. Creating a Blog17.2.2. Managing a Blog17.2.2.1. Tweaking a few common settings17.2.2.2. Configuring your user profile17.2.3. Templates17.2.3.1. Applying a new template17.2.3.2. Customizing a template17.2.4. Creating Formatted Posts17.2.5. Hosting Your Blog on Your Web Site17.2.6. BlogThis17.2.7. Promoting Your Blog
Six. Appendixes
A. HTML Quick Reference
A.1. HTML TagsA.1.1. <a> (Anchor Tag)A.1.2. <acronym>A.1.3. <address>A.1.4. <area> (Image Map)A.1.5. <b> (Bold Text)A.1.6. <base> (Base URL )A.1.7. <big> (Large Text)A.1.8. <blockquote> (Block Quotation)A.1.9. <body> (Document Body)A.1.10. <br> (Line Break)A.1.11. <button> (Button)A.1.12. <caption> (Table Caption)A.1.13. <cite> (Citation)A.1.14. <dd> (Dictionary Description)A.1.15. <del> (Deleted Text)A.1.16. <dfn> (Defined Term)A.1.17. <div> (Generic Block Container)A.1.18. <dl> (Dictionary List)A.1.19. <dt> (Dictionary Term)A.1.20. <em> (Emphasis)A.1.21. <form> (Interactive Form)A.1.22. <frame> (Frame)A.1.23. <frameset> (Frameset)A.1.24. <h1>, <h2>, <h3>, <h4>, <h5>, <h6> (Headings)A.1.25. <head> (Document Head)A.1.26. <hr> (Horizontal Rule)A.1.27. <html> (Document)A.1.28. <i> (Italic Text)A.1.29. <iframe> (Inline Frame)A.1.30. <img> (Image)A.1.31. <input> (Input Control)A.1.32. <ins> (Inserted Text)A.1.33. <li> (List Item)A.1.34. <link> (Document Relationship)A.1.35. <map> (Image Map)A.1.36. <meta> (Metadata)A.1.37. <noframes> (Frames Alternate Content)A.1.38. <noscript> (Alternate Script Content)A.1.39. <object> (Embedded Object)A.1.40. <ol> (Ordered List)A.1.41. <option> (Menu Option)A.1.42. <p> (Paragraph)A.1.43. <param> (Object Parameter)A.1.44. <pre> (Preformatted Text)A.1.45. <q> (Short Quotation)A.1.46. <script> (Client-Side Script)A.1.47. <select> (Selectable List)A.1.48. <small> (Small Text)A.1.49. <span> (Generic Inline Container)A.1.50. <strong> (Strong Emphasis)A.1.51. <style> (Internal Style Sheet)A.1.52. <sub> (Subscript)A.1.53. <sup> (Superscript)A.1.54. <table> (Table)A.1.55. <td> (Table Data Cell)A.1.56. <textarea> (Multiline Text Input)A.1.57. <th> (Table Header Cell)A.1.58. <title> (Document Title)A.1.59. <tr> (Table Row)A.1.60. <tt> (Teletype Text)A.1.61. <u> (Underlined Text)A.1.62. <ul> (Unordered List)A.2. HTML Character EntitiesA.3. HTML Color Names
B. Useful Web Sites
B.1. Chapter Links
About the Author
Colophon
Copyright

Content preview from Creating Web Sites: The Missing Manual

Creating Web Sites: The Missing Manual

Matthew MacDonald

Editor

Sarah Milstein

O’Reilly Media

1005 Gravenstein Highway North

Sebastopol, CA 95472

2014-06-11T10:10:28-07:00

Become an O’Reilly member and get unlimited access to this title plus top books and audiobooks from O’Reilly and nearly 200 top publishers, thousands of courses curated by job role, 150+ live events each month,
and much more.

Read now

Unlock full access

More than 5,000 organizations count on O’Reilly

O’Reilly covers everything we've got, with content to help us build a world-class technology community, upgrade the capabilities and competencies of our teams, and improve overall team performance as well as their engagement.

Julian F.

Head of Cybersecurity

I wanted to learn C and C++, but it didn't click for me until I picked up an O'Reilly book. When I went on the O’Reilly platform, I was astonished to find all the books there, plus live events and sandboxes so you could play around with the technology.

Addison B.

Field Engineer

I’ve been on the O’Reilly platform for more than eight years. I use a couple of learning platforms, but I'm on O'Reilly more than anybody else. When you're there, you start learning. I'm never disappointed.

Amir M.

Data Platform Tech Lead

I'm always learning. So when I got on to O'Reilly, I was like a kid in a candy store. There are playlists. There are answers. There's on-demand training. It's worth its weight in gold, in terms of what it allows me to do.

Mark W.

Embedded Software Engineer

Creating a Web Site: The Missing Manual, 2nd Edition

Publisher Resources

ISBN: 0596008422Errata Page

Cloud Computing

Data Engineering

Data Science

AI & ML

Programming Languages

Software Architecture

IT/Ops

Security

Design

Business

Soft Skills

Creating Web Sites: The Missing Manual

by Matthew MacDonald