資料介紹

• 網頁設計教程/視頻教程/軟件
• 網頁編程教程
• 計算機資料
• Dreamweaver教程/視頻教程

語言：英語
網址：http://www.lynda.com/Dreamweaver ... weaver/80302-2.html
類別：教程



（xuehui@TLF）
Lynda.com 出品的時長3小時33分鐘的 Dreamweaver上的CSS網頁布局 頻教程。由Joseph Lowery演示了如何最大限度地利用Dreamweaver內的布局功能（包括HTML5布局），聯合CSS創建易於維護的網頁。內容包括布局的基本概念，比如方框模式，document flow，適度使用float。二至三欄網頁布局，自定義CSS3的圓角生成器，faux columns和Spry widgets等高級功能。本教程附帶練習文件。

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. Exercise files are included with the course.

Topics include:
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