Dreamweaver CS6 Training - Tutorials Created By Experts

Build a solid web foundation in Dreamweaver by defining a site, organizing folders, and using the Files panel to update links automatically across hundreds of pages.

See how Dreamweaver's site management tools form a local site from a local root folder and synchronize it with the remote server, comparing left and right panes.

Create your local site in dreamweaver by configuring a new site, selecting a local root folder, and setting default image folders and web root to streamline linking and asset management.

set up a remote server in dreamweaver cs6 by managing sites, adding a remote host, and configuring ftp or sftp credentials to transfer files and test the connection.

Navigate the Dreamweaver CS6 files panel and its buttons, accessing remote servers, refreshing, managing get/put and check in/out, and understanding repository files and synchronization.

Modify an existing site's management properties in Dreamweaver CS6, including renaming, relocating, duplicating, exporting management properties, and saving changes.

Learn to manage Dreamweaver CS6 projects using the Files Panel: create, rename, move, and delete pages and folders, and automatically update links across the site.

Learn to synchronize local and remote Dreamweaver sites using the files panel or site-wide synchronize, choosing to put or get newer files, preview changes, and handle multi-file operations.

Learn to use Dreamweaver's Files panel cloaking to control what syncs, letting you exclude folders like 'original stuff' from remote sites while safely preparing site updates.

Build pages in Dreamweaver CS6, using templates, titles, and external links, and preview them in the browser lab to verify they work in any browser.

Set up a chapter 3 test site in Dreamweaver CS6 using a blank template with folders and assets. Prepare the designer workspace for creating the first page.

Create a basic web page in Dreamweaver CS6, choose a template or blank page, and save it to the site's pages folder with a concise, consistent name.

Modify your web page by adding a concise title (three to ten words) and body text with keywords for better search engine indexing.

Explore how to create external links in Dreamweaver, including linking to external sites from text, managing internal vs external links, and testing hover behavior.

Learn to use the Dreamweaver assets panel to manage images and logos, apply alt text for accessibility and search engine optimization, and link images with alignment across a site.

Learn how to test Dreamweaver pages across browsers by saving files, configuring a browser list, and previewing in Safari, Firefox, Opera, and others, including parallels to run Windows.

Use Adobe browser lab to compare how pages render across browsers by viewing side-by-side screenshots (IE6, IE9, Safari) on Mac and Windows, a free service requiring an account.

Master the text chapter by using the right words; bring in text in Dreamweaver CS6, or process it in Word, and create linked, downloadable documents for localization.

Set up a local site in Dreamweaver by creating a local folder named flowers by Bonnie, configuring the site, and cloaking the text folder to prevent remote transfer.

Explore how to set page properties in Dreamweaver, adjusting appearance, fonts, background, margins, and links, and learn how external stylesheets can affect the entire site.

Insert a rose image with alt text and a title to boost seo in a Dreamweaver page. Apply text formatting—alignment, italics, bullets, and paragraph or div structure—to organize content.

Learn how to copy and paste text into Dreamweaver using options like text only, text with structure, and full formatting, and adjust Word-to-Dreamweaver preferences for clean, accurate text transfer.

Explore paste special in Dreamweaver CS6 to clean text. Open the preferences panel to remove smart quotes, adjust headings, and tidy formatting.

Master HTML text formatting in Dreamweaver CS6 by converting text using headings, pre-formatted blocks, soft returns, lists, and block quotes, while inserting images with alt text and copyright symbols.

Create a downloadable text link in Dreamweaver CS6 by copying or dragging a file from the files panel and turning it into a downloadable link, noting Windows vs Mac behavior.

Explore Dreamweaver CS6 search features, from search 101 to replacing text, including source code search, regular expressions, and spellchecking to ensure accuracy.

Continue from the previous chapter by working with text features in Dreamweaver, using updated exercise files, setting up your site, and confirming the designer workspace for easy access.

Learn how to master find and replace across current document, selected text, or entire site, including using folder scopes, match case, whole word, and replacing with the ampersand symbol.

Explore advanced find and replace options in Dreamweaver CS6, including searching text vs. source code, targeting specific tags like H1, and applying page-wide replacements across many documents.

Master regular expressions to power find and replace in Dreamweaver, matching digits, phone numbers, and duplicate words with flexible patterns for US and international formats.

Learn how to use Dreamweaver CS6 spell check to detect misspellings, add words to a personal dictionary, and apply changes, ignore, or change everywhere across your document.

Learn efficient find and replace shortcuts in Dreamweaver CS6 by selecting a word, using find selection, and cycling through occurrences with Ctrl+G to locate each next instance.

Explore how to source, import, and optimize images in Dreamweaver CS6, apply the eight-second rule for fast loading, manage background images, and integrate Photoshop.

Optimize images in Dreamweaver to improve load times and user experience, organize originals and tracing images, manage site connections with cloaking while preparing a new landing page.

Explore tracing images in Dreamweaver CS6 to set page dimensions using a 640 by 480 example, apply and fine-tune the guide, and understand these images are for layout planning only.

Master Dreamweaver CS6 AP divs to control page layout, build a landing page from scratch, and manage nested boxes with absolute positioning, visibility, and design vs. classic views.

Design a magazine-cover style landing page from scratch in Dreamweaver CS6, aiming for a 1000 by 620 layout with 5-pixel margins and fast eight-second loads.

