Adobe Dreamweaver CS4 Class 1
| Duration: | 1 day |
| Prerequisite: | Dreamweaver is not an application for absolute beginners learning web design. Before learning Dreamweaver, you must have some basic knowledge of HTML and Cascading Style Sheets (CSS). A great way to acquire this knowledge is to take our Build Your Own Web Site Using (X)HTML and CSS class. Note: The first step in learning web design is to learn the HTML and Cascading Style Sheets. Once you have the basics down, you can take our Dreamweaver classes to learn how to create and manage professional web sites. |
| Course Materials: | Course manual with CD containing exercises |
| Prices: | $260 each for 1 student (one-on-one training) $230 each for 2 to 3 students $200 each for 4 to 6 students $200 for the first 6 students, $125 for each additional student |
| Description: | Dreamweaver is a web development tool for new and experience users. Dreamweaver can help you create a web site and manage it. This class is the first day of a two-day class. In this class, students will set up a new site and then use Dreamweaver tools to add text and images, format (or style) page elements with CSS, and create tables. You can choose to take both days of training or to take just the first class and then continue on your own. You can even cherry-pick a day's worth of lessons. |
Dreamweaver CS4 Jumpstart
- What is Dreamweaver?
- Design and layout tools
- Site management and File Transfer Protocol
- Coding environment and text editor
- Who uses Dreamweaver?
- What’s new in Dreamweaver CS4?
- New user interface
- Live View
- Related files
- Code Navigator
- CSS improvements
- HTML data sets
- Photoshop smart objects
- Other new features
- Adobe AIR authoring support
- Subversion
- An overview of features
- How web sites 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
- Tag 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 look at the Files panel
- Viewing local files
- Selecting and editing files
- Files panel options
- Changing the Files panel view
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
- Resizing images
- Updating images
Styling Your Pages with CSS
- What are Cascading Style Sheets?
- A little bit of ancient history: when <font> tags roamed the Earth
- The dawn of CSS
- 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 Page Layouts with CSS
- The CSS Box model
- The basics of CSS margins, padding, and borders
- Reviewing the <div> element
- Reviewing the ID selector
- Positioning content with AP Divs
- Creating your first boxes with Draw AP Div
- Centering your page with relative positioning
- Making layouts cross-browser compatible
- Adding columns and headers to a layout
- Absolute versus relative positioning
- Adding a global navigation
- Box overlap and z-index
- Reordering <div> elements
- Adding additional content and styles
- Setting margins, padding, and borders
- Overriding default margins in CSS
- Futureproofing your layout
- Moving the internal styles
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