Learn how to create a basic website well-structured using CSS and other web standards, use the tools necessary to create and maintain your site.
Course Structure
- Start-up
- The Dreamweaver interface
- Control of the site
- Creating Documents
- Adding text and structure
- foundations CSS
- control Typography
- Working with Images
- Photoshop integration
- Creating links
- Last controlling with CSS
- Working with Tables
- Building models
- Using Flash and Video
- Coding in Dreamweaver
- Site management
- Referencing
Start-up
- The basic structure of the site
- What is an index page?
- Current practices of web design
- What is HTML?
- What is JavaScript?
- What is CSS?
- Remove the naming conventions
The Dreamweaver interface
- The Welcome screen
- Windows and Mac interface differences
- The Application toolbar
- The Document toolbar
- Arrange panels
Control of the site
- Defining a new site
- Site Management
- Managing files and folders
- Setting a default browser
Creating Documents
- Creating new documents
- The preferences of new documents
- Working with Start Pages
Adding text and structure
- HTML Structure
- Structuring the content
- Creating lists of text in Dreamweaver
- Importing Word documents
Foundations CSS
- Understanding style sheets
- Anatomy of a CSS rule
- Setting Preferences for CSS
- The CSS Styles panel
- Controlling CSS with the Properties Inspector
- Understanding element selectors
- Understanding class selectors
- Attaching external style sheets
Control Typography
- Working with measurement units
- Declaring font families
- Controlling font sizing
- Weight control and style
- Check the line height
- Controlling vertical spacing with margins
- Text Alignment
Working with Images
- Understand the types of images
- Setting image accessibility preferences
- Placing images on the page
- Changing properties
- Customizing images via CSS
Photoshop integration
- Setting external image editing preferences
- Editing Smart Objects
- Other Photoshop workflow
- The use of background graphics
Creating links
- The basics of link
- Creating links in Dreamweaver
- Absolute links
- Using named anchors
- Links to named anchors in external files
- Creation of an e-mail link
- Creating CSS-based rollovers
Last controlling with CSS
- Basics of structuring CSS
- Structure with DIV tags
- The box model
- Understand the floats
- Using relative positioning
- Using absolute positioning
- Using fixed positioning
Working with Tables
- Review the table structure
- Importing tabular data
- Creating Tables
- Creating custom table borders
- Merge cells
Building models
- Planning for models
- Creating a new model
- Creation of editable attributes
- Creating new pages from a model
- The application of models to existing pages
- Work with nested models
- Work with the repeat regions
- Changing models
Using Flash and Video
- Insert Flash
- Setting properties for Flash
- Integration with Dreamweaver and Flash
- Flash Video Encoding
- Adding a flash video
Coding in Dreamweaver
- The toolbar code
- Preferences setting code
- Using code hints
- Add comments
- Finding syntax errors
Site management
- Running the entire site reports
- Check for broken links
- Validation tags
- Checking for browser compatibility
- Enter information remotely
- Synchronizing Sites
- Update and publish files
Referencing
- What is referencing?
- Establishment
- Choosing the Right Words
- Listing on picture
Anyone who wants to create or maintain websites well-structured according to web standards.
Basic knowledge of MS Windows or Macintosh.