Certificate in Introduction to Dreamweaver CS5 Online Course

Perhaps Adobe Dreamweaver's greatest strengths are its powerful tools and its clean, simple interface. Our first lesson is all about introducing you to that interface. Not only will you learn the primary interface elements, but you'll also find out how to preview your work in multiple Web browsers—because rigorous testing is the key to a successful Web site. By testing and adapting your site documents across multiple browsers, you'll ensure that every site visitor, regardless of their browser, has a positive user experience.

Setting Up Your Local Site

Dreamweaver is a site creation and management tool, not just some glorified HTML editor. While you're building a site, Dreamweaver has the ability to track each color you assign, every image and multimedia file you insert, every Web address you refer to, as well as every step you take while working on a specific document. Dreamweaver then keeps all this information right at your fingertips to use again and again. In today's lesson, you'll learn the steps you need to take to put these features to work for you.

Inserting Text

The two most important aspects of any Web site are what it says and how it looks. In this lesson on structuring text, you'll learn how to group blocks of text into elements like headings, paragraphs, and lists. In certain respects, structuring text with Dreamweaver is very similar to working in your word processor. It's important to understand, however, that Dreamweaver is not a word processor. And perhaps more importantly, word processing and Web design are totally different worlds. This lesson also includes an introduction to HTML, HyperText Markup Language.

Formatting Text With CSS

HTML defines the structure of a Web page. When HTML was first created, nobody thought the Web would become what it is today. HTML was simply meant to be a fast and easy way for folks to format simple documents (black text on a white page). Web design wasn't even a thought. Today you'll get a short introduction to Cascading Style Sheets (CSS), and gain an understanding of how to implement CSS using Dreamweaver. We'll explore the basics behind how CSS works and how to use it to format, or style, your page text.

Working With Images

Believe it or not, the very early Web browsers couldn't display images, and it's doubtful the Web would have become so popular if that were still true today. In this lesson, you'll learn how to use Dreamweaver to insert and format images within your documents. Even though Dreamweaver isn't a true image-editing application, it does offer some very impressive editing tools, and we'll explore these features today as well.

Creating Navigational Elements

Well-structured navigation elements are the backbone of every successful Web site. In the past, designers attempted to make their navigation elements stand out using various image and JavaScript-based effects, more often than not guaranteeing that their navigation was anything but well-structured. Fortunately, there's a cure: list-based navigation elements. In this lesson, we'll expand our CSS horizons and discover how to format our structured lists any way we like.

Working With Tables

Find out how to insert and format standard tables. Tables are used to display data—columns and rows of information with headings and borderlines, just like the typical spreadsheet. In the dark ages of pre-WYSIWYG (What You See Is What You Get) HTML editors, digging through the long and complex code required to render a table on screen was mind-bending at best. With a tool like Dreamweaver, table editing becomes a snap. And in this lesson, you'll see just how true that statement is.

An Introduction to User Forms

Forms allow site visitors to input their information and send it to the Web server. For the Web server to use the data visitors enter, there must be a processing script on the server. This script, or groups of scripts, accepts the data and does something with it. But in order to use a form, you first need to build it. In today's lesson, we'll focus on the creation of form pages, their formatting, and their layout.

An Introduction to CSS Page Layout

Cascading Style Sheets (CSS) are the core of Web design. In this lesson, we'll examine some Web design principles and explore page layout using CSS. We'll also get acquainted with Dreamweaver's exceptional CSS tools that do the coding for us.

Working With the Assets and History Panels

Today's lesson is all about reusability, and in Dreamweaver, that means the Assets and History panels. You'll learn how to use the Assets panel to quickly access elements and get them into new pages, so you don't have to go hunting through your site for previously used content. When we explore the History panel, you'll learn how to undo anything you wish you hadn't done, as well as redo anything you want so that you can repeat formatting procedures throughout your site.

Site Management and Maintenance

In the life cycle of a Web site, the design and development period is the most fun. Unfortunately, it's also the shortest. In the long run, you'll spend much more time managing and maintaining your site. Dreamweaver's creators appreciate this reality of the Webmaster's work schedule and put as much thought and effort into Dreamweaver's site management and maintenance tools as they put into its development tools. In this lesson, you'll see how to use Dreamweaver's site management tools to define your remote site in order to upload and retrieve files from the Web server. You'll also learn about Dreamweaver's Check-In and Check-Out feature, which lets workgroups develop sites together without overwriting content. And, finally, you'll discover how to attach design notes so that fellow workers can communicate across conflicting work schedules.

Site Planning Strategies

By now you have an introductory knowledge of Dreamweaver, which means you know just enough to be dangerous. We'll spend our last lesson together going over site planning. You'll learn the five basic questions that you'll need to answer before starting any Web site project. We'll discuss where and how to gather your site content (text, graphics, and other media), as well as different strategies for organizing that content once you have it. By the time you finish this lesson, no matter what type of Web site you need to build, you'll know exactly how to plan for its success!