Enjoying the preview?
This is the free first lesson. Get full access — request a demo or sign in.
Adobe Dreamweaver Advanced
Wrap up your web design journey in this advanced Dreamweaver coursePreview the first lesson free — get full access to all 26 lessons.
Advanced Provider : Patti Scully-Lane 8 chapters · 26 Lessons · 3h 11m in English
Course Description
To attract good traffic to a website, software engineers use a combination of both functional HTML and designer CSS code together. Building the website’s foundation with HTML is a start, but the true quality of any good website comes from its defined CSS design. This course will dive into what designer functionality you can add to your websites to give them a truly polished appearance.
In this advanced course, you will learn Dreamweaver features that allow you to work more efficiently with HTML and CSS pages. You will work with Cascading Style Sheets and the CSS Designer to stylize text, graphics, and layouts. You will learn two different strategies for working with responsive designs that work on tablets and mobile devices. You will learn how to set up Dreamweaver to work with code more efficiently, how to add comments to your code, and how to save code that you use often so that you don’t have to type it each time. You also will create animations and transitions and object effects on your pages, and incorporate interactive elements, such as slideshows and tabbed content. You will set up preferences and learn about previewing and publishing your site.
What You'll Learn
- Work with Cascading Style Sheets and the CSS Designer to stylize text, graphics, and layouts
- Insert CSS into pre-existing HTML code and browse Creative Cloud CSS libraries
- Create fluid page layouts and add media queries for responsive designs on tablets and mobile devices
- Add and modify CSS3 animations, effects, and transitions on pages and links
- Incorporate interactive elements such as a jQuery image slider and an accordion panel
- Set up code preferences, save reusable snippets, and use the real-time preview before publishing
Key Takeaways
- The course teaches Dreamweaver features for working more efficiently with HTML and CSS pages.
- It covers two different strategies for working with responsive designs that function on tablets and mobile devices.
- Learners create animations, transitions, and object effects, and incorporate interactive elements such as slideshows and tabbed content.
- It shows how to save frequently used code as snippets so it does not need to be typed each time.
- The course addresses setting up preferences and previewing and publishing a site.
Frequently Asked Questions
What does this Adobe Dreamweaver Advanced course cover?
It covers working with Cascading Style Sheets and the CSS Designer to stylize text, graphics, and layouts, two strategies for responsive design that work on tablets and mobile devices, working with code more efficiently, adding comments, saving reusable code, creating animations, transitions, and object effects, incorporating interactive elements such as slideshows and tabbed content, and previewing and publishing a site.
What interactive elements will I learn to add to my pages?
You will incorporate interactive elements such as slideshows and tabbed content, including adding a jQuery image slider to a page header and adding an accordion panel to a page.
Does this course address responsive design?
Yes. You will learn two different strategies for working with responsive designs that work on tablets and mobile devices, including adding media queries with the CSS Designer, modifying existing breakpoints, editing content defined in breakpoints, and creating fluid layouts.
How does the course help me work more efficiently with code?
It teaches how to set up Dreamweaver to work with code more efficiently, how to add comments to your code, and how to save code that you use often as snippets so you do not have to type it each time, along with managing code preferences and working efficiently in Code View.
