Adobe Dreamweaver is one of the industry's leading web authoring tools for building world-class websites and applications. Cascading style sheets (CSS) are the modern standard for website presentation. Adobe Certified Instructor, Penny LaLiberte provides a hands on training for intermediate Dreaweaver & CSS users who are interested in mastering website design. Join us for this six session webinar training where you and your colleagues will discover:
By the end of the class students will be able to:
- Sharpen your Dreamweaver skills and build a great web page!
- Keys to mastering the DIV Tag & applying it to your web page layouts
- Great ways to integrate java script & jquery into your website design
- Principles of dynamic website development & XML applications
- How to create multiple style sheets & style sheets for mobile apps
Day 1 - Review and build a website with CSS Div Tags
- XHTML & CSS review
- Page Layout with Relative Positioned Div Tags
- The Box Model - Padding Margins & Borders
- Styling the Div Tags
A Learn all about web page layout with Div Tags:
- Create Absolute Positioned Divs that overlay other content
- Using Nested Selectors for Targeted Formatting
- Getting your layout to cooperate with Floats and Clearing
- Styling your Div tags with background images
- Use the Swap Image Behavior to create rollover effects - Make images appear and disappear when text is rolled over.
- Create customized pop-up pages and have them activate upon a mouse click.
- Explore Spry widgets
Day 3 - Site Design for multiple devices:
- CSS Media Types: Print vs. Screen Styles
- How to troubleshoot your design... when things don't work. How to resolve conflicts in CSS
- Explore Adobe Browser Lab - Adobe BrowserLab allows you to easily conduct browser compatibility testing and preview web pages across popular browsers
Add a Style Sheet for Print and Learn how to design for Mobile Devices.
- Preparing Style Sheets for Mobile Devices
- Steps for Building Dynamic Pages - Database Connectivity Considerations
- Add dynamic content with XML
- The Future: HTML5 and CSS3.... what's the big deal about that anyway?