Teach Yourself VISUALLY Adobe Dreamweaver CS6 E-Book

Janine Warner

• Herausgeber: John Wiley & Sons
• Kategorie: Wissenschaft und neue Technologien
• Serie: Teach Yourself VISUALLY (Tech)
• Sprache: Englisch

Seitenzahl: 271

Veröffentlichungsjahr: 2012

Beschreibung

Learn to design and maintain content-rich websites the Visual way With more than 90 percent market share, Dreamweaver is the preferred tool for professional website design and production. For those who learn best visually, this colorful, step-by-step guide is the perfect way to learn the program and start building websites with "wow". Numbered steps and full-color screen shots show you just how to navigate the program, format and style text, create web-based forms and pages, build data-driven sites, and maintain a fully functioning website. All the enhancements of the newest version are covered. * Dreamweaver allows you to create web pages without writing code; it is used by more than 90 percent of web designers * Using numbered steps and full-color screen shots, this visual guide shows you how to perform more than 150 essential tasks in the newest version of Dreamweaver * Covers applying style sheets, using dynamic HTML, adding style with images and multimedia, publishing and maintaining a website, using hyperlinks to navigate a site or to link to other sites on the Internet, and creating dynamic websites using databases * Shows how to maximize Dreamweaver CS6 when formatting and styling text, creating web-based forms and pages with frames, maintaining a site, and building database-driven sites * Perfect for beginners but also covers more advanced skills Teach Yourself VISUALLY Dreamweaver CS6 gives visual learners the knowledge and confidence they need to start building effective, eye-popping websites.

Leseprobe

Teach Yourself VISUALLY™ Dreamweaver® CS6

Table of Contents

Chapter 1: Getting Started with Dreamweaver

Introducing the World Wide Web

Explore the Many Ways to Design a Web Page

Plan Your Website

Start Dreamweaver on a PC

Start Dreamweaver on a Macintosh

Tour the Dreamweaver Interface on a PC

Tour the Dreamweaver Interface on a Macintosh

Show or Hide Features

Exit Dreamweaver

Get Help

Chapter 2: Setting Up Your Website

Define a New Website

Create a New Web Page

Add a Title to a Web Page

Save a Web Page

Preview a Web Page in a Browser

Chapter 3: Exploring the Dreamweaver Interface

Choose a Workspace Layout

Customize the Document Window

Format Content with the Property Inspector

Open a Panel

Open and Customize the Insert Panel

Set Preferences

Chapter 4: Working with HTML

Introducing HTML

Work in Design View and Code View

Explore Head and Body Tags

Code View

Design View

Clean Up HTML Code

View and Edit Head Content

Make Quick Edits to HTML Tags

Using Code Snippets to Add Special Formatting

Chapter 5: Formatting and Styling Text

Create a Heading

Create Paragraphs

Create Line Breaks

Indent Paragraphs

Create Lists

Insert Common Special Characters

Insert Other Special Characters

Copy Text from Another Document

Chapter 6: Working with Images and Multimedia

Insert an Image into a Web Page

Wrap Text around an Image

Add Space around an Image

Crop an Image

Resize an Image

Open an Image in an Image Editor

Add a Background Image

Change the Background Color

Change Text Colors

Insert a Flash File

Insert a Flash Video File

Create a Rollover Image

Insert a YouTube Video

Chapter 7: Creating Hyperlinks

Link to Other Pages in Your Website

Link to Another Website

Using an Image As a Link

Create a Jump Link within a Page

Create a Link to Another File Type

Create an Image Map

Create a Link Using the Files Panel

Open a Linked Page in a New Browser Window

Create an Email Link

Check Links

Change the Color of Links on a Page

Chapter 8: Adding and Editing Tables

Insert a Table into a Web Page

Insert Content into a Table

Change the Background Color of a Table

Change the Cell Padding in a Table

Change the Cell Spacing in a Table

Insert a Table inside a Table Cell

Change the Alignment of Cell Content

Insert or Delete a Row or Column

Split or Merge Table Cells

Change the Dimensions of a Cell

Change the Dimensions of a Table

Using Percentages for Table Width

Format a Table with CSS

Chapter 9: Creating Web-Based Forms

Introducing Forms

