AdobeDreamweaver CS6 - Introduction
Twoday: Instructor-Led
Software: AdobeDreamweaver CS6
Certification: Adobe Certified Expert (ACE) program
About this Course:
You will design, build, and upload a website.
Audience Profile
This course is intended fornovice web designers, web developers, website designers, and graphic artists with some programming background who need to build simple websites and want to utilize the features of Adobe Dreamweaver CS6. The course covers the Adobe Web Communication techniques using Dreamweaver CS6 objectives, and is intended to help prepare students to take the Adobe Certified Associate exam.
Prerequisites
To ensure your success in this course, it is recommended that you have a working knowledge of your computer.
At Course Completion
Upon successful completion of this course, students will be able to:
- identify basic web design concepts and customize the Adobe Dreamweaver CS6 interface.
- build a website.
- design web pages.
- create reusable site assets.
- work with different types of links.
- upload a website.
Course Content
Lesson 1 - Customize Your Workspace
- Touring the workspace
- Switching and splitting views
- Working with panels
- Selecting a workspace layout
- Adjusting toolbars
- Personalizing Preferences
- Creating custom keyboard shortcuts
- Using the Property inspector
Lesson 2 - HTML Basic
- What is HTML
- Where did HTML begin
- Writing your own HTML code
- Frequently used HTML 4 codes
- Where is HTML Going?
Lesson 3 -CSS Basic
- CSS box model
- HTML defaults
- Formatting text
- Formatting objects
- Multiples, classes, and IDs
Lesson 4 - Getting a Quick Start
- Defining a Dreamweaver site
- Using the Welcome screen
- Saving a Page
- Modifying the Page Title
- Changing headings
- Inserting text
- Inserting images
- Selecting and modifying CSS styles
- Adjusting text, fonts, and colors
- Using the Property inspector
- Previewing a page in Live view
- Previewing pages in a browser
Lesson 5 - Creating a Page Layout
- Working with thumbnails and wireframes
- Previewing your completed file
- Modifying an existing CSS layout
- Adding a background image to the header
- Insert new components
- Modifying the page with and background color
- Modifying existing content and formatting
- Insert image place holder
- Inserting placeholder text
- Modifying the footer
- Checking browser compatibility
Lesson 6 - Working with Cascading Style Sheets
- Previewing a completed file
- Working with the CSS Styles panel
- Modifying an existing CSS layout
- 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
Lesson 7 - Working with Templates
- Previewing completed files
- Creating a template from an existing layout
- Inserting editable regions
- Producing child pages
- Updating a template
- Inserting text
- Using Library items
- Using server-side includes
Lesson 8 - Working with Text, Lists, and Tables
- Importing text
- Creating headings
- Creating lists
- Creating text indents
- Creating and styling tables
- Spell checking web pages
- Finding and replacing text
Lesson 9 - Working with Images
- Inserting an Image
- Adjusting image positions with CSS classes
- Working with the insert panel
- Using Adobe Bridge
- Inserting incompatible file types
- Copying and pasting images from Fireworks and Photoshop
- Inserting images by drag drop
- Optimizing images with the Property inspector
Lesson 10 - Working with Navigation
- Hyperlink basic
- Previewing your completed file
- Creating internal hyperlinks
- Creating an image-based link
- Creating external link
- Setting up email links
- Inserting Spry menu bars
- Inserting Spry menus as Library items
- Checking Your Page
Lesson 11
- Publishing to the Web
- Defining a Remote Site
- Cloaking Folders and Files
- Putting Your Site Online