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

項目1　網(wǎng)頁制作基礎(chǔ)知識
1.1 項目描述及分析
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 常見的建站方式
實訓(xùn)項目2 制作簡單網(wǎng)頁
2.1 項目描述及分析
2.2 任務(wù)1 進(jìn)行網(wǎng)站功能設(shè)計
2.3 任務(wù)2 設(shè)計網(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 建立站點
2.4.3 域名和空間的申請
2.4.4 網(wǎng)站文件的上傳
2.5 知識鏈接
2.5.1 網(wǎng)頁中的色彩
2.5.2 網(wǎng)頁基本元素的標(biāo)準(zhǔn)和使用技巧
實訓(xùn)項目3 制作太陽谷旅游網(wǎng)站
3.1 項目描述及分析
3.2 任務(wù)1 添加并編輯文本
3.2.1 添加文本并設(shè)置文本格式
3.2.2 設(shè)置項目列表
3.3 任務(wù)2 添加并編輯圖像
3.3.1 插入圖像
3.3.2 編輯圖像
3.4 任務(wù)3 設(shè)計網(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è)計網(wǎng)站子頁
3.6.1 制作“美食文化”子頁
3.6.2 制作“旅游寶典”子頁
3.7 知識鏈接
3.7.1 文本和段落
3.7.2 圖像的編輯
3.7.3 flash動畫屬性的設(shè)置
3.7.4 圖片熱點超鏈接
3.8 拓展學(xué)習(xí)——旅游類網(wǎng)站的設(shè)計要點
3.8.1 旅游類網(wǎng)站的類型
3.8.2 旅游類網(wǎng)站的設(shè)計要點
實訓(xùn)項目4 制作愛尚咖啡店網(wǎng)站
4.1 項目描述及分析
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è)計咖啡店網(wǎng)站首頁
4.3.1 插入logo和banner
4.3.2 使用嵌套表格
4.3.3 設(shè)計導(dǎo)航條
4.3.4 輸入網(wǎng)頁內(nèi)容及定義
css
4.3.5 設(shè)計其他版面內(nèi)容
4.4 任務(wù)3 設(shè)計咖啡店網(wǎng)站子頁
4.4.1 設(shè)計主要子頁
4.4.2 設(shè)計其他子頁
4.5 知識鏈接
4.5.1 表格數(shù)據(jù)處理
4.5.2 細(xì)線表格
4.6 拓展學(xué)習(xí)——餐飲類網(wǎng)站的設(shè)計要點
4.6.1 餐飲類網(wǎng)站的分類及特點
4.6.2 餐飲類網(wǎng)站的設(shè)計風(fēng)格
實訓(xùn)項目5 制作52門戶網(wǎng)站
5.1 項目描述及分析
5.2 任務(wù)1 制作banner和頁腳
5.2.1 創(chuàng)建庫文件
5.2.2 制作主頁的banner
5.2.3 制作頁腳
5.2.4 庫項目的應(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è)計要點
實訓(xùn)項目6　制作時尚服裝網(wǎng)站
6.1 項目描述及分析
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í)——流行時尚類網(wǎng)站的設(shè)計要點
實訓(xùn)項目7 制作個人網(wǎng)站
7.1 項目描述及分析
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選項卡式面板
7.3.2 制作spry折疊式
7.4 任務(wù)3 制作“我的作品”子頁
7.5 知識鏈接
7.6 拓展學(xué)習(xí)——個人網(wǎng)站的設(shè)計要點
7.6.1 個人網(wǎng)站的設(shè)計原則
7.6.2 個人網(wǎng)站設(shè)計的注意事項
實訓(xùn)項目8 制作童樂幼兒園網(wǎng)站
8.1 項目描述及分析
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è)計要點
8.6.1 教育類網(wǎng)站的分類
8.6.2 教育類網(wǎng)站的設(shè)計要點
實訓(xùn)項目9 制作企業(yè)動態(tài)網(wǎng)站
9.1 項目描述及分析
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è)計要點
實訓(xùn)項目10 制作信息反饋留言系統(tǒng)
10.1 項目描述及分析
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)站點
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è)計信息反饋留言系統(tǒng)頁面
10.4.1 設(shè)計用戶留言頁面
10.4.2 設(shè)計“顯示留言”頁面
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í)
實訓(xùn)