Dreamweaver CS5.5 & CS5 Comprehensive

Learn Dreamweaver CS5 & CS5.5
5.0 (4 ratings) Instead of using a simple lifetime average, Udemy calculates a
course's star rating by considering a number of different factors
such as the number of ratings, the age of ratings, and the
likelihood of fraudulent ratings.
34 students enrolled
$50
Take This Course
  • Lectures 68
  • Length 8.5 hours
  • Skill Level All Levels
  • Languages English
  • Includes Lifetime access
    30 day money back guarantee!
    Available on iOS and Android
Wishlisted Wishlist

How taking a course works

Discover

Find online courses made by experts from around the world.

Learn

Take your courses with you and learn anywhere, anytime.

Master

Learn and practice real-world skills and achieve your goals.

About This Course

Published 1/2012 English

Course Description

Dreamweaver CS5.5 Digital Classroom covers Dreamweaver CS5 and Dreamweaver CS5.5.

Adobe Dreamweaver allows you to easily create robust Web sites without needing extensive programming knowledge or skills. The latest version of Dreamweaver boasts enhanced capabilities and this exciting video training package makes learning the new features of Dreamweaver less intimidating. 67 video lectures within 16 chapters explain how to design, develop, and maintain a fully functioning site. Over 8 hours of total video content!

About the presentor:

Jeremy Osborn is director of content at American Graphics Institute (www.agitraining.com). He is the co-author of the HTML5 Digital Classroom, and has contributed to several books on web technology, including the Dreamweaver Digital Classroom. He brings more than 15 years of experience in web and graphic design, filmmaking for both print and digital media to his work at American Graphics Institute (AGI). At AGI, Jeremy also provides professional development training for corporate clients. Jeremy holds an MS in Management from the Marlboro College Graduate Center, and a BFA in Film/TV from Tisch School of the Arts at NYU.

What are the requirements?

  • Mac or PC computer with Dreamweaver CS5 or CS5.5 (can use the free trial version from Adobe.com) to use lesson files.
  • General familiarity with your computer operating system, including knowing how to use the mouse and keyboard, open and save files.

What am I going to get from this course?

  • Set-up Dreamweaver CS5 and CS5.5 and use its design and layout tools
  • Create, publish, and maintain websites
  • Add text, images, video, and multimedia elements to your websites
  • Build CSS-bases websites using styles to create consistent web pages based upon web standards.
  • Maximize site design with reusable Snippets, Library Items, and Templates
  • Use the Code view to edit pages using HTML, XHTML, and CSS
  • Create HTML forms with text fields, dro-down menus, and check-boxes.
  • Includes access to lesson files to follow-along with instructor

What is the target audience?

  • Web designers
  • Web developers
  • Marketing professionals
  • Design students

What you get with this course?

Not for you? No problem.
30 day money back guarantee.

Forever yours.
Lifetime access.

Learn on the go.
Desktop, iOS and Android.

Get rewarded.
Certificate of completion.

Curriculum

Section 1: Dreamweaver Jumpstart
09:02

In this video you’ll learn the basics of getting up and running with the Dreamweaver workspace. Specifically you’ll learn how to work with the lesson files you’ll be using throughout this series including how to define a site and open the pages within the site.

10:20

In this video, you’ll learn the basics of adding content to your pages in Dreamweaver CS5.5. Specifically you’ll learn how to add and style text, add images, choose colors and create new pages.

Section 2: Setting Up a New Site
13:47

In this viedo you will learn about Setting up a new site in Dreamweaver CS5.5. Specifically you’ll learn how to create a new site from scratch as well as define a pre-existing site. You’ll learn how to use the Site Setup window to define the local and remote servers for your website as well as take a look at the Advanced Settings in this window.

07:33

In this video you will learn how to manage sites and add new pages to a site in Dreamweaver CS5.5. Specifically you’ll learn how add and save a basic HTML page to a defined site as well as take a look at the different types of documents you can create in the New Document window.

08:45

In this video you will learn how to define the page properties for a new page in Dreamweaver CS5.5. Specifically you’ll learn how to change the default font, background color and  hyperlink styles for a page.

06:49

In this video, you will learn how to use the Files Panel in Dreamweaver CS5.5. Specifically you’ll learn how to open files from the files panel as well as how to create new folders and files in your site.
"

Section 3: Adding Text and Images
09:14

In this video, you will learn how to format text in Dreamweaver CS5.5. Specifically you’ll learn how to use the HTML and CSS properties panel in order to change the formatting of headings and paragraphs as well as change the style with Cascading Style Sheets.

08:39

