靜態(tài)網(wǎng)頁(yè)設(shè)計(jì)與制作

出版說(shuō)明
前言
模塊一  認(rèn)識(shí)Dreamweaver CS3 
1.1  任務(wù)一  創(chuàng)建“我的第一個(gè)頁(yè)面” 
1.1.1  Dreamweaver CS3的工作界面 
1.1.2  設(shè)計(jì)LOGO 
1.2  任務(wù)二  創(chuàng)建與管理站點(diǎn) 
1.2.1  創(chuàng)建本地站點(diǎn) 
1.2.2  管理站點(diǎn) 
1.2.3  管理站點(diǎn)文件和文件夾 
1.3  拓展訓(xùn)練  創(chuàng)建“我的班級(jí)”站點(diǎn) 
模塊二  創(chuàng)建基本網(wǎng)頁(yè) 
2.1  任務(wù)一  文本的輸入—— 創(chuàng)建“養(yǎng)生保健”頁(yè)面 
2.1.1  文本的輸入與編輯 
2.1.2  項(xiàng)目列表和編號(hào)列表 
2.1.3  水平線和日期的插入 
2.2  任務(wù)二  圖像的添加—— 創(chuàng)建“ASA餐廳”頁(yè)面 
2.2.1  表格的有序存儲(chǔ) 
2.2.2  圖像的插入 
2.2.3  圖像屬性的設(shè)置 
2.2.4  圖像與文本混合編排 
2.2.5  鼠標(biāo)經(jīng)過(guò)圖像的制作 
2.3  拓展訓(xùn)練  創(chuàng)建“我的個(gè)人網(wǎng)站”的首頁(yè) 
模塊三  創(chuàng)建多媒體網(wǎng)頁(yè) 
3.1  任務(wù)一  Flash元素的添加—— 創(chuàng)建“江河雙水灣”頁(yè)面 
3.1.1  Flash的文件類型 
3.1.2  Flash動(dòng)畫(huà)的插入和屬性的設(shè)置 
3.1.3  Flash按鈕的插入和屬性的設(shè)置 
3.1.4  Flash文本的插入和屬性的設(shè)置 
3.1.5  FlashPaper的插入 
3.2  任務(wù)二  音樂(lè)和視頻的添加—— 創(chuàng)建“音樂(lè)中心”頁(yè)面 
3.2.1  音樂(lè)文件的添加 
3.2.2  視頻文件的添加 
3.2.3  擴(kuò)展程序的使用 
3.3  拓展訓(xùn)練  創(chuàng)建“我的個(gè)人活動(dòng)展示”頁(yè)面和“個(gè)人相冊(cè)”頁(yè)面 
模塊四  實(shí)現(xiàn)網(wǎng)頁(yè)間互動(dòng) 
4.1  任務(wù)一  創(chuàng)建“綠之韻”頁(yè)面間鏈接 
4.1.1  創(chuàng)建文字鏈接 
4.1.2  創(chuàng)建圖片鏈接 
4.1.3  創(chuàng)建下載鏈接 
4.1.4  添加郵件鏈接 
4.2  任務(wù)二  導(dǎo)航欄的制作—— 創(chuàng)建“綠之韻”頁(yè)面導(dǎo)航欄 
4.2.1  圖像熱點(diǎn)鏈接 
4.2.2  錨記鏈接 
4.2.3  創(chuàng)建空鏈接 
4.2.4  創(chuàng)建跳轉(zhuǎn)菜單 
4.2.5  設(shè)置超級(jí)鏈接目標(biāo)窗口 
4.2.6  導(dǎo)航欄的制作 
4.3  拓展訓(xùn)練  創(chuàng)建“瑤瑤之旅”的導(dǎo)航欄與網(wǎng)頁(yè)間鏈接 
模塊五  布局美化頁(yè)面 
5.1  任務(wù)一  使用層布局網(wǎng)頁(yè)—— 創(chuàng)建“拼圖游戲”頁(yè)面 
5.1.1  描繪層和插入層、選擇層和激活層 
5.1.2  設(shè)置層屬性、調(diào)整層的大小和位置 
5.1.3  在層中輸入文本和插入圖像 
5.1.4  嵌套層的創(chuàng)建 
5.1.5  層與表格之間的相互轉(zhuǎn)換 
5.1.6  使用層布局網(wǎng)頁(yè)案例 
5.2  任務(wù)二  使用框架布局網(wǎng)頁(yè)—— 創(chuàng)建“我的音樂(lè)小站”頁(yè)面 
5.2.1  在網(wǎng)頁(yè)中創(chuàng)建框架 
5.2.2  為框架命名并導(dǎo)入框架源文件 
5.2.3  保存框架集文件和各個(gè)框架操作文件 
5.2.4  設(shè)置框架集屬性和框架屬性 
5.2.5  編輯框架內(nèi)容 
5.2.6  設(shè)置超級(jí)鏈接 
5.2.7  使用框架布局網(wǎng)頁(yè)案例 
5.3  任務(wù)三  CSS的應(yīng)用—— 重新布局“在線求診”頁(yè)面 
5.3.1  標(biāo)簽樣式與類樣式的定義 
5.3.2  實(shí)現(xiàn)圖文混排效果樣式的定義 
5.3.3  實(shí)現(xiàn)特殊表格邊框效果樣式的定義 
5.3.4  高級(jí)樣式的定義 
5.3.5  應(yīng)用CSS濾鏡制作文字特效 
5.3.6  樣式的編輯 
5.3.7  使用CSS樣式表美化頁(yè)面案例 
5.4  拓展訓(xùn)練  創(chuàng)建“雷鋒精神宣傳”網(wǎng)頁(yè) 
模塊六  創(chuàng)建表單頁(yè)面 
6.1  任務(wù)一  制作搜索和用戶登錄表單—— 創(chuàng)建“探索旅行網(wǎng)”首頁(yè) 
6.1.1  旅游網(wǎng)站首頁(yè)規(guī)劃 
6.1.2  首頁(yè)頁(yè)面設(shè)計(jì) 
6.1.3  會(huì)員登錄表單和搜索表單制作 
6.1.4  常用信息板塊 
6.1.5  景點(diǎn)介紹板塊 
6.2  任務(wù)二  創(chuàng)建列表/菜單表單—— 創(chuàng)建“機(jī)票查詢”頁(yè)面 
6.2.1  將已有網(wǎng)頁(yè)生成模板 
6.2.2  利用列表/菜單表單制作“機(jī)票查詢”頁(yè)面 
6.3  任務(wù)三  使用單選按鈕和復(fù)選框—— 創(chuàng)建“網(wǎng)站活動(dòng)”頁(yè)面 
6.3.1  使用單選按鈕和復(fù)選框制作“服務(wù)調(diào)查”板塊 
6.3.2  利用CSS樣式美化頁(yè)面 
6.4  任務(wù)四  校驗(yàn)表單內(nèi)容—— 創(chuàng)建“驢友留言”頁(yè)面 
6.4.1  制作“驢友留言”板塊 
6.4.2  利用表單制作“我的分享”板塊 
6.5  拓展訓(xùn)練  為“我的個(gè)人網(wǎng)站”增加會(huì)員登錄、會(huì)員注冊(cè)和會(huì)員留言頁(yè)面 
模塊七  設(shè)計(jì)完整網(wǎng)站 
7.1  任務(wù)一  網(wǎng)站的配色方案與版式設(shè)計(jì)—— 創(chuàng)建“羽翱科技”頁(yè)面 
7.1.1  網(wǎng)站風(fēng)格的確定 
7.1.2  網(wǎng)站版式設(shè)計(jì) 
7.1.3  頁(yè)面的立體感及細(xì)節(jié)處理 
7.1.4  Flash動(dòng)畫(huà)及圖片的運(yùn)用 
7.2  任務(wù)二  使用模板和庫(kù)—— 創(chuàng)建“羽翱科技”頁(yè)面的模板 
7.2.1  將已有網(wǎng)頁(yè)生成模板 
7.2.2  將模板生成新網(wǎng)頁(yè)和編輯模板 
7.2.3  用庫(kù)項(xiàng)目制作網(wǎng)頁(yè) 
7.3  任務(wù)三  使用網(wǎng)頁(yè)特效—— 為“羽翱科技”各網(wǎng)頁(yè)增加特效 
7.3.1  利用CSS制作特效 
7.3.2  使用行為制作特效 
7.3.3  使用時(shí)間軸制作特效 
7.4  拓展訓(xùn)練  為“我的個(gè)人網(wǎng)站”各網(wǎng)頁(yè)增加特效并進(jìn)行整體風(fēng)格調(diào)整