Define a Form Area

Add a Text Field to a Form

Add a Check Box to a Form

Add a Radio Button to a Form

Add a List/Menu to a Form

Add a Button to a Form

Chapter 10: Using Library Items and Templates

Introducing Library Items and Templates

View Library Items and Templates

Create a Library Item

Insert a Library Item

Edit and Update a Library Item on Your Pages

Detach Library Content for Editing

Create a Template

Set an Editable Region in a Template

Create a Page from a Template

Edit a Template and Update Web Pages Created with It

Chapter 11: Creating and Applying Cascading Style Sheets

Introducing Cascading Style Sheets

Edit Styles with the Property Inspector

Create a Class Style

Apply a Class Style

Edit a Style

Customize an HTML Tag

Change the Font Face

Using a Linked Font in a Style Rule

Change the Font Size

Change the Font Color with the Property Inspector

Change Font and Text Colors for an Entire Page

Create Styles with the Page Properties Dialog Box

Create an External Style Sheet

Attach an External Style Sheet

Edit an External Style Sheet

Chapter 12: Designing a Website with CSS

Introducing CSS Layouts

Create a Web Page with a CSS Layout

Edit a CSS Layout

Add an Image to the Header

Add an Image to a CSS Layout

Using Floats to Align Elements

Change the Dimensions of a CSS Layout

Change the Color of a Headline

Create a Compound Style

Add a Drop Shadow

Add a Text Shadow

Create an AP Div with Content

Resize and Reposition AP Divs

Chapter 13: Publishing a Website

Publish Your Website

Using the Site Window

Add Web Browsers for Testing Pages

Preview Your Pages in Multiple Web Browsers

Organize Your Files and Folders

Set Up a Remote Site

Connect to a Remote Site

Upload Files to a Web Server

Download Files from a Web Server

Synchronize Your Local and Remote Sites

Chapter 14: Maintaining a Website

View Visual Aids

Manage Site Assets

Add Content with the Assets Panel

Specify Favorite Assets

Validate Your Code

Make Design Notes

Run a Site Report

Change a Link Sitewide

Find and Replace Text

Chapter 15: Adding Interactivity with Spry and JavaScript

Introducing Spry and Behaviors

Create a Drop-Down Menu

Edit a Drop-Down Menu

Create Tabbed Panels

Add Content to Tabbed Panels

Edit Tabbed Panels

Using the Open Browser Window Behavior

Dreamweaver® CS6

by Janine Warner

Teach Yourself VISUALLY™ Dreamweaver® CS6

Published by John Wiley & Sons, Inc.10475 Crosspoint BoulevardIndianapolis, IN 46256

www.wiley.com

Published simultaneously in Canada

Copyright © 2012 by John Wiley & Sons, Inc., Indianapolis, Indiana

No part of this publication may be reproduced, stored in a retrieval system or transmitted in any form or by any means, electronic, mechanical, photocopying, recording, scanning or otherwise, except as permitted under Sections 107 or 108 of the 1976 United States Copyright Act, without either the prior written permission of the Publisher, or authorization through payment of the appropriate per-copy fee to the Copyright Clearance Center, 222 Rosewood Drive, Danvers, MA 01923, [phone], fax [phone]. Requests to the Publisher for permission should be addressed to the Permissions Department, John Wiley & Sons, Inc., 111 River Street, Hoboken, NJ 07030, [phone], fax [phone], or online at www.wiley.com/go/permissions.

Wiley publishes in a variety of print and electronic formats and by print-on-demand. Some material included with standard print versions of this book may not be included in e-books or in print-on-demand. If this book refers to media such as a CD or DVD that is not included in the version you purchased, you may download this material at http://booksupport.wiley.com. For more information about Wiley products, visit www.wiley.com.

Library of Congress Control Number: 2012940038

ISBN: 978-1-118-25471-4 (paperback); 978-1-118-33331-0 (epdf); 978-1-118-33454-6 (emobi); 978-1-118-33049-4 (epub)

Manufactured in the United States of America

10 9 8 7 6 5 4 3 2 1

Trademark Acknowledgments

