Discover advanced Web design techniques to create complex and customized projects.
Discover advanced Web design techniques to create complex and customized projects. Learn how to achieve total control of page layout, positioning, and content by using Cascading Style Sheets (CSS). By the end of this course, you will have new power over the layout, design, and features of your website, along with the tools to build any webpage you require.
Skills you’ll gain
Adobe DreamweaverObject Oriented CSSWeb DesignWeb EngineeringAdobe Dreamweaver CertificationDreamweaver Mx CertificationWhat You'll Learn
- Control page layout, positioning, and content using Cascading Style Sheets (CSS)
- Separate content from format by applying CSS through HTML tags, classes, and IDs
- Build page layouts with the box model, divs, floating divs, and external style sheets
- Create and link an external CSS file sheet for reusable styling
- Design dynamic navigation, including unordered lists and dynamic rollover menus
- Create a basic form within your webpage
Key Takeaways
- This advanced course teaches Web design techniques for creating complex and customized projects in Dreamweaver CS3.
- Cascading Style Sheets (CSS) are used to gain total control over page layout, positioning, and content.
- The course covers separating content from format and applying CSS through HTML tags, classes, and IDs.
- Layout topics include the box model, external style sheets, pseudo class selectors, and using and floating divs.
- Learners build dynamic menus and rollover menus using unordered lists and create a basic form.
Frequently Asked Questions
What will I be able to do after completing this course?
By the end of the course you will have new power over the layout, design, and features of your website, along with the tools to build any webpage you require.
What does this Dreamweaver CS3 Advanced course cover?
It covers advanced Web design techniques using CSS, including page layout, separating content from format, the box model, external style sheets, pseudo class selectors, using and floating divs, building dynamic and rollover menus, and creating a basic form.
How is CSS used in this course?
CSS is used to achieve total control of page layout, positioning, and content, applied through HTML tags, classes, and IDs, and managed through external style sheets.
What skills does this course help build?
It builds skills in Adobe Dreamweaver, Object Oriented CSS, Web Design, and Web Engineering, and relates to Adobe Dreamweaver Certification and Dreamweaver MX Certification.
Transcript
Show transcript (free preview lesson)
Transcript of the free preview lesson. Remaining lessons unlock with the full course.
Welcome to Dreamweaver Advanced. My name is John Wedel, and in Dreamweaver Advanced, we're going to be introducing you to CSS, a term you've probably heard before, but don't know much about. CSS stands for Cascading Style Sheets. Cascading Style Sheets are used primarily to give you control over the formatting of your text as well as the layout of your page that you could not get with plain HTML. or with HTML and tables. We're going to learn how we can utilize CSS to help start separating our content from our format information. The reason that we would separate our content from our format information is to make development and deployment to a variety of devices easier by having our content only needed to be developed once, while our unique style and format options for each different display environment can be created in a separate CSS file. Within CSS, we'll be learning about classes, IDs, and reassigning HTML tags as well as what the box model is. We'll be creating internal style sheets, that's CSS that's internal to an actual HTML document, as well as learning how to link to external style sheets, external CSS files. We're going to be working more with the div tag using that for layout and learning how we can use the float property of the div tag in CSS to actually create multiple divs in specified layouts. At the end, we'll take a brief foray into creating forms and understanding how to submit information from a website to a backend server-side scripting language for processing.
Learn on the Go
Take your learning anywhere — the KnowledgeCity mobile app lets you watch lessons on the go.