Layouts with CSS in Dreamweaver
This course shows how to use the combined power of Dreamweaver and CSS to create compelling, easy-to-maintain web page layouts. After demonstrating how to maximize Dreamweaver's built-in layouts (including HTML5 layouts), author Joseph Lowery reviews essential layout concepts such as the box model, document flow, and the proper use of floats. Next, the course covers how to develop an array of basic 2- and 3-column layouts from the ground up, and then how to customize them with advanced features like CSS3 rounded corners, faux columns, and Spry widgets. The course concludes with a demonstration of techniques for converting a desktop layout to one better suited for tablets and smart phones.
- Exploring HTML5 templates in Dreamweaver
- Understanding document flow
- Using floats properly
- Resetting CSS styles
- Creating a 1-, 2-, or 3-column layout
- Deciding on a fixed width versus variable width design
- Coding layouts for HTML5 and CSS 3
- Incorporating floated elements
- Applying the faux column technique
- Using Spry widgets
- Using Multiscreen Preview
- Modifying desktop layout for tablets
- Developing smart phone layouts
Hi! I am Joe Lowery. Welcome to Layouts with CSS in Dreamweaver. In this course, I will show you how to use Dreamweaver's power tools to create killer layouts. We will start with the pre-designed layout, and how they can be customized and styled to get you off to a quick start. Next, we will take a deep look into the full range of layout concepts. With that foundation, we will step through building a complete slate of basic layouts, including those for HTML5, and CSS3.
This course will also cover the spectrum of interior layout elements, and methods like Floats, Full Column, and Rounded Corners. Then we'll close it out with a look at developing layouts for mobile and tablets with Dreamweaver's Multiscreen Preview feature. An exciting layout can make all the difference to your web site. Let's get to it!
There are currently no FAQs about Layouts with CSS in Dreamweaver.
PHP with MySQL Essential Training3,907,848 Views
Muse Essential Training1,405,772 Views
HTML Essential Training3,250,120 Views
After Effects CC Essential Training2,533,490 Views
CSS: Core Concepts2,248,440 Views
Illustrator CC Essential Training (2013)3,019,140 Views
CSS: Page Layouts1,686,199 Views
Dreamweaver CC Essential Training1,203,714 Views