中文名: Dreamweaver上的CSS網頁布局教程
英文名: Lynda.com Layouts with CSS in Dreamweaver
資源格式: 光盤鏡像
學校: Lynda.com
主講人: Joseph Lowery
發行日期: 2011年
對白語言: 英語
文字語言: 英文
簡介:

語言：英語
網址：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
下載鏈接來自TLF
未經過安裝測試與安全檢測，使用者後果自負與本論壇無關
軟體版權歸原作者及其公司所有，如果你喜歡，請購買正版
目錄:
Introduction
Welcome 00m 56s
Using the exercise files 02m 24s
27m 41s
1. Dreamweaver Example Layouts Discovering layout examples 04m 03s
Customizing a layout 10m 14s
Polishing the layout 09m 13s
Exploring HTML5 templates 04m 11s
42m 46s
2. Layout Concepts Reviewing the box model 08m 40s
Understanding document flow 04m 03s
Working with absolute positioning 10m 37s
Using fixed positioning 02m 10s
Applying floats properly 10m 56s
Resetting your CSS styles 06m 20s
55m 55s
3. Basic Layouts Creating a one-column, fixed-width, centered layout 05m 31s
Creating a two-column, left-sidebar, fixed-width, centered layout 06m 52s
Creating a three-column, variable-width layout with a header and footer 10m 07s
Creating a two-column, fixed-width, full-width header layout 08m 06s
Creating a two-column, fixed-width layout with a footer fixed to the bottom 12m 49s
Coding layouts for HTML5 and CSS3 12m 30s
56m 52s
4. Interior Layouts Incorporating floated elements 07m 50s
Applying the faux column technique 08m 14s
Building rounded corners with CSS3 04m 25s
Styling Spry accordion panels 06m 54s
Integrating Spry accordion panels 07m 28s
Setting up Spry tabbed panels 05m 00s
Styling Spry tabs 08m 30s
Fine-tuning Spry tabs 08m 31s
26m 50s
5. Alternative Screen Layouts Using the Multiscreen Preview panel 08m 44s
Working with tablet layouts 07m 12s
Developing smartphone layouts 10m 54s
00m 16s
Conclusion Goodbye 00m 16s
代碼

.· ░░░ ·■. ▀ ▓▄■ ■ ▄░ ■▄░ ▀▄ zk ■
▄▓█████▓▄ ▀▄ · ▄▓ ▄███▄░ ▄▄▄▄████ ░▄███▄ ▀▓█▄▄▄▄▄▄░ ·
████▀▀▀███▄ ██▄ ▄██ █████████▄ ▒█████▀▀██ ▄█████████▄ ██████████▄
▒███ ▓██░███ ███ ▓██▀ ▀██▓ ▓██▓ ▓██░███▀ ▓███ ███ ▀██▓
▓███ ▓██▓███░ ███░███░ ▓██░███░ ▄██▀ ██▓ ░███░███ ▓█▓
▓███ ▓██████░ ███████ ▀██████ ▀ ██▀ ███▓███░ ▄▓█▓
▓██▓ ███████░ ████████████████████████████████████████████████▀▀
▒██▓ ░▄ ███▓███░ ███░██▀▀▀▀▀▀▀██▓▀▀▀▀▀▀▀▀███▓██▀▀▀▀▀▀▀██▀███▀▀▀▀███▄
███▄ ▓█▄███░███░ ███░███░ ▓██░ ▄▄▄■ ███░██▓░ ░███ ▓██ ███░
▀█████████░ ███▓░ ▄███ ██▀ ▀██ ███ ░██▓ ██▀ ▓██ ▓██ ▓██▓
▀▀▓▓░███▄ ▀█████████▀ █▀ ▀█ ████▄▄▄███▒▄▀ ▀█▓███ ░███
▀██▄ ▀▀▓▓░▀▀ ▀ ▀ ▀▀█████▀▀ .░ ▓██
▀ .· ▄█▀
▀ ▀
QUASAR PROUDLY PRESENTS
· ───────────────────────────────────────────────────────────────────────── ·
Layouts with CSS in Dreamweaver
(c) Lynda.com
Supplier . : QUASAR Size ..... : 19 x 15MB
Cracker .. : QUASAR Protection : Condom
Packager . : QUASAR Type ..... : Brain Enhancement
Date ..... : 08–04–2011 OS ....... : Win/Mac
· ───────────────────────────────────────────────────────────────────────── ·
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.
Exercise files are included with the course.
· ───────────────────────────────────────────────────────────────────────── ·
INSTALLATION
────────────
Unpack, burn or mount and enjoy.
· ───────────────────────────────────────────────────────────────────────── ·
GREETINGS
─────────
We salute our friends, our loyal members and our fair competitors.
· ───────────────────────────────────────────────────────────────────────── ·
░▓██████████████▓░ ··· THE ALMIGHTY QUASAR · 2011 ··· ░▓██████████████▓░
· ───────────────────────────────────────────────────────────────────────── ·