Use Dreamweaver's image optimization settings to balance quality and speed by choosing JPEG, PNG, or GIF presets, understanding JPEG's lossy compression, and separating photo and graphic assets.

Learn to optimize images in Dreamweaver CS6 by converting to JPEG, compressing to 30 KB, saving in images with alt text, and centering a 400×254 image in a 1000px container.

Explore how Photoshop enhances images in the Dreamweaver CS6 training, using filter gallery to add grain and texture, edit and save edits beyond Dreamweaver capabilities.

Explore image tweaks in Dreamweaver CS6 without going to Photoshop, including crop, brightness/contrast, and sharpness on the index page, with permanent edits and undo options, cancellable by escape.

Add a background image inside the ap div to enhance the page, noting pros and cons like visual appeal, larger file size, distraction risks, and text readability.

Learn to bring your site to life with internal and external links, image maps, and email links in Dreamweaver CS6, and create anchors for navigation on long pages.

Learn to set up a Dreamweaver CS6 site by managing the existing site definition, reuse server settings, and rename it to flowers by Bonnie 3 to begin linking.

Explore creating internal text links in Dreamweaver cs6 by managing sites, using relative links, and ensuring the images folder is in the site root.

Set up a top navigation bar and a four-button navigation ap div with links. Center 100x25 image buttons (home, definition, sitemap, contact), add alt text, and test links.

Explore creating a link target in Dreamweaver CS6 to open an image in a new window or the same window, using target attributes blank, self, parent, and top.

Create named anchors to enable vertical navigation within a long page, name anchors with underscores, and link sections to the top using the pound sign.

Create a four-area image map by drawing rectangular hotspots on a single image, linking each to a flower page with descriptive alt text.

Learn to add an email link on a contact page using mailto:, and prefill subject and body fields to streamline messages in Dreamweaver CS6.

Explore how cascading style sheets enable designers to control layout and typography, use absolute positioning, and apply web fonts to ensure your site shows what you intend.

Set up a new Dreamweaver site for CSS101, configure advanced settings and a default images folder, then save and begin the cascading style sheets journey.

Learn how cascading style sheets separate content from presentation, apply CSS rules in Dreamweaver CS6, and customize tags, colors, and page properties for consistent browser rendering.

Master the css styles panel to control body styles, font family, and background color, and learn to attach external stylesheets, create and edit rules, and undo or delete changes.

Create an internal stylesheet to redefine an html tag by styling the p tag, choosing Arial or Times New Roman, and setting size, color, and text decoration.

Create a custom class in Dreamweaver CS6 by adding a paragraph modification class, apply it to a paragraph, and override font size and color.

Learn how to create and apply an id selector to a single HTML element, such as an unordered list, then customize its font, color, background, width, and list style.

Design and manage web typography by setting up font groups, selecting fonts like Arial and Helvetica to convey content, and creating fallbacks for Mac and Windows.

Learn to download and implement web fonts from Google fonts, balance two fonts for headings and body, and apply them via CSS using Dreamweaver with font-face in the head.

Explore cascading style sheets, div elements, and the movable AP div, and learn how internal and external style sheets organize page designs with CSS.

Set up a new site in Dreamweaver using the CSSA styles exercise file, then learn to modify stylesheets and create external style sheets for new or existing pages.

Modify an existing template by editing CSS to customize background color, font, and targeted text using tag selectors and container and content classes for precise changes.

rearrange existing css by updating a logo, adjusting colors, and applying float and text-align properties to create a horizontal navigation layout within a Dreamweaver CS6 template.

Learn to use div tags to separate content from presentation, create a container layout with an external stylesheet, and center a 960px page with header and side bar.

Apply css styles to div tags with external style sheet to build a 960 by 300 container with header, content, and a 190-pixel sidebar, using float and clear for layout.

Learn how to attach an external stylesheet to an HTML page in Dreamweaver, apply CSS rules to the container, and maintain consistency across many pages.

Apply an external style sheet to multiple Dreamweaver pages to ensure consistent fonts and color schemes across HTML documents, and propagate changes across browsers and operating systems.

In Dreamweaver CS6 training, learn to distinguish inline, internal, and external CSS styles and how to convert an internal style sheet to an external one in this final CSS chapter.

Manage sites in Dreamweaver CS6 by removing unused sites and creating a new chapter site named CSSA styles, then locate the work folder in the exercise files on your desktop.

Learn practical naming conventions for Dreamweaver CS6 styles, including renaming containers, using an external stylesheet, and applying find and replace to keep your HTML and CSS organized.

Deleting an external style rule in Dreamweaver CS6 training strips all formatting from the related element and can affect every page across the site. Never save unintended edits.

Explore inline styles, why they are discouraged, and how to convert them into CSS selectors and an external style sheet for reusability.

Convert internal stylesheets to external in Dreamweaver by selecting the desired rules, moving them to a new css file, and linking the external stylesheet to pages for consistency across documents.

Learn how cascading style sheets use stacking order to resolve conflicts when multiple stylesheets affect pages, with the last rule taking precedence; craft stylesheets to change what you need.

Explore fluid grid layouts in Dreamweaver CS6, designing responsive columns for mobile, tablet, and desktop; adjust column counts and gutters, insert fluid grid divs, and preview across devices.