book

Dreamweaver CS4 for Windows and Macintosh: Visual QuickStart Guide

Name: Dreamweaver CS4 for Windows and Macintosh: Visual QuickStart Guide
ISBN: 9780321618306

by Tom Negrino, Dori Smith

November 2008

Beginner

576 pages

13h 45m

English

Peachpit Press

Read now

Unlock full access

Copyright
Dedication
Special Thanks to
Introduction
Using this bookGetting the most from DreamweaverA note for our Mac-using friendsThere’s more onlineLet’s get started
1. Introducing Dreamweaver
A Quick Tour of DreamweaverThe Welcome screenEditor Setup (Windows only)The menu barThe document windowThe Document toolbarUsing document viewsOther toolbarsThe Status barThe Property InspectorThe PanelsThe Insert panelSetting Up Your WorkspaceThe Included Workspace LayoutsSaving custom layoutsManaging windowsWhat’s New in Dreamweaver CS4
2. Starting Your First Site
Understanding Local and Remote SitesCreating the Local SiteDefining the Remote SiteEditing Site DefinitionsWorking with the Files PanelNavigating Disks and SitesSwitching Between Local and Remote ViewsRefreshing ViewsWorking with Files and FoldersPutting and Getting FilesExpanding the Files PanelSynchronizing the Local and Remote SitesCloaking Files and Folders
3. Building Your First Page
Creating a New PageUsing the Welcome screenUsing the New Document dialogUsing Sample PagesTitling Your PageAdding Text to Your PageCreating LinksAdding ImagesNaming and Saving Your PageOpening a PagePreviewing in a BrowserSetting Page PropertiesAppearance (CSS)Appearance (HTML)Links (CSS)Headings (CSS)Title/EncodingTracing ImageDefining Meta Tags
4. Adding Text To Your Pages
Adding TextCutting, Copying, and Pasting TextDragging and Dropping TextUsing Paste SpecialApplying HeadingsApplying Character FormatsApplying HTML Text StylesUsing Preformatted TextAdding Line BreaksIndenting TextAligning Text (HTML Method)Working with ListsSetting List PropertiesNesting ListsInserting Special CharactersAdding Automatic DatesAdding Horizontal RulesFinding and ReplacingThe Find and Replace windowFinding Text with a Simple SearchPerforming Advanced Text SearchesFinding and Replacing in Source CodeFinding and Replacing with a Specific TagUsing Regular Expressions for SearchingChecking Spelling
5. Including Images and Media
Adding ImagesInserting Images from the Assets PanelAdding Image PlaceholdersAligning ImagesSetting Image PropertiesEditing ImagesOptimizing ImagesWorking with PhotoshopAdding a Background ImageAdding a FaviconAdding Flash and ShockwaveAdding Flash VideoAdding QuickTime and Other Media
6. Working with Links
Creating Text LinksChanging Link Relative ToFormatting LinksTargeting LinksAdding Named AnchorsAdding Links to GraphicsCreating Image MapsAdding Email Links
7. Styling Page Content
Understanding CSSContent vs. presentationWorking with tagsCreating a Style Rule for a TagDreamweaver CSS CategoriesType (Figure 7.10)Background (Figure 7.11)Block (Figure 7.12)Box(Figure 7.13)Border (Figure 7.14)List (Figure 7.15)Positioning (Figure 7.16)Extensions (Figure 7.17)Creating a Custom ClassCreating Compound SelectorsWorking with the CSS Styles PanelApplying StylesCreating Styles with the Property InspectorModifying a StyleWorking with Font GroupsWorking with Related FilesUsing the Code Navigator

