Dreamweaver CS5網頁設計與制作寶典

第1篇　網頁設計與制作基礎篇
　第1章　解讀網頁設計
　　1.1　網頁設計概述
　　　1.1.1　網頁與網站
　　　1.1.2　網頁基本元素
　　　1.1.3　網頁的類型
　　1.2　網頁設計的構成要素
　　　1.2.1　文字的編排與設計
　　　1.2.2　圖形圖像設計
　　　1.2.3　版式設計與編排
　　　1.2.4　色彩的搭配
　　　1.2.5　多媒體元素的選擇
　　1.3　網站建設的一般流程
　　　1.3.1　網站策劃
　　　1.3.2　網頁設計
　　　1.3.3　網頁制作
　　　1.3.4　網站測試與發(fā)布
　　　1.3.5　網站宣傳與維護
　　1.4　網頁常用專業(yè)術語
　第2章　網頁色彩搭配
　　2.1　網頁設計與色彩
　　2.2　色彩理論
　　　2.2.1　色彩與視覺原理
　　　2.2.2　色彩三要素
　　　2.2.3　色相環(huán)
　　　2.2.4　三原色
　　2.3　網頁色彩技術
　　　2.3.1　216網頁安全色
　　　2.3.2　HTML語言中的顏色值表示
　　2.4　色彩的冷暖
　　2.5　色彩對比
　　　2.5.1　色相對比
　　　2.5.2　明度對比
　　　2.5.3　純度對比
　　　2.5.4　冷暖對比
　　　2.5.5　面積對比
　　2.6　色彩調和
　　　2.6.1　同種色的調和
　　　2.6.2　類似色的調和
　　　2.6.3　對比色的調和
　　　2.6.4　漸變色的調和
　　2.7　網頁色彩搭配
　　　2.7.1　色彩的功能角色
　　　2.7.2　基于色相的配色
　　　2.7.3　基于色調的配色
　　　2.7.4　標準色配色
　　　2.7.5　漸變配色
　第3章　Dreamweaver網頁制作快速入門
　　3.1　初識DreamweaverCS
　　3.2　熟悉中文版DreamweaverCS5的操作界面
　　　3.2.1　開始頁
　　　3.2.2　DreamweaverCS5的操作界面
　　　3.2.3　主菜單、快捷菜單與面板菜單
　　　3.2.4　文檔工具欄
　　　3.2.5　中文版DreamweaverCS5面板
　　3.3　網頁文檔的基本操作
　　　3.3.1　新建網頁
　　　3.3.2　保存網頁
　　　3.3.3　設置頁面屬性
　　　3.3.4　打開網頁
　　　3.3.5　預覽網頁
　　3.4　關于站點
　　　3.4.1　本地站點和遠程站點
　　　3.4.2　站點規(guī)劃原則
　　3.5　創(chuàng)建站點
　　　3.5.1　創(chuàng)建本地站點
　　　3.5.2　創(chuàng)建遠程站點
　　3.6　管理本地與遠程站點
　　　3.6.1　管理本地站點中的文件
　　　3.6.2　管理本地站點
　　　3.6.3　管理遠程站點
　第4章　XHTML和CSS基礎
　　4.1　XHTML語言基礎
　　　4.1.1　什么是XHTML
　　　4.1.2　XHTML文檔的基本結構
　　　4.1.3　標簽的書寫格式
　　　4.1.4　標簽的屬性
　　　4.1.5　XHTML語法規(guī)范
　　4.2　XHTML語言的核心標簽
　　　4.2.1　文本與段落
　　　4.2.2　圖像
　　　4.2.3　超鏈接
　　　4.2.4　列表元素
　　　4.2.5　Div標簽
　　4.3　CSS概述
　　　4.3.1　CSS的概念
　　　4.3.2　CSS的基本語法
　　　4.3.3　認識【CSS樣式】面板
　　4.4　使用CSS控制頁面元素
　　　4.4.1　行內樣式表
　　　4.4.2　內部樣式表
　　　4.4.3　外部樣式表
　　　4.4.4　導入樣式表
　　4.5　選擇器類型
　　　4.5.1　標簽選擇器
　　　4.5.2　類選擇器
　　　4.5.3　ID選擇器
　　4.6　設置CSS屬性
　　　4.6.1　設置CSS樣式類型
　　　4.6.2　設置CSS樣式背景
　　　4.6.3　設置CSS樣式區(qū)塊
　　　4.6.4　設置CSS樣式的方框
　　　4.6.5　設置CSS樣式的邊框
　　　4.6.6　設置CSS樣式列表
　　　4.6.7　設置CSS樣式的定位
　　　4.6.8　設置CSS樣式擴展
　　4.7　管理CSS樣式表
　　　4.7.1　查看CSS樣式
　　　4.7.2　編輯CSS樣式
　　　4.7.3　禁用或啟用CSS屬性
　　　4.7.4　刪除與復制CSS樣式
第2篇　網頁元素設計篇
　第5章　網頁中文字的編排與設計
　　5.1　關于文字編排與設計
　　5.2　文字在網頁中的表現(xiàn)形式
　　　5.2.1　特效文字
　　　5.2.2　內容文字
　　5.3　用CSS設計文字樣式
　　　5.3.1　字體
　　　5.3.2　字號
　　　5.3.3　顏色
　　　5.3.4　字體粗細
　　　5.3.5　斜體
　　　5.3.6　下劃線、上劃線和刪除線
　　　5.3.7　英文字母大小寫
　　5.4　用CSS設計文本的段落樣式
　　　5.4.1　行高
　　　5.4.2　水平對齊方式
　　　5.4.3　首行縮進
　　　5.4.4　字間距
　　　5.4.5　首字下沉
　　5.5　使用CSS濾鏡設計特效文字
　　　5.5.1　濾鏡概述
　　　5.5.2　陰影
　　　5.5.3　模糊
　　　5.5.4　光暈
　　　5.5.5　遮罩
　　　5.5.6　波浪
　　　5.5.7　射線
　　5.6　實例應用——網頁文字的排版
　第6章　網頁中圖形圖像的設計
　　6.1　網頁圖形圖像概述
　　　6.1.1　圖形圖像在網頁中的應用
　　　6.1.2　網頁中圖形圖像的使用原則
　　　6.1.3　網頁中常用圖像格式
　　6.2　在網頁中添加圖像
　　6.3　用CSS設置網頁圖像樣式
　　　6.3.1　設置圖像的邊框
　　　6.3.2　圖片縮放
　　　6.3.3　圖文混排
　　6.4　用CSS設置網頁的背景
　　　6.4.1　背景顏色
　　　6.4.2　背景圖像
　　　6.4.3　設置背景圖像的屬性
　　6.5　實例應用
　　　6.5.1　圖文混排效果
　　　6.5.2　設計網頁背景圖像
　第7章　網頁導航設計
　　7.1　網頁導航概述
　　　7.1.1　網頁導航分類
　　　7.1.2　導航位置
　　　7.1.3　導航方向
　　7.2　關于超鏈接
　　　7.2.1　什么是超鏈接
　　　7.2.2　鏈接路徑
　　7.3　創(chuàng)建超鏈接
　　　7.3.1　創(chuàng)建文本鏈接
　　　7.3.2　創(chuàng)建圖像地圖鏈接
　　　7.3.3　創(chuàng)建錨記鏈接
　　　7.3.4　創(chuàng)建電子郵件鏈接
　　　7.3.5　創(chuàng)建空鏈接和腳本鏈接
　　7.4　用CSS設計網站導航
　　　7.4.1　鏈接樣式的控制
　　　7.4.2　設計橫向導航
　　　7.4.3　設計豎排導航
　　7.5　實例應用——寶慶動漫網導航設計
　第8章　網頁多媒體與特效設計
　　8.1　插入多媒體對象
　　　8.1.1　插入SWF動畫
　　　8.1.2　插入FLV視頻
　　　8.1.3　添加聲音
　　8.2　使用行為創(chuàng)建網頁特效
　　　8.2.1　【行為】面板
　　　8.2.2　動作和事件
　　　8.2.3　添加行為
　　8.3　Dreamweaver中的常用行為介紹
　　　8.3.1　交換圖像
　　　8.3.2　彈出信息
　　　8.3.3　打開瀏覽器窗口
　　　8.3.4　Spry效果
　　　8.3.5　顯示-隱藏元素
　　　8.3.6　檢查插件
　　　8.3.7　設置狀態(tài)欄文本
　　　8.3.8　調用JavaScript
　　　8.3.9　轉到URL
　　　8.3.10　預先載入圖像
　　8.4　行為實例應用
　　　8.4.1　制作閃爍圖像特效
　　　8.4.2　制作有彈出窗口的網頁
　　8.5　關于JavaScript
　　　8.5.1　什么是JavaScript語言
　　　8.5.2　JavaScript語言的寫入方式
　　8.6　實例應用
　　　8.6.1　廣告圖片切換效果
　　　8.6.2　跟隨滾動條滾動的對聯(lián)廣告
第3篇　網頁版式設計與布局篇
　第9章　網頁版式設計
　　9.1　版式設計概述
　　　9.1.1　網頁版面大小
　　　9.1.2　第一屏
　　9.2　版式設計的形式原理
　　　9.2.1　比例
　　　9.2.2　重復與漸變
　　　9.2.3　對稱與均衡
　　　9.2.4　節(jié)奏與旋律
　　　9.2.5　對比與統(tǒng)一
　　　9.2.6　虛實與留白
　　9.3　版式設計的視覺因素
　　　9.3.1　符合人的視覺習慣
　　　9.3.2　避免視覺疲勞
　　　9.3.3　注重主從關系
　　9.4　網頁版式構成的基礎結構
　　　9.4.1　欄式結構
　　　9.4.2　區(qū)域結構
　　　9.4.3　非規(guī)律框架
　第10章　表格布局網頁
　　10.1　使用表格
　　　10.1.1　創(chuàng)建表格
　　　10.1.2　選擇表格
　　10.2　設置表格與單元格的屬性
　　　10.2.1　設置表格屬性
　　　10.2.2　設置單元格屬性
　　10.3　編輯表格
　　　10.3.1　調整表格和單元格的大小
　　　10.3.2　設置表格對齊方式
　　　10.3.3　插入行或列
　　　10.3.4　刪除行或列
　　　10.3.5　拆分和合并單元格
　　　10.3.6　表格的嵌套
　　10.4　實例應用——制作Models俱樂部網站
　　　10.4.1　使用表格布局頁面
　　　10.4.2　使用CSS美化頁面
　第11章　深入理解CSS+DIV布局
　　11.1　CSS+DIV布局概述
　　　11.1.1　什么是CSS+DIV布局
　　　11.1.2　CSS的優(yōu)勢
　　　11.1.3　傳統(tǒng)的table布局與CSS布局的區(qū)別
　　11.2　關于div和span
　　　11.2.1　認識div
　　　11.2.2　div的并列與嵌套結構
　　　11.2.3　div與span的區(qū)別
　　11.3　盒子模型
　　　11.3.1　盒子模型的概念
　　　11.3.2　border
　　　11.3.3　padding
　　　11.3.4　margin
　　11.4　元素的定位方式
　　　11.4.1　float定位
　　　11.4.2　position定位
　　　11.4.3　z-index空間位置
　第12章　CSS+DIV布局網頁
　　12.1　CSS布局技法
　　　12.1.1　將頁面用div分塊
　　　12.1.2　設計各個塊的位置
　　　12.1.3　用CSS定位
　　12.2　常用布局類型
　　　12.2.1　一列固定寬度
　　　12.2.2　一列自適應
　　　12.2.3　一列固定寬度居中
　　　12.2.4　兩列固定寬度
　　　12.2.5　兩列寬度自適應
　　　12.2.6　兩列右列寬度自適應
　　　12.2.7　兩列固定寬度居中
　　　12.2.8　三列浮動中間列寬度自適應
　　　12.2.9　高度自適應
　　12.3　使用CSS預設布局創(chuàng)建頁面
　　12.4　實例應用——制作蝴蝶攝影工作室網站
　　　12.4.1　搭建HTML框架
　　　12.4.2　制作網頁頭部
　　　12.4.3　制作網頁的主要內容和頁尾
　　　12.4.4　制作“蝴蝶作品”頁面
第4篇　經典案例篇
　第13章　藝萃商業(yè)網站的設計與制作
　　13.1　商業(yè)網站的策劃
　　　13.1.1　明確創(chuàng)建網站的目的和用戶需求
　　　13.1.2　分析材料
　　　13.1.3　出具網站策劃書
　　13.2　藝萃商業(yè)網站的設計
　　　13.2.1　設計定位
　　　13.2.2　確定網站結構布局
　　13.3　藝萃商業(yè)網站的制作
　　　13.3.1　創(chuàng)建本地站點與遠程站點
　　　13.3.2　定義頁面通用樣式
　　13.4　制作首頁
　　　13.4.1　新建文檔并鏈接樣式表文件
　　　13.4.2　使用div搭建頁面框架
　　　13.4.3　用CSS定位并添加內容
　　　13.4.4　插入關鍵字和網頁說明
　　13.5　欄目頁面的制作
　　　13.5.1　新建文檔并鏈接樣式表文件
　　　13.5.2　使用div搭建頁面框架
　　　13.5.3　制作頭部內容
　　　13.5.4　制作主體內容
　　　13.5.5　制作頁腳
　　13.6　測試與發(fā)布網站
　　　13.6.1　網站的測試
　　　13.6.2　網站的發(fā)布
　第14章　省客網的設計與制作
　　14.1　省客網的設計
　　14.2　省客網的制作
　　　14.2.1　創(chuàng)建本地站點與遠程站點
　　　14.2.2　新建樣式表并設置通用樣式
　　14.3　制作首頁
　　　14.3.1　新建網頁并調用Style.css樣式表
　　　14.3.2　使用div搭建頁面框架
　　　14.3.3　制作網站頭部
　　　14.3.4　制作網站導航
　　　14.3.5　制作網頁主體
　　　14.3.6　制作網頁腳注
　第15章　希藝歐家居網的設計與制作
　　15.1　案例預覽
　　15.2　創(chuàng)建與編輯模板
　　　15.2.1　認識【模板】面板和【模板】菜單
　　　15.2.2　創(chuàng)建模板
　　　15.2.3　編輯模板
　　　15.2.4　管理模板
　　15.3　應用模板制作網頁
　　　15.3.1　從模板新建網頁文件
　　　15.3.2　使用【模板】面板創(chuàng)建網頁文檔
　　　15.3.3　頁面與模板脫離
　　　15.3.4　更新頁面
　　15.4　使用庫
　　　15.4.1　庫的概念
　　　15.4.2　創(chuàng)建和應用庫項目
　　　15.4.3　修改庫
　　15.5　制作希藝歐家居網站
　　　15.5.1　創(chuàng)建站點并定義頁面通用樣式
　　　15.5.2　創(chuàng)建模板并鏈接樣式表文件
　　　15.5.3　使用div搭建頁面框架
　　　15.5.4　定位塊并添加內容
　　　15.5.5　應用模板制作“公司簡介”頁面
　　　15.5.6　應用模板制作“人才中心”頁面