Wiley, the John Wiley & Sons, Inc. logo, Visual, the Visual logo, Teach Yourself VISUALLY, Read Less - Learn More and related trade dress are trademarks or registered trademarks of John Wiley & Sons, Inc. and/or its affiliates. Adobe and Dreamweaver are registered trademarks of Adobe Systems Incorporated in the United States and/or other countries. All other trademarks are the property of their respective owners. John Wiley & Sons, Inc. is not associated with any product or vendor mentioned in this book.

Sales | Contact Wiley at [phone] or fax [phone].

LIMIT OF LIABILITY/DISCLAIMER OF WARRANTY: THE PUBLISHER AND THE AUTHOR MAKE NO REPRESENTATIONS OR WARRANTIES WITH RESPECT TO THE ACCURACY OR COMPLETENESS OF THE CONTENTS OF THIS WORK AND SPECIFICALLY DISCLAIM ALL WARRANTIES, INCLUDING WITHOUT LIMITATION WARRANTIES OF FITNESS FOR A PARTICULAR PURPOSE. NO WARRANTY MAY BE CREATED OR EXTENDED BY SALES OR PROMOTIONAL MATERIALS. THE ADVICE AND STRATEGIES CONTAINED HEREIN MAY NOT BE SUITABLE FOR EVERY SITUATION. THIS WORK IS SOLD WITH THE UNDERSTANDING THAT THE PUBLISHER IS NOT ENGAGED IN RENDERING LEGAL, ACCOUNTING, OR OTHER PROFESSIONAL SERVICES. IF PROFESSIONAL ASSISTANCE IS REQUIRED, THE SERVICES OF A COMPETENT PROFESSIONAL PERSON SHOULD BE SOUGHT. NEITHER THE PUBLISHER NOR THE AUTHOR SHALL BE LIABLE FOR DAMAGES ARISING HEREFROM. THE FACT THAT AN ORGANIZATION OR WEBSITE IS REFERRED TO IN THIS WORK AS A CITATION AND/OR A POTENTIAL SOURCE OF FURTHER INFORMATION DOES NOT MEAN THAT THE AUTHOR OR THE PUBLISHER ENDORSES THE INFORMATION THE ORGANIZATION OR WEBSITE MAY PROVIDE OR RECOMMENDATIONS IT MAY MAKE. FURTHER, READERS SHOULD BE AWARE THAT INTERNET WEBSITES LISTED IN THIS WORK MAY HAVE CHANGED OR DISAPPEARED BETWEEN WHEN THIS WORK WAS WRITTEN AND WHEN IT IS READ.

FOR PURPOSES OF ILLUSTRATING THE CONCEPTS AND TECHNIQUES DESCRIBED IN THIS BOOK, THE AUTHOR HAS CREATED VARIOUS NAMES, COMPANY NAMES, MAILING, E-MAIL AND INTERNET ADDRESSES, PHONE AND FAX NUMBERS AND SIMILAR INFORMATION, ALL OF WHICH ARE FICTITIOUS. ANY RESEMBLANCE OF THESE FICTITIOUS NAMES, ADDRESSES, PHONE AND FAX NUMBERS AND SIMILAR INFORMATION TO ANY ACTUAL PERSON, COMPANY AND/OR ORGANIZATION IS UNINTENTIONAL AND PURELY COINCIDENTAL.

Contact Us

For general information on our other products and services, please contact our Customer Care Department within the U.S. at [phone], outside the U.S. at [phone] or fax [phone].

For technical support, please visit www.wiley.com/techsupport.

Credits

Senior Acquisitions Editor

Stephanie McComb

Executive Editor

Jody Lefevere

Project Editor

Dana Rhodes Lesh

Technical Editor

David LaFontaine

Copy Editor

Dana Rhodes Lesh

Editorial Director

Robyn Siesky

Business Manager

Amy Knies

Senior Marketing Manager

Sandy Smith

Vice President and Executive Group Publisher

Richard Swadley

Vice President and Executive Publisher

Barry Pruett

Project Coordinator

Sheree Montgomery

Graphics and Production Specialists

Ronda David-Burroughs

Cheryl Grubbs

Joyce Haughey

Andrea Hornberger

Jennifer Mayberry

Proofreading and Indexing

Sossity R. Smith

Potomac Indexing, LLC

