CSS與Dreamweaver CS3完美網頁設計

《CSS與Dreamweaver CS3完美網頁設計》是人民郵電出版社出版的圖書，ISBN是9787115189967。

基本介紹

• 書名：CSS與Dreamweaver CS3完美網頁設計
• 頁數：334頁
• 出版社：人民郵電出版社
• 出版時間：第1版 (2009年1月1日)

圖書信息

出版社: 人民郵電出版社; 第1版 (2009年1月1日)

平裝: 334頁

正文語種: 簡體中文

開本: 16

ISBN: 9787115189967

條形碼: 9787115189967

尺寸: 23.2 x 18.4 x 1.6 cm

重量: 481 g

作者簡介

作者：(美國)沙利文 (Stephanie Sulivan) (美國)雷威斯 (Greg Rewis) 譯者：李二勇 謝君英

內容簡介

《CSS與Dreamweaver CS3完美網頁設計》以將CSS與Dreamweaver兩個軟體的功能相結合的方式，通過大量實例介紹了CSS基礎知識，然後從固定起始頁面和居中起始頁面開始，逐步深入地介紹從基於表格的布局轉向CSS、使用液態CSS的布局，以及利用彈性布局創建更複雜的頁面，最後介紹如何利用CSS和Spry構建圖片庫站點。

《CSS與Dreamweaver CS3完美網頁設計》由經驗豐富的技術專家撰寫，具有較強的專業性和針對性。《CSS與Dreamweaver CS3完美網頁設計》可以作為網頁製作愛好者培養動手能力的培訓教材，也可以作為專業設計人員參考用書。

目錄

第1章 CSS基礎知識

1.1 (X)HTML文檔

1.1.1 文檔類型

1.1.2 字元編碼

1.1.3 自然的文檔流

1.1.4 行內元素和塊元素

1.1.5 用div構建頁面

1.2 CSS文檔

1.2.1 CSS語法

1.2.2 CSS選擇符類型

1.2.3 層疊

1.2.4 一些真正混淆的內容——優先權

1.2.5 繼承

1.2.6 box模型

1.2.7 瀏覽器怪異現象

1.2.8 hasLayout屬性

1.2.9 定位技術

1.3 操縱自然流

1.3.1 浮動圖像

1.3.2 套用清除元素

1.3.3 插入div標籤

1.3.4 絕對定位的列

1.3.5 清除浮動列

1.3.6 進入布局

第2章 使用固定起始頁面和居中起始頁面

2.1 開始創建

2.1.1 準備HTML文檔

2.1.2 準備比較圖

2.1.3 為body元素設定樣式

2.2 在CSS中使用速記屬性

2.3 使用背景圖像

2.3.1 創建“偽造”的右列

2.3.2 創建外發光效果

2.4 創建標題

2.4.1 絕對定位：並非一無是處

2.4.2 添加標誌

2.5 使側邊列圓角化

2.5.1 首先設定頂部

2.5.2 創建偽底

2.6 添加頁面底部

2.6.1 添加外部頁面包裝器

2.6.2 定位底部花朵圖形

2.6.3 要不要使用PNG格式，這是個問題

2.7 關於浮動和清除的一點說明

2.7.1 在頁面中創建Pod

2.7.2 避免浮動蔓延——如何迫使div包含自己的浮動

2.7.3 空白——最後的處女地

2.8 原始碼順序的問題

2.9 字型與最終的樣式化

2.9.1 命名錨記和連結

2.9.2 樣式化標題

2.9.3 平均化側邊列

2.10 首字放大——簡單的頁面修飾技巧

2.11 完成腳註

2.12 消除錯誤

2.12.1 針對IES調整數值——怪異模式

2.12.2 hasLayout問題

2.12.3 使用“檢查瀏覽器兼容性”功能

2.13 聲明媒體類型

2.14 小結

第3章 從基於表格的布局轉向CSS

3.1 CSS問題

3.1.1 利用“查找和替換”確定現有規則

3.1.2 組織CSS規則

3.1.3 建立順序

3.1.4 合併屬性