In this video, you will learn how to work with hyperlinks in Dreamweaver CS5.5. Specifically you will learn how to create relative links to pages within your site as well how to create absolute links to pages outside your site. Additionally you will learn how to add a link to an email address.

07:21

In this video, you will learn how to create lists in Dreamweaver CS5.5. Specifically you’ll learn how to create both unordered and ordered lists as well as how to style them.

05:56

In this video you will learn the basics of adding images to your web page in Dreamweaver. Specifically, you will learn how to add images from multiple sources as well as how to use image placeholders and add hyperlinks to images.

05:18

In this video you will learn how to edit images from within Dreamweaver CS5.5. Specifically, you will learn how to change brightness and contrast, crop and resize images.

06:15

In this video you will learn how to integrate Photoshop images into Dreamweaver. Specifically, you’ll learn how to create a web graphic from a photoshop file as well as how to resize and optimize it. Additionally, you’ll learn about the round-trip features that allow you to quickly update images imported from Photoshop.

Section 4: CSS Fundamentals
10:38

In this video you will learn the fundamentals of working with Cascading Style Sheets in Dreamweaver CS5.5. Specifically you will learn the three locations of styles, inline styles, internal style sheets and external style sheets. Additionally, you will learn how to use Dreamweaver’s CSS Styles panel.

09:59

In this video you will learn how to create and modify styles using the Property Inspector and the CSS Styles panel. Specifically you will learn how to add class styles and tag styles to your pages.

08:37

In this video you will learn page and text styling techniques. Specifically, you will learn how to create a style to change the default background color and font for a page as well as additional text styling such as adding space or line-height to your paragraphs.

07:20

In this video you will learn to work with compound selectors and hyperlinks. Specifically, you will learn how to create styles targeted for very specific elements on your page and you’ll then learn how to make custom styles for hyperlinks.

07:45

In this video you'll learn how to work with external stylesheets in Dreamweaver CS5.5. Specifically you'll learn how to create a new external stylesheet, attach the stylesheet to pages in your website and how to move internal styles to an external stylesheet.

Section 5: Creating Page Layouts with CSS
05:04

In this video, you’ll learn how to use the HTML div tag in order to create the basic layout of your web page. Specifically, you’ll learn how to add a fixed-width container that will always be centered in your web page.

08:19

In this video you’ll learn how to use AP Divs to add layout elements to your page. Specifically, you’ll be creating header and introduction div elements and then add and style text within these elements.

07:08

In this video you’ll learn how to add both inline and background images to a div element in Dreamweaver CS5.5. Specifically, you will add an image to the header of the page as well as the main container. Additionally, you will learn how to convert Photoshop files into optimized web graphics.

13:36

In this video you’ll learn how to add margins, padding and borders to your elements in Dreamweaver CS5.5. Specifically, you will begin to position images and text in the main sections of your page

07:06

In this video you’ll learn how to modify AP divs to adapt to extra content. Specifically, you’ll learn how to use the CSS overflow property as well as learning some of the limitations of using AP divs for layout.

Section 6: Advanced Page Layout
06:10

In this video you’ll learn how to use the float property. Specifically you’ll apply the float property to an image in order to position it to the right or left hand side of the page.

11:38

In this video you’ll learn how to create columns for a page layout in Dreamweaver CS5.5. Specifically you’ll create a number of div elements and set the column width and position using float left and right. You’ll also learn the role of the clear property in page layout and how to apply it to page elements.

08:28

In this video you’ll learn how to create a list-based navigation bar in Dreamweaver CS5.5. Specifically, you’ll  use the float property to position your navigation items horizontally on the page.

10:20

In this video you’ll learn how to create the appearance of equal height columns in Dreamweaver CS5.5. Specifically, you’ll be taking a CSS background image and repeating it vertically to the container of your page.

Section 7: Working with Tables
09:42

In this video you’ll learn how to work with tables in Dreamweaver CS5.5. Specifically you’ll learn how to import table data as well as how to select and modify table elements such as rows and columns.

09:57

In this video you’ll learn how to create a table from scratch in Dreamweaver CS5.5. Specifically, you’ll learn how to create a table with a header as well as a caption. You’ll also learn how to format the appearance of an HTML table including background color, cell padding and cell spacing.

07:15

In this video you’ll learn how to format a table using CSS in Dreamweaver CS5.5. Specifically, you’ll learn how to create a class style that controls the background color, font appearance and border style of a table.

07:09

In this video you’ll learn how to use CSS to control the cell alignment padding and borders of a table in Dreamweaver CS5.5. Additionally, you’ll learn how to style your table rows with alternating colors for better readability.

Section 8: Finetuning Your Workflow
04:59

In this video you'll learn how to customize your workspace. Specifically you'll learn how to group panels and panel groups, create a custom workspace and add favorites to your insert panel.

