網(wǎng)頁設(shè)計(jì)與制作

項(xiàng)目1　網(wǎng)頁制作基礎(chǔ)知識
1.1 項(xiàng)目描述及分析
1.2 任務(wù)1 優(yōu)秀網(wǎng)站賞析
1.3 任務(wù)2 網(wǎng)頁制作基礎(chǔ)知識
1.3.1 網(wǎng)頁的組成元素
1.3.2 網(wǎng)頁制作常見術(shù)語
1.3.3 網(wǎng)頁制作相關(guān)軟件
1.4 任務(wù)3 網(wǎng)站建設(shè)的一般流程
1.4.1 確定網(wǎng)站主題
1.4.2 規(guī)劃網(wǎng)站結(jié)構(gòu)
1.4.3 收集資料與素材
1.4.4 確定版面布局方式
1.4.5 制作網(wǎng)頁
1.4.6 測試與發(fā)布網(wǎng)站
1.4.7 推廣網(wǎng)站
1.4.8 網(wǎng)站的后期維護(hù)
1.5 知識鏈接
1.5.1 網(wǎng)頁制作的基本原則
1.5.2 認(rèn)識圖像
1.5.3 常見的建站方式
實(shí)訓(xùn)項(xiàng)目2 制作簡單網(wǎng)頁
2.1 項(xiàng)目描述及分析
2.2 任務(wù)1 進(jìn)行網(wǎng)站功能設(shè)計(jì)
2.3 任務(wù)2 設(shè)計(jì)網(wǎng)站首頁草圖
2.3.1 認(rèn)識photoshop
2.3.2 制作網(wǎng)頁按鈕
2.3.3 制作首頁草圖
2.3.4 首頁草圖的切片與導(dǎo)出
2.4 任務(wù)3 網(wǎng)頁的制作與上傳
2.4.1 認(rèn)識dreamweaver cs4
2.4.2 建立站點(diǎn)
2.4.3 域名和空間的申請
2.4.4 網(wǎng)站文件的上傳
2.5 知識鏈接
2.5.1 網(wǎng)頁中的色彩
2.5.2 網(wǎng)頁基本元素的標(biāo)準(zhǔn)和使用技巧
實(shí)訓(xùn)項(xiàng)目3 制作太陽谷旅游網(wǎng)站
3.1 項(xiàng)目描述及分析
3.2 任務(wù)1 添加并編輯文本
3.2.1 添加文本并設(shè)置文本格式
3.2.2 設(shè)置項(xiàng)目列表
3.3 任務(wù)2 添加并編輯圖像
3.3.1 插入圖像
3.3.2 編輯圖像
3.4 任務(wù)3 設(shè)計(jì)網(wǎng)站banner
3.4.1 認(rèn)識flash
3.4.2 制作banner動畫
3.4.3 在網(wǎng)頁中插入banner動畫
3.5 任務(wù)4 創(chuàng)建css樣式表
3.5.1 認(rèn)識css樣式表
3.5.2 創(chuàng)建并使用css樣式
3.6 任務(wù)5 設(shè)計(jì)網(wǎng)站子頁
3.6.1 制作“美食文化”子頁
3.6.2 制作“旅游寶典”子頁
3.7 知識鏈接
3.7.1 文本和段落
3.7.2 圖像的編輯
3.7.3 flash動畫屬性的設(shè)置
3.7.4 圖片熱點(diǎn)超鏈接
3.8 拓展學(xué)習(xí)——旅游類網(wǎng)站的設(shè)計(jì)要點(diǎn)
3.8.1 旅游類網(wǎng)站的類型
3.8.2 旅游類網(wǎng)站的設(shè)計(jì)要點(diǎn)
實(shí)訓(xùn)項(xiàng)目4 制作愛尚咖啡店網(wǎng)站
4.1 項(xiàng)目描述及分析
4.2 任務(wù)1 進(jìn)行咖啡店網(wǎng)站頁面布局
4.2.1 網(wǎng)頁布局規(guī)劃
4.2.2 插入與設(shè)置表格
4.2.3 編輯表格
4.3 任務(wù)2 設(shè)計(jì)咖啡店網(wǎng)站首頁
4.3.1 插入logo和banner
4.3.2 使用嵌套表格
4.3.3 設(shè)計(jì)導(dǎo)航條
4.3.4 輸入網(wǎng)頁內(nèi)容及定義
css
4.3.5 設(shè)計(jì)其他版面內(nèi)容
4.4 任務(wù)3 設(shè)計(jì)咖啡店網(wǎng)站子頁
4.4.1 設(shè)計(jì)主要子頁
4.4.2 設(shè)計(jì)其他子頁
4.5 知識鏈接
4.5.1 表格數(shù)據(jù)處理
4.5.2 細(xì)線表格
4.6 拓展學(xué)習(xí)——餐飲類網(wǎng)站的設(shè)計(jì)要點(diǎn)
4.6.1 餐飲類網(wǎng)站的分類及特點(diǎn)
4.6.2 餐飲類網(wǎng)站的設(shè)計(jì)風(fēng)格
實(shí)訓(xùn)項(xiàng)目5 制作52門戶網(wǎng)站
5.1 項(xiàng)目描述及分析
5.2 任務(wù)1 制作banner和頁腳
5.2.1 創(chuàng)建庫文件
5.2.2 制作主頁的banner
5.2.3 制作頁腳
5.2.4 庫項(xiàng)目的應(yīng)用
5.3 任務(wù)2 制作“女性頻道”子頁
5.3.1 創(chuàng)建模板文件
5.3.2 使用模板和庫創(chuàng)建“女性頻道”子頁
5.4 任務(wù)3 插入網(wǎng)頁廣告
5.4.1 認(rèn)識javascript
5.4.2 制作浮動廣告
5.5 任務(wù)4 制作用戶反饋頁面
5.6 知識鏈接
5.6.1 制作動態(tài)日期顯示
5.6.2 創(chuàng)建文件域和圖像域
5.7 拓展學(xué)習(xí)——門戶網(wǎng)站的設(shè)計(jì)要點(diǎn)
實(shí)訓(xùn)項(xiàng)目6　制作時(shí)尚服裝網(wǎng)站
6.1 項(xiàng)目描述及分析
6.2 任務(wù)1 認(rèn)識行為
6.3 任務(wù)2 使用行為完善網(wǎng)站主頁
6.3.1 為首頁設(shè)置狀態(tài)欄文本
6.3.2 為頁面添加彈出信息
6.4 任務(wù)3 制作“秋冬新品”子頁
6.4.1 使用模板制作“秋冬新品”子頁
6.4.2 使用行為完善“秋冬新品”子頁
6.5 拓展學(xué)習(xí)——流行時(shí)尚類網(wǎng)站的設(shè)計(jì)要點(diǎn)
實(shí)訓(xùn)項(xiàng)目7 制作個(gè)人網(wǎng)站
7.1 項(xiàng)目描述及分析
7.2 任務(wù)1 制作網(wǎng)站的首頁
7.2.1 認(rèn)識ap元素和spry框架
7.2.2 規(guī)劃網(wǎng)站的結(jié)構(gòu)
7.2.3 插入和設(shè)置ap元素
7.2.4 ap元素的基本操作方法
7.2.5 制作spry菜單欄
7.3 任務(wù)2 制作“關(guān)于自己”子頁
7.3.1 制作spry選項(xiàng)卡式面板
7.3.2 制作spry折疊式
7.4 任務(wù)3 制作“我的作品”子頁
7.5 知識鏈接
7.6 拓展學(xué)習(xí)——個(gè)人網(wǎng)站的設(shè)計(jì)要點(diǎn)
7.6.1 個(gè)人網(wǎng)站的設(shè)計(jì)原則
7.6.2 個(gè)人網(wǎng)站設(shè)計(jì)的注意事項(xiàng)
實(shí)訓(xùn)項(xiàng)目8 制作童樂幼兒園網(wǎng)站
8.1 項(xiàng)目描述及分析
8.2 任務(wù)1 網(wǎng)站的布局規(guī)劃
8.2.1 認(rèn)識div+css
8.2.2 網(wǎng)站首頁的布局分析
8.3 任務(wù)2 制作幼兒園網(wǎng)站首頁
8.3.1 編寫頁面基本css代碼
8.3.2 制作頁眉部分
8.3.3 制作主體部分
8.4 任務(wù)3 制作幼兒園網(wǎng)站子頁
8.4.1 制作“幼兒園簡介”子頁
8.4.2 在首頁中為子頁添加鏈接
8.5 知識鏈接
8.6 拓展學(xué)習(xí)——教育類網(wǎng)站的設(shè)計(jì)要點(diǎn)
8.6.1 教育類網(wǎng)站的分類
8.6.2 教育類網(wǎng)站的設(shè)計(jì)要點(diǎn)
實(shí)訓(xùn)項(xiàng)目9 制作企業(yè)動態(tài)網(wǎng)站
9.1 項(xiàng)目描述及分析
9.2 任務(wù)1 認(rèn)識cms
9.3 任務(wù)2 制作網(wǎng)站模板
9.3.1 制作首頁模板
9.3.2 制作列表頁和內(nèi)容明細(xì)頁模板
9.4 任務(wù)3 使網(wǎng)站動態(tài)化
9.4.1 配置網(wǎng)站運(yùn)行環(huán)境
9.4.2 進(jìn)行后臺管理
9.4.3 首頁的動態(tài)化
9.4.4 列表頁的動態(tài)化
9.4.5 內(nèi)容明細(xì)頁的動態(tài)化
9.5 拓展學(xué)習(xí)
9.6 知識鏈接——企業(yè)網(wǎng)站的設(shè)計(jì)要點(diǎn)
實(shí)訓(xùn)項(xiàng)目10 制作信息反饋留言系統(tǒng)
10.1 項(xiàng)目描述及分析
10.2 任務(wù)1 配置動態(tài)網(wǎng)站運(yùn)行環(huán)境
10.2.1 配置動態(tài)網(wǎng)站運(yùn)行環(huán)境
10.2.2 建立動態(tài)站點(diǎn)
10.3 任務(wù)2 創(chuàng)建與連接數(shù)據(jù)庫
10.3.1 創(chuàng)建數(shù)據(jù)庫
10.3.2 鏈接與綁定數(shù)據(jù)庫
10.4 任務(wù)3 設(shè)計(jì)信息反饋留言系統(tǒng)頁面
10.4.1 設(shè)計(jì)用戶留言頁面
10.4.2 設(shè)計(jì)“顯示留言”頁面
10.5 知識鏈接
10.5.1 服務(wù)器端與客戶端
10.5.2 靜態(tài)網(wǎng)站與動態(tài)網(wǎng)站
10.5.3 動態(tài)網(wǎng)站技術(shù)分類
10.6 拓展學(xué)習(xí)
實(shí)訓(xùn)