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

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