Introduction to Adobe Dreamweaver CS6

Introduction to Adobe Dreamweaver CS6

Bascom Bridge’s Adobe Dreamweaver CS6 training class teaches attendees how to build conventional and mobile web sites using Adobe Dreamweaver CS6.



  • Create Web pages with Dreamweaver CS6
  • Set up a new site
  • Lay out text, position images, create hyperlinks, and add lists
  • Use CSS to enhance page design
  • Work with images
  • Create hyperlinks
  • Use CSS to achieve advanced page layout
  • Work with CSS3 transitions and web fonts
  • Create and customize tables


Prior experience using the Web is required. This course does not require knowledge of HTML, but attendees with HTML knowledge will find Dreamweaver much easier to use in both the short- and long-run. Toward this end, we would be delighted to teach a one-day HTML primer immediately prior to this course.


All students will receive a copy of Wiley’s Dreamweaver CS6 Digital Classroom.


  • Adobe Dreamweaver CS6 or later (for Windows or Mac)
  • A recent version of Chrome, Firefox, Internet Explorer, or Safari web browser
  • Related lab files that Accelebrate will provide
  • For classes delivered online, all participants need either dual monitors or a separate device logged into the online session so that they can do their work on one screen and watch the instructor on the other. A separate computer connected to a projector or large screen TV would be another way for students to see the instructor’s screen simultaneously with working on their own.


  • Dreamweaver CS6 Jumpstart
    • What is Dreamweaver?
    • Design and layout tools
    • Site management and File Transfer Protocol
    • Coding environment and text editor
    • Mobile design and development features
    • Who uses Dreamweaver?
    • Dreamweaver’s workspace features
    • Live View and Live Code
    • CSS Inspection and the Enable/Disable Feature
    • Related files
    • Code Navigator
    • Photoshop smart objects
    • Support for Content Management Systems
    • HTML5, CSS3, and PHP code hinting
    • HTML and CSS Starter Pages
    • Subversion
    • Business Catalyst integration
    • How websites work
    • A simple flow chart
    • Domain names and IP addresses
    • Servers and web hosts
    • The role of web browsers
    • An introduction to HTML
    • Tag structure and attributes
    • The structure of an HTML document
    • Placing images in HTML
    • Colors in HTML
    • Case sensitivity and whitespace rules
    • Element hierarchy
    • XHTML 1.0 Transitional
    • What’s the difference?
    • Explorations in code
    • A look at the Welcome Screen
    • Creating, opening, and saving documents
    • Creating new documents
  • Setting Up a New Site
    • Creating a new site
    • Advanced site-creation options
    • Adding pages
    • Saving a page to your site
    • Defining page properties
    • Work views
    • A deeper look into the Files panel
    • Viewing local files
    • Selecting and editing files
  • Adding Text and Images
    • Typography and images on the Web
    • Adding text
    • An introduction to styles
    • Previewing pages in a web browser
    • Understanding hyperlinks
    • Creating hyperlinks
    • Relative versus absolute hyperlinks
    • Linking to an e-mail address
    • Creating lists
    • Using the Text Insert panel
    • Inserting images
    • Image resolution
    • Image formats
    • Creating a simple gallery page
    • Linking images
    • Using image placeholders
    • Editing images
    • Adjusting brightness and contrast
    • Optimizing images
    • Updating images
  • Styling Your Pages with CSS
    • Starting up
    • What are Cascading Style Sheets?
    • CSS replaces inefficient HTML styling
    • The benefits of CSS styling
    • How do you create CSS rules in Dreamweaver?
    • Understanding Style Sheets
    • Understanding why they’re called Cascading
    • Creating and modifying styles
    • Creating a class style with the Property Inspector
    • Creating and modifying styles in the CSS Styles panel
    • Advanced text formatting with CSS
    • Fine-tuning page appearance with contextual and pseudo-class selectors
    • Div tags and CSS IDs
    • Internal versus external style sheets
    • Attaching an external style sheet to your page
    • Modifying attached style sheets
    • Creating a new .css file (external style sheet)
  • Creating a page layout
    • Web design basics
    • Working with thumbnails and wireframes
    • Previewing your completed file
    • Modifying an existing CSS layout
    • Adding a background image to the header
    • Inserting new <div> components
    • Modifying the page width and background color
    • Modifying existing content and formatting
    • Inserting an image placeholder
    • Inserting placeholder text
    • Modifying the footer
    • Checking browser compatibility
  • Working with cascading style sheets
    • Previewing a completed file
    • Working with the CSS Styles panel
    • Creating new CSS rules
    • Creating an interactive menu
    • Modifying hyperlink behavior
    • Creating faux columns
    • Moving rules to an external style sheet
    • Creating style sheets for other media types
  • Creating Page Layouts with CSS
    • The CSS Box model
    • The basics of CSS margins, padding, and borders
    • Reviewing the element
    • Reviewing the ID selector
    • Creating a centered container for your page
    • Making layouts cross-browser compatible
    • Absolute versus relative positioning
    • Positioning content with AP Divs
    • Creating a header section with the Draw AP Div
    • Adding an introduction section to your page
    • Adding images to your layout
    • Photoshop integration
    • Adding Main and Sidebar content areas
    • Adding additional content and styles
    • Setting margins and borders
    • Overriding default margins in CSS
    • Adding borders to elements
    • Future proofing your layout
    • The pros and cons of Absolutely Positioned CSS layouts
  • Advanced Page Layout
    • Layout with AP divs versus layout with floats
    • Creating a floated image
    • Creating columns with HTML and CSS
    • Creating the HTML Structure with div elements
    • Setting the width and floating the columns
    • Using the clear property
    • Creating a list-based navigation bar
    • Changing column layout and size
    • Creating the appearance of equal height columns
    • Browser compatibility
    • Adding code for IE 6
    • Applying finishing touches
    • Creating more sophisticated layouts
    • Dreamweaver Fluid Grid Layout
  • CSS3 Transitions and Web Fonts
    • Understanding the role of CSS3
    • Adding a CSS Transition
    • Modifying a CSS Transition
    • Adding CSS Transitions to a navigation menu
    • The basics of web fonts
    • Adding web fonts to your site
    • Styling your heading with a web font
  • Working with Tables
    • Using tables in web design
    • Importing table data
    • Selecting table elements
    • Modifying table size
    • Modifying table structure
    • Creating a table
    • Formatting and styling tables in HTML
    • Formatting and styling tables with CSS
    • Advanced CSS styling of tables
    • Controlling cell alignment, padding, and borders with CSS
    • Creating alternate row styling with CSS
    • Reusing CSS for other tables
    • Data sorting tables
  • Conclusion

Send a Comment

Your email address will not be published.


+91 9376007676  



Introduction to Adobe Dreamweaver CS6

1 Star2 Stars3 Stars4 Stars5 Stars (No Ratings Yet)
  • Course No : DW-108
  •  Theory : 40%
  •  Lab : 60%
  • Duration : 12 hours

Prior experience using the Web is required. This course does not require knowledge of HTML, but attendees with HTML knowledge will find Dreamweaver much easier to use in both the short- and long-run. Toward this end, we would be delighted to teach a one-day HTML primer immediately prior to this course.

Scroll Up
Skip to toolbar