3.1.5 完成合併

3.2 清理混亂的table標籤

3.2.1 利用“查找和替換”清除表格代碼

3.2.2 使用CSS樣式化列表

3.2.3 取消表格的嵌套狀態

3.2.4 利用AdobeFireworksCS3修改圖形

3.2.5 利用Div封裝內容

3.2.6 微調列表

3.2.7 加快速度

3.2.8 實踐所學的內容

3.3 重建頁面標題

3.3.1 在標題中添加背景圖形

3.3.2 定位導航圖像

3.4 繼續清理過程

3.5 刪除最後的表格標記

3.6 小結

第4章 使用液態CSS布局

4.1 簡化CSS選擇符

4.2 創建標題

4.2.1 插入背景圖像

4.2.2 插入徽標圖像

4.3 創建水平導航條

4.3.1 為水平導航條創建CSS

4.3.2 將命名錨記樣式化為按鈕

4.3.3 使用設計時樣式表

4.3.4 水平導航條的最後微調

4.3.5 解決水平滾動問題

4.3.6 創建hover和當前頁面指示器狀態

4.4 布局主內容區域

4.4.1 修改列

4.4.2 處理邊界

4.4.3 列的假象

4.4.4 定位背景

4.4.5 微調列

4.4.6 添加徽章圖像

4.4.7 創建左手導航條

4.4.8 樣式化選單連結

4.4.9 在垂直選單中放置頁面指示器

4.4.10 樣式化mainContent區域

4.5 處理底部：樣式化腳註

4.5.1 浮動左側元素和右側元素

4.5.2 最後的修飾

第5章 利用彈性布局創建更複雜的頁面

5.1 新文檔

5.1.1 重新設定CSS默認值

5.1.2 創建一個重設代碼片段

5.1.3 跳到左邊

5.1.4 調整重設

5.2 em單位的重要性

5.2.1 em是相對的

5.2.2 對文字進行一些調整

5.3 視覺變換

5.3.1 樣式化標題

5.3.2 標題假象

5.3.3 添加行內導航

5.3.4 改善Dreamweaver的性能

5.4 主要內容

5.5 主站點導航條

5.5.1 為列表項添加背景

5.5.2 樣式化連結本身

5.5.3 使用cite元素

5.5.4 處理右邊側欄

5.5.5 腳註是最後一個元素，但內容並非最少

5.5.6 快速處理IECC

5.6 創建並樣式化基於em的表單

5.6.1 編寫表單代碼

5.6.2 樣式化表單

5.6.3 添加表單驗證

5.7 創建及樣式化可存取的數據表格

5.7.1 將重活交給Dreamweaver

5.7.2 指定表格尺寸

5.7.3 提供附加反饋以提高可訪問性

5.7.4 樣式化數據表格

5.7.5 您有成就感嗎

第6章 利用CSS和Spry構建圖片庫站點

6.1 選擇適當的起始頁布局

6.2 構建初始框架

6.3 光線、相機、內容……

6.3.1 使用max-width和min-width

6.3.2 解決IE問題——min/max寬度增強

6.3.3 約束IE的內容區域

6.3.4 擴展圖片

6.4 找準方向

6.4.1 何謂Spry框架

6.4.2 創建基於Spry的導航

6.4.3 用CSS為Spry選單欄套用樣式

6.4.4 在選單欄上進行最後的修改

6.4.5 我在哪裡？通過選單欄給出反饋

6.5 在單個站點中組合使用兩個CSS布局

6.5.1 簡要介紹公共頁面元素

6.5.2 為Sidebar2添加樣式

6.6 構建圖片庫——第一部分

6.7 漸進增強——使圖片庫很酷

6.7.1 創建HTML數據集

6.7.2 快速檢查

6.7.3 Spry滾動面板構件

6.7.4 為Spry滾動面板構件創建結構

6.7.5 在滾動面板中導航

6.7.6 添加詳細圖像

6.8 完美地通過驗證

6.8.1 創建不唐突的JavaScript檔案

6.8.2 考慮周全

6.8.3 最後的完善