Dreamweaver CS4網(wǎng)站設(shè)計實例教程

出版說明
前言
第1章 Dreamweaver基礎(chǔ)知識
1.1 網(wǎng)頁設(shè)計基礎(chǔ)
1.1.1 網(wǎng)頁基礎(chǔ)概念
1.1.2 頁面組成與布局
1.1.3 CSS介紹
1.1.4 常用工具
1.2 Dreamweaver基本操作
1.2.1 啟動與退出
1.2.2 了解Dreamweaver界面
1.2.3 創(chuàng)建與保存網(wǎng)頁
1.2.4 向網(wǎng)頁中添加內(nèi)容
1.2.5 查看網(wǎng)頁
1.3 Dreamweaver面板
1.3.1 “CSS樣式”面板
1.3.2 “標(biāo)簽檢查器”面板組
1.3.3 其他面板
1.3.4 進(jìn)一步美化頁面
1.3.5 檢查與驗證網(wǎng)頁
1.4 Dreamweaver中的站點管理
1.4.1 創(chuàng)建與管理站點
1.4.2 “文件”面板組
1.4.3 站點報告
1.4.4 發(fā)布網(wǎng)頁
1.5 Dreamweaver的一些特色功能
1.5.1 Spry構(gòu)件
1.5.2 Spry效果
1.5.3 CSS預(yù)設(shè)布局
1.5.4 CSS管理
1.5.5 其他功能
1.6 排憂解惑
1.6.1 關(guān)于CSS中的標(biāo)簽、 類與ID
1.6.2 關(guān)于字體大小
1.7 上機(jī)實訓(xùn)
1.7.1 插入特殊符號
1.7.2 添加文件下載鏈接
1.8 習(xí)題
第2章 設(shè)計服務(wù)型公司網(wǎng)站
2.1 制作首頁
2.1.1 準(zhǔn)備工作
2.1.2 使用Div組織導(dǎo)航欄
2.1.3 使用CSS樣式修飾導(dǎo)航欄
2.1.4 使用CSS制作彈出菜單
2.1.5 使用Div組織信息面板
2.1.6 由Div組織頁面主體框架
2.1.7 使用嵌套Div進(jìn)行產(chǎn)品介紹
2.1.8 使用Div制作列表框架
2.1.9 使用Div添加服務(wù)列表項
2.1.10 完成頁面
2.2 制作服務(wù)介紹頁面
2.2.1 準(zhǔn)備工作
2.2.2 使用編號列表組織段落
2.2.3 使用行為制作關(guān)鍵字列表
2.2.4 添加信息面板并使用腳本切換
2.3 排憂解惑
2.3.1 關(guān)于文本顏色
2.3.2 關(guān)于字體的變化效果
2.4 上機(jī)實訓(xùn)
2.4.1 實現(xiàn)圖片與文字的滾動
2.4.2 為單幅圖片添加多個鏈接
2.5 習(xí)題
第3章 設(shè)計博客站點
3.1 制作首頁
3.1.1 準(zhǔn)備工作
3.1.2 使用Div組織頁眉
3.1.3 使用項目列表制作導(dǎo)航欄
3.1.4 使用Div進(jìn)行主體布局
3.1.5 結(jié)合Div與項目列表制作左側(cè)邊欄
3.1.6 使用Div組織主體內(nèi)容并進(jìn)行修飾
3.1.7 添加右側(cè)邊欄并使用CSS修飾
3.1.8 完成頁面
3.2 制作日志頁面
3.2.1 使用嵌套Div添加評論列表
3.2.2 使用表格制作評論表單
3.3 排憂解惑
3.3.1 關(guān)于文本的垂直對齊
3.3.2 關(guān)于文本的居中對齊
3.4 上機(jī)實訓(xùn)
3.4.1 讓網(wǎng)頁自動轉(zhuǎn)向
3.4.2 減少段落之間的空白
3.4.3 實現(xiàn)瀏覽器地址欄的小圖標(biāo)效果
3.5 習(xí)題
第4章 設(shè)計社交網(wǎng)站
4.1 制作首頁
4.1.1 準(zhǔn)備工作與整體布局
4.1.2 結(jié)合項目列表與腳本制作導(dǎo)航欄
4.1.3 使用Div與項目列表組織側(cè)邊欄
4.1.4 使用Div與列表制作頭像區(qū)域
4.1.5 使用Div安排可切換的標(biāo)簽式信息面板
4.1.6 使用Div與項目列表組織好友信息
4.1.7 制作浮動的右側(cè)邊欄
4.2 制作相冊頁面
4.2.1 使用行為制作折疊式相冊列表
4.2.2 使用Div組織相片列表
4.3 排憂解惑
4.3.1 關(guān)于查找與替換文本
4.3.2 關(guān)于調(diào)整AP元素默認(rèn)屬性
4.4 上機(jī)實訓(xùn)
4.4.1 定制圖片的邊框
4.4.2 使用圖片修飾標(biāo)題
4.4.3 使用圖片修飾段首字符
4.5 習(xí)題
第5章 設(shè)計新聞網(wǎng)站
5.1 制作首頁
5.1.1 準(zhǔn)備工作與整體布局
5.1.2 使用CSS修飾頁眉
5.1.3 結(jié)合Div與項目列表制作導(dǎo)航欄
5.1.4 使用浮動Div構(gòu)建主體框架
5.1.5 使用CSS修飾即時新聞
5.1.6 使用Div與項目列表組織頭條內(nèi)容
5.1.7 使用Spry選項卡式面板添加圖片新聞
5.1.8 使用項目列表組織新聞列表
5.1.9 使用Div組織圖片列表
5.1.10 由Div與項目列表組織側(cè)邊欄
5.2 制作新聞頁面
5.2.1 添加正文內(nèi)容并修飾段落
5.2.2 使用已有樣式添加評論列表
5.3 排憂解惑/273
5.3.1 關(guān)于Dreamweaver導(dǎo)航欄
5.3.2 關(guān)于格式化源代碼
5.4 上機(jī)實訓(xùn)
5.4.1 使用CSS防止圖片盜用
5.4.2 實現(xiàn)無等待的背景圖片切換
5.4.3 創(chuàng)建可縮放圓角
5.5 習(xí)題
參考文獻(xiàn)