06:41

In tis video you'll learn how to use guides and grids to help you with your layout. Specifically you'll be adding guides to your page to help you precisely add AP divs to your page and using grids to help you align images to other objects on our page.

04:26

In this video you’ll learn a few workspace enhancements in Dreamweaver CS5.5. Specifically you’ll learn how to set the size of your workspace windows as well as how to control the cascade and zoom level of your windows.

Section 9: Adding Flash, Video and Sound
09:38

In this video you’ll learn how to add Flash content to your web page. Specifically you’ll be adding a Flash animation to the sidebar of your site and examine the integration between Dreamweaver and Flash.

04:31

In this video you’ll learn how to add Flash Video to your web pages. Specifically, you’ll be adding an FLV file to your web page and adding one of Dreamweaver’s default video player skins as well.

05:22

In this video you’ll learn how to add QuickTime movies or Windows Media Video files to your pages. You’ll also add audio in the form of an MP3 file to your page.

Section 10: Maximizing Site Design
07:18

In this video you’ll learn how to work with Snippets in Dreamweaver CS5.5. Specifically you’ll learn how to use existing snippets in order to add frequently used items to your page and you’ll also learn how to create a new snippet from scratch.

04:35

In this video you’ll learn how to work with Library Items in Dreamweaver CS5.5. Specifically you’ll learn how to convert a page element into a library item. You’ll also learn how to modify and update pre-existing library items.

08:08
In this video you'll learn how to create templates in Dreamweaver CS5.5. Specifically,you'll learn how to define editable regions within a template and then create new pages based on this template
05:36

In this video you’ll learn how to create repeating regions in a Dreamweaver template. Specifically, you’ll be adding a repeating region to a table in order to automatically add rows as needed. Additionally, you’ll learn how to rearrange the order of your repeating rows.

Section 11: Working With Code
10:12

In this video you’ll learn some of the fundamentals of working with the Code View in Dreamweaver CS5.5. Specifically, you’ll learn how to change the various defaults and Preferences of the Code view including syntax color, choice of font, adding line numbers and more.

08:59

In this video you’ll learn how to use the Code Hinting, Quick Tag and Tag Chooser features in Dreamweaver CS5.5. Specifically you’ll learn how to add a CSS class using the Quick Tag Editor and how to insert a title tag using the Tag Chooser. You’ll also learn how to add HTML and CSS comments.

07:45

In this video you’ll learn how to use the Coding Toolbar in Dreamweaver CS5.5. Specifically, you’ll learn how to use the coding toolbar to simplify and speed up common coding tasks such as selecting parent tags, indenting and reformatting your code syntax.

Section 12: Building Web Forms
09:35

In this video you’ll learn how to build a basic form in Dreamweaver CS5.5. Specifically you’ll learn how to add a form element to your page as well as how to add text fields for a users name and address.

06:25

In this video you’ll learn how to add checkboxes and radio buttons to a form in Dreamweaver CS5.5. Specifically, you’ll be adding checkboxes for a mailing list form and learning how to set the initial state. You’ll also learn how to add a radio group to your mailing list.

05:12

In this video you’ll learn how to add radio buttons to a form in Dreamweaver CS5.5. Specifically, you’ll be learning the difference between a radio button and a radio group and adding them to your mailing list form.

04:15

In this video you’ll learn how to add lists and menus to your forms in Dreamweaver CS5.5. Specifically, you’ll be adding a list that allows users to choose from three options on your web form.

04:20

In this video you’ll learn how to add text area and file upload fields to your forms in Dreamweaver CS5.5. Specifically, you’ll be adding a text area field allowing users to add comments and a file upload field allowing users to browse their desktops and attach an image.

05:09

In this video you’ll learn how to add buttons to your web forms. Specifically you’ll be adding two buttons to your mailing list form, a submit button and a reset button. You’ll also learn some of the basics of how forms process form data when submitted.

06:14

In this video you’ll learn how to format and style your form in Dreamweaver CS5.5. Specifically you will create a new style for the form element in order to increase the padding and add a background color and borders. Additionally, you’ll be adding a table in order to align the user information fields.

05:50

In this video you’ll learn how to validate form fields in Dreamweaver CS5.5. Specifically, you’ll add a behavior that checks to make sure the user has filled out a required field before the form is submitted. You’ll also take a look at the more advanced Spry Validation option for creating a required field.

Section 13: Working with the Spry Framework
06:42

In this video you’ll get an introduction to Dreamweaver’s Spry Framework. Specifically, you’ll look at a completed file that has a number of Spry Widgets on the page including accordian menus, menu bars collabsable panels and tabbed panels. You’ll also learn how to access and apply Spry Effects.