About the Author

Janine Warner’s best-selling books and videos about the Internet have won her an international following and earned her speaking and consulting engagements around the world.

She is the creator of DigitalFamily.com and runs a full-service interactive agency that offers web design, iPad app development, content strategy, and Internet marketing services.

Janine’s skills as a “techy translator” helped her land the deal for her first book in 1996. Since then, she has written or coauthored more than 25 books about the Internet, including Web Sites Do-It-Yourself For Dummies, Mobile Web Design For Dummies, iPhone & iPad Web Design For Dummies, and several editions of Dreamweaver For Dummies. Janine has also created more than 50 hours of training videos about web design and Internet marketing.

Janine’s early Internet projects included helping a creative director in Sausalito to manage a quirky team of programmers in Siberia, designing a virtual scanning system in a simulated futuristic store for Levi Strauss, and building one of the first newspaper websites in the country for the Pulitzer Prize–winning Point Reyes Light.

In 1998, her experience as a journalist and Internet consultant, combined with her fluency in Spanish, took her to The Miami Herald, first as the online managing editor and later as the director of new media. She left that position to serve as the director of Latin American operations for CNET Networks.

Janine has taught online journalism courses at the University of Miami and the University of Southern California. She has also been a guest lecturer at more than 20 other universities in the United States and Latin America, and she helped create an Internet literacy program for high school students in Central America.

She is a member of the TV Academy’s Interactive Media Peer Group and has served as a judge in the Interactive Emmy Awards, the Knight News Challenge, and the Arroba de Oro Latin American Internet Awards.

Janine is a popular speaker at conferences and other events. You can learn more about her speaking topics and view a video of her in action on her website at http://JCWarner.com.

Author’s Acknowledgments

Special thanks to some of the designers, artists, and photographers whose work is featured in this book, including Amy Baur of www.inplainsightart.com, David LaFontaine, and all the great photographers at http://istockphoto.com.

Thanks to all the animals who have graced me with a chance to photograph them in the wild, as well as in my living room. A special thanks to all the birds, dolphins, and deer in my California Wildlife Photography site, as well as the adorable pets featured in the photos in Chapters 11 and 12. I would send you all model releases and royalties, but my publisher does not accept paw prints.And finally, thanks to the entire team that made this book possible, most notably, my editors, Dana Lesh, David LaFontaine, and Stephanie McComb.

How to Use This Book

Whom This Book Is For

This book is for readers who have never used Dreamweaver to create websites, as well as those who have some experience and want to learn the newest features in version CS6 of this powerful program. All you need to get started is a basic understanding of how to surf the web and a desire to learn to create your own websites.

The Conventions in This Book

Steps

This book uses a step-by-step format to guide you easily through each task. Numbered steps are actions you must do; bulleted steps clarify a point, step, or optional feature; and indented steps give you the result.

Notes

Notes give additional information — special conditions that may occur during an operation, a situation that you want to avoid, or a cross-reference to a related area of the book.

Icons and Buttons

Icons and buttons show you exactly what you need to click to perform a step.

Tips

Tips offer additional information, including warnings and shortcuts.

Bold

Bold type shows command names or options that you must click or text or numbers you must type.

Italics

Italic type introduces and defines a new term.

Chapter 1

Getting Started withDreamweaver

This chapter describes the World Wide Web (WWW), introduces the different types of information that you can put on a website, and shows you how to get started with Dreamweaver.

Introducing the World Wide Web

Explore the Many Ways to Design a Web Page

Plan Your Website

Start Dreamweaver on a PC

Start Dreamweaver on a Macintosh

Tour the Dreamweaver Interface on a PC

Tour the Dreamweaver Interface on a Macintosh

Show or Hide Features

Exit Dreamweaver

Get Help

Introducing the World Wide Web

You can use Dreamweaver CS6 to create, edit, and publish pages on the World Wide Web (WWW) using the Hypertext Markup Language (HTML) and Cascading Style Sheets (CSS). You can create web pages on your computer and test them in a web browser, such as Microsoft Internet Explorer, Apple Safari, Mozilla Firefox, or Google Chrome, before publishing them on the web. However, before your web pages can be viewed over the Internet, they must be transferred to a web server.