You are previewing Web Sites Do-It-Yourself for Dummies®, 2nd Edition.
O'Reilly logo
Web Sites Do-It-Yourself for Dummies®, 2nd Edition

Book Description

A step-by-step guide to creating your first Web site

Everybody's building cool web sites, but how? Web Sites Do-It-Yourself For Dummies, 2nd Edition, shows you how, with simple, step-by-step instruction that will build your confidence as you build your site.

You'll learn to plan your site and secure a domain name, how to use Dreamweaver for site construction, and how to test and publish your site. You'll also learn about designing a blog, creating a podcast, adding Flash, and even how to make money with your Web site. Dummies makes it easy and fun!

  • Perfect for those who've never attempted a Web site before, including small-business owners, the family historian, amateur genealogists, and travel buffs

  • Explains using Web site creation tools including Dreamweaver, Photoshop Elements, Flash, and WordPress

  • Shows how Web pages work, how to plan and design your site, and what to look for in Web hosting services

  • Covers editing and creating Web graphics and text, how to customize a site for different purposes, testing, and publishing your site

  • Provides information on blogs, podcasts, adding Flash, and making money from your site

Web Sites Do-It-Yourself For Dummies, 2nd Edition shows you how to create a Web site you'll be proud of.

Table of Contents

  1. Copyright
  2. About the Author
  3. Author's Acknowledgments
    1. Publisher's Acknowledgments
      1. Acquisitions and Editorial
      2. Composition Services
      3. Publishing and Editorial for Technology Dummies
      4. Publishing for Consumer Dummies
      5. Composition Services
  4. Introduction
    1. About This Book
    2. About the Templates and Web Site for this Book
    3. Conventions Used in This Book
    4. Foolish Assumptions
    5. How This Book Is Organized
      1. Part I: Laying the Groundwork
      2. Part II: Putting the Pages Together
      3. Part III: Going Web 2.0
      4. Part IV: The Part of Tens
    6. Icons Used in This Book
  5. I. Laying the Groundwork
    1. 1. Exploring the Best Ways to Create Web Sites
      1. 1.1. Checking Out Examples of Success on the Web
      2. 1.2. Creating Web Sites with the Templates in This Book
      3. 1.3. Comparing Web Design Options
        1. 1.3.1. Static Web pages
        2. 1.3.2. Dynamic Web pages
        3. 1.3.3. Multimedia: You like to move it-move it ...
      4. 1.4. Working with Different Kinds of Templates
        1. 1.4.1. What kind of templates should you use?
      5. 1.5. Reviewing Web Design and Graphics Programs
        1. 1.5.1. Comparing Web design programs
        2. 1.5.2. Comparing image editing programs
    2. 2. Planning Makes Web Design Easier
      1. 2.1. Developing a Project Plan
        1. 2.1.1. Defining goals and objectives
        2. 2.1.2. Creating a content list
        3. 2.1.3. Creating a task list
        4. 2.1.4. Setting a timeline
        5. 2.1.5. Establishing a budget
        6. 2.1.6. Assembling a team
      2. 2.2. Designing Your Web Site
        1. 2.2.1. Creating a consistent design
        2. 2.2.2. Mapping the structure: Organization, navigation, and links
        3. 2.2.3. Designing the home page and main sections
        4. 2.2.4. Setting up navigation links
    3. 3. Securing a Domain Name and Web Host
      1. 3.1. Finding and Registering Domain Names
        1. 3.1.1. Choosing a good domain name
        2. 3.1.2. Searching for an available domain name
        3. 3.1.3. Understanding top-level domains
        4. 3.1.4. Comparing country domains: .tv, .us, and .ws
        5. 3.1.5. Registering your domain name
      2. 3.2. Choosing a Web Hosting Service
        1. 3.2.1. Finding the best host for your site
        2. 3.2.2. Setting up e-commerce service
        3. 3.2.3. Hosting multiple sites with different domain names
    4. 4. Understanding Web Design
      1. 4.1. HTM-what? Exploring HTML and XHTML
      2. 4.2. Comparing Tables, Frames, and Layers
        1. 4.2.1. Creating page designs with HTML Tables
        2. 4.2.2. Considering design options with HTML frames
        3. 4.2.3. Using Layers (or AP Divs) to create designs
      3. 4.3. Designing with Cascading Style Sheets
        1. 4.3.1. Appreciating the advantages of CSS
        2. 4.3.2. Combining CSS and XHTML
        3. 4.3.3. Creating page layouts with CSS and XHTML
        4. 4.3.4. Understanding style selectors
          1. 4.3.4.1. Class selectors
          2. 4.3.4.2. ID selectors
          3. 4.3.4.3. Tag selectors
          4. 4.3.4.4. Creating compound styles
        5. 4.3.5. Understanding rule definition options
        6. 4.3.6. Looking at the code behind the scenes
  6. II. Putting the Pages Together
    1. 5. Editing and Creating Web Graphics
      1. 5.1. Introducing Photoshop Elements
        1. 5.1.1. The Toolbox
        2. 5.1.2. The Options bar
        3. 5.1.3. The menu bar
        4. 5.1.4. The panels
      2. 5.2. Cropping an Image
      3. 5.3. Resizing an Image
      4. 5.4. Optimizing Photos as JPEGs
      5. 5.5. Optimizing Graphics in GIF or PNG Format
      6. 5.6. Combining Photos and Text in a New Image
      7. 5.7. Editing Images with Multiple Layers
    2. 6. Getting Started with Dreamweaver
      1. 6.1. Setting Up a New or Existing Site
      2. 6.2. Defining a Web Site in Dreamweaver
      3. 6.3. Creating New Pages in Dreamweaver
      4. 6.4. Inserting Images in Dreamweaver
      5. 6.5. Setting Links to Other Pages in Your Site
      6. 6.6. Linking to Another Web Site
      7. 6.7. Setting a Link to an E-Mail Address
      8. 6.8. Changing Page-Wide Settings with Page Properties
      9. 6.9. Defining New Styles in Dreamweaver
      10. 6.10. Creating and Using Templates
      11. 6.11. Adding Meta Tags for Search Engines
      12. 6.12. Inserting Code into a Web Page in Dreamweaver
    3. 7. Creating a Profile or Portfolio Site
      1. 7.1. Starting with Profile or Portfolio Templates
        1. 7.1.1. Introducing the profile template
        2. 7.1.2. Creating a multipage portfolio site
      2. 7.2. Customizing Banner Graphics
      3. 7.3. Designing a Winning Online Profile
      4. 7.4. Customizing the Portfolio Home Page
      5. 7.5. Creating and Linking Pages using the Gallery Templates
    4. 8. Creating a Business Web Site
      1. 8.1. Introducing the Business Site Templates
      2. 8.2. Editing and Sizing Images for the Template
      3. 8.3. Putting the Pages Together in Dreamweaver
      4. 8.4. Creating and Editing Pages with a Web Template in Dreamweaver
      5. 8.5. Using Background Images in Page Layouts
    5. 9. Creating a Family, Vacation, or Hobby Site
      1. 9.1. Getting Started with the Family or Group Site Templates
      2. 9.2. Editing Starter Image Templates
      3. 9.3. Designing a Web Site for the Entire Family
      4. 9.4. Creating and Linking New Pages
    6. 10. Testing and Publishing a Web Site
      1. 10.1. Understanding How Web Pages Look on Different Computers
      2. 10.2. Understanding How Browsers Affect a Site's Appearance
      3. 10.3. Previewing Web Pages in Multiple Browsers
      4. 10.4. Testing Sites with Online Browser Emulators
      5. 10.5. Using the Dreamweaver Link-Testing Features
      6. 10.6. Setting Up FTP in Dreamweaver
      7. 10.7. Uploading Files with the Dreamweaver FTP Features
      8. 10.8. Adding Google Analytics to your Site
  7. III. Going Web 2.0
    1. 11. Designing a Blog
      1. 11.1. Starting a Blog at WordPress.com
      2. 11.2. Customizing Your Blog Template
      3. 11.3. Posting to Your Blog
    2. 12. Podcasting Your Own Show
      1. 12.1. Preparing a Podcast
      2. 12.2. Recording a Podcast
      3. 12.3. Editing a Recording
      4. 12.4. Publishing a Podcast
    3. 13. Multimedia: Adding Flash, Audio, and Video
      1. 13.1. Playing Animation and Video on the Web
      2. 13.2. Working with Adobe Flash
      3. 13.3. Inserting a Flash Animation File into a Web Page
      4. 13.4. Converting and Optimizing Flash Video
      5. 13.5. Adding Flash Video to Your Site
      6. 13.6. Uploading Videos to YouTube, Vimeo, and Other Sites
    4. 14. Making Money with Your Site
      1. 14.1. Adding Advertisers with Google AdSense
      2. 14.2. Signing Up with Affiliate Programs
      3. 14.3. Adding a PayPal Button
  8. IV. The Part of Tens
    1. 15. Ten Cool Services for Your Site
      1. 15.1. Measuring Traffic from Web Visitors
      2. 15.2. Creating and Managing E-mail Newsletters
      3. 15.3. Downloading Professional Images Inexpensively
      4. 15.4. Highlighting Links with Pop-Up Previews
      5. 15.5. WhatTheFont? (An Online Matchmaker)
      6. 15.6. Surveying Your Visitors
      7. 15.7. Dressing Up the Address Bar with a Favicon
      8. 15.8. Protecting Your E-Mail Address from Spammers
      9. 15.9. Setting Up Free Conference Calls
      10. 15.10. Sharing PowerPoint Presentations
    2. 16. Ten Ways to Promote Your Site
      1. 16.1. Scoring High in Search Engines
      2. 16.2. Buying Traffic (Yes, You Really Can!)
      3. 16.3. Using Social Networking Sites for Promotion
      4. 16.4. Getting Ranked on Social Bookmarking Sites
      5. 16.5. Enticing Visitors to Return for Updates
      6. 16.6. Gathering Ideas from Other Web Sites
      7. 16.7. Marketing a Web Site to the Media
      8. 16.8. Unleashing the Power of Viral Marketing
      9. 16.9. Blogging, Blogging, Blogging
      10. 16.10. Using Twitter to Promote Your Site
      11. 16.11. Telling Everyone You Know