06:12

In this video you’ll learn how to add a Spry Menu bar to your page in Dreamweaver CS5.5. Specifically, you’ll be adding a horizontal navigation menu to your page and learn how to add and modify the categories within the menu.

06:06

In this video you’ll learn how to customize a spry widget with CSS in Dreamweaver CS5.5. Specifically, you’ll be customizing the appearance of a spry menu using the CSS Styles panel

05:39

In this video you’ll learn how to add a Spry Tabbed panel to your page in Dreamweaver CS5.5. Specifically, you’ll learn how to use the tabbed panel in order to create three sections of content on your page and allow your users to click between them.

07:15

In this video you’ll learn how to add a Spry Accordion panel to your page in Dreamweaver CS5.5. Specifically, you’ll learn how to use the accordion panel as way to collapse and expand a container on your page.

06:16

In this video you’ll learn how to add a Spry Data widget to your page in Dreamweaver CS5.5. Specifically you will be creating a Spry XML data set in order to make data from an XML file available to your page. Then you will be binding the XML data in order to automatically generate a list of event dates on the page.

06:05

In this video you’ll learn how to modify and style a Spry Repeat list. Specifically you’ll be adding additional data fields as well as rearranging the order of data fields. You’ll also style the content in the data list using the CSS panel.

Section 14: Managing your Website
07:13

In this video you’ll learn the basics of how to create a remote connection to a web server and publish your site to the web. Specifically, you’ll learn what information is necessary to connect to a typical web host and how to upload files from your local drive to the remote server.

03:37

In this video you’ll learn how to use Design Notes in Dreamweaver CS5.5. Specifically you’ll learn how to create, share and display Design Notes as way to communicate information about your website to yourself or others.

07:19

In this video you’ll learn how to use the check links and site report features in Dreamweaver CS5.5. Specifically you’ll learn how to locate any missing or broken links in your site as well as how to fix these links. Additionally, you’ll discover how Site Reports can be useful tool for troubleshooting and identifying potential problems with your site.

Section 15: Legacy Tools: Frames and Tables
07:00

In this video you’ll learn how to create a frame based page in Dreamweaver CS5.5. Specifically, you’ll create a frameset that contains a menu and a content section and then learn how to load pages into a section with hyperlinks.

07:52

In this video you’ll learn how to work with a table based layout in Dreamweaver CS5.5. Specifically you’ll learn how to work in the Expanded Tables mode and you’ll also learn how to create a new table from scratch.

Section 16: New Features in Dreamweaver CS5.5
08:47

In this video you’ll discover the new features introduced in Dreamweaver CS5.5. Specifically you’ll take a look at the HTML5 and CSS3 syntax additions to dreamweaver as well as the Jquery for Mobile, Phonegap and the multiscreen feature.

06:17

In this video you’ll discover the role of a site-wide media query file in mobile-optimized websites. Specifically, you’ll be using Dreamweaver CS5.5’s multiscreen feature in order to preview your site on different size screens.

07:41

In this video you’ll learn how to create a site-wide media query file in Dreamweaver CS5.5. Specifically, you’ll be using the Multiscreen feature in order to create stylesheets targeting smartphone screens and tablet screens,

08:04

In this video you’ll discover how to create mobile styles for a site using a site-wide media query file in Dreamweaver CS5.5. Specifically you’ll be adding styles that convert a multicolumn dektop layout into a single column layout.

Section 17: Dreamweaver CS5.5 Digital Classroom Course Files
40.3 MB

Course files for Dreamweaver CS5.5 Digital Classroom with Jeremy Osborn

Students Who Viewed This Course Also Viewed

  • Loading
  • Loading
  • Loading

Instructor Biography

Digital Classroom, AGI Training

Digital Classroom provides expert instruction that fits into your schedule. With best-selling books and video tutorials, the Digital Classroom makes it fast and easy to learn essential skills that you need. Digital Classroom authors and presenters have created many official training guides for companies like Adobe and Microsoft, and you can benefit from their expert instruction.

When you learn from Digital Classroom, you are learning from experienced instructors who have trained thousands to learn creative software tools. They teach classes on Adobe software and design technologies at AGI Training. They are also the authors of dozens of books including:

Digital Classroom tutorials are created by experts, and are peer-reviewed and edited for accuracy, completeness, and clarity. All tutorials are professionally recorded and edited, and are suitable for Mac OS and Windows users, with the authors providing clear instructions for users on both operating systems. See a complete line of Digital Classroom books at www.DigitalClassroomBooks.com.

Digital Classroom presenters are available for private and custom training engagements through American Graphics Institute. Details at www.agitraining.com

Ready to start learning?
Take This Course