8. Positioning Page Content
CSS Layout BasicsThe box modelPositioning your boxesFloating your boxesUsing the Included LayoutsLaying Out Your PageUsing the Visual AidsUsing Design-Time Style SheetsUsing the GridUsing Rulers and GuidesZooming In On Your PageSetting Page DimensionsOld Time DreamweaverLayers are now AP ElementsConverting AP Divs to tablesConverting tables to AP Divs
9. Managing Styles
Renaming StylesDeleting StylesCreating Rules From Inline StylesCreating a New External Style SheetMoving Internal Styles to ExternalAttaching a Style SheetDrag-and-Drop StylesMoving styles inside a documentMoving styles from one document to another
10. Inserting Tables
Moving Away from Tables for LayoutCreating a TableSelecting Table ElementsUsing Expanded Tables Mode for SelectingAdding Rows and ColumnsMerging and Splitting CellsResizing Table ElementsDeleting Table ElementsSpecifying Table AlignmentSetting Cell PropertiesSorting Table ContentFormatting TablesImporting and Exporting Tabular Data
11. Using Forms and Fields
Adding a Form to a PageAdding Text FieldsAdding a Text AreaAdding Check BoxesAdding a FieldsetAdding a Radio Button GroupAdding a List/MenuAdding a Button
12. Adding Frames
How Frames WorkCreating a FramesetUsing the Frames PanelInserting Pages Into FramesSaving Framesets and FramesTargeting Frames with LinksAdding noframes Content
13. Using Behaviors and Navigation Objects
Using the Behaviors PanelAdding RolloversAdding Navigation BarsModifying a Navigation BarOpening a New Browser WindowChecking for Plug-insUsing Jump MenusValidating FormsInserting Fireworks Pop-Up Menus
14. Building Dynamic Pages with Spry
What Is Spry?A (brief) history of frameworksWhat’s in SpryAjax and moreAdding Spry ElementsUsing the Menu Bar WidgetUsing the Tabbed Panels WidgetUsing the Accordion WidgetUsing the Collapsible Panel WidgetValidating Forms with SpryAdding Spry TooltipsAdding Spry EffectsAppear/FadeBlindGrow/ShrinkHighlightShakeSlideSquish
15. Making Life Easier: Using Templates, Libraries, and Snippets
Creating a TemplateAdding Editable RegionsRemoving Editable RegionsBuilding Pages Based on a TemplateModifying a TemplateCreating a Library ItemUsing a Library ItemEditing a Library ItemWorking on Library Items with the Property InspectorUsing Dreamweaver Snippets
16. Working with Other Applications
Assigning External Editing ProgramsEditing Images with FireworksUsing Adobe BridgeCleaning Up Word HTMLUsing Content from ExcelWorking with ContributeWorking with InContext EditingUsing Device Central
17. Editing Code
Using the Coding ToolbarUsing Split ViewUsing Live Code ViewUsing the Quick Tag EditorUsing the Tag EditorUsing the Tag ChooserCollapsing CodeUsing Code HintsUsing the Tag InspectorUsing the JavaScript ExtractorUsing the Code ReferenceValidating Your CodeUsing an External Editor
18. Managing Your Site
Planning for Site ExpansionExpanding the Files PanelSetting Up Check In and Check OutChecking Files In and OutUsing Design NotesSetting Up SubversionGenerating Site ReportsChecking for Broken LinksFinding External Links and Orphaned FilesChecking Browser CompatibilityDeleting SitesExporting and Importing Site Definitions
A. Where to Learn More
Web SitesDreamweaver DocumentationDreamweaver ExchangeDreamweaver WeblogsDreamweaver Developer CenterProject SevenCommunity MXA List ApartOther Online ResourcesDreamweaver NewsgroupWise-Women Mailing ListLynda.com Online Training LibraryOther Dreamweaver BooksAdobe Dreamweaver CS3 with ASP, ColdFusion, and PHP: Training from the SourceDreamweaver CS4 BibleMastering CSS with DreamweaverWeb Design and JavaScript BooksJavaScript & Ajax for the Web, Seventh Edition: Visual QuickStart GuideStylin’ with CSS: A Designer’s Guide, Second EditionDesigning with Web Standards, Second EditionTranscending CSS: The Fine Art of Web Design
B. Customizing and Extending Dreamweaver
Customizing Keyboard ShortcutsFinding and Installing Extensions
C. Cascading Style Sheets Reference

Overview

With the release of Adobe Creative Suite CS4, Dreamweaver solidifies its role as the de facto tool of choice for anyone using Photoshop and designing for the Web. Adobe Dreamweaver CS4 for Windows and Macintosh: Visual QuickStart Guide uses a combination of task-based instruction and strong visuals to teach beginning and intermediate users how to create, design, and publish powerful, innovative Web sites with Dreamweaver. Leading technology authors Tom Negrino and Dori Smith take readers step-by-step through the new features in Adobe Dreamweaver CS4, with completely revised chapters on critical tools like linking and including images and Flash animations. They also cover improvements to using styles and CSS in Dreamweaver, and the new Code Navigator in Dreamweaver CS4. Beginning users will learn to create their first Web site, add text, style and position page content, manage styles, work with links, incorporate images, media, tables, forms, and frames, design site navigation, and so much more. Experienced users will find this a convenient reference to the new features of Dreamweaver CS4.

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

Dreamweaver CS3 for Windows and Macintosh: Visual Quickstart Guide

Publisher Resources

ISBN: 9780321618306Purchase book

Cloud Computing

Data Engineering

Data Science

AI & ML

Programming Languages

Software Architecture

IT/Ops

Security

Design

Business

Soft Skills