網(wǎng)頁設(shè)計與實訓

第一章　網(wǎng)頁概述與網(wǎng)頁基礎(chǔ)知識
一、網(wǎng)頁概述
1.Internet的發(fā)展
2.網(wǎng)站與網(wǎng)頁
3.網(wǎng)站的現(xiàn)狀與應(yīng)用
二、網(wǎng)頁基礎(chǔ)知識
1.網(wǎng)站制作基本流程
2.網(wǎng)頁中的界面設(shè)計
3.網(wǎng)站風格介紹
4.網(wǎng)頁設(shè)計配色
5.網(wǎng)頁設(shè)計的原則和注意事項
實訓項目－1.合理配色，設(shè)計一張商務(wù)網(wǎng)站的首頁PSD圖
2.合理配色，設(shè)計一張門戶類網(wǎng)站的首頁PSD圖
第二章　網(wǎng)頁設(shè)計與實訓
一、網(wǎng)頁制作起步
1.網(wǎng)頁尺寸大小
2.網(wǎng)頁從靜態(tài)設(shè)計圖片到HTML頁面生成
3.網(wǎng)站規(guī)劃及站點建立
4.認識Dreamweaver操作
5.管理網(wǎng)頁文件
實訓項目－1.建立站點，設(shè)計一張設(shè)計類公司網(wǎng)站的首頁PSD圖，生成HTML文件
2.建立站點，設(shè)計一張軟件類公司網(wǎng)站的首頁PSD圖，生成HTML文件
二、文字及超鏈接
1.文字
2.超鏈接
實訓項目－1.為現(xiàn)成網(wǎng)頁進行超鏈接設(shè)置并完成網(wǎng)頁間鏈接
2.為網(wǎng)頁添加錨點鏈接效果
三、網(wǎng)頁里的圖片
1.網(wǎng)頁圖片格式
2.圖片美化網(wǎng)頁
3.使用Dreamweaver內(nèi)建的編輯圖像功能
4.動態(tài)圖片制作
實訓項目－1.給現(xiàn)有網(wǎng)頁應(yīng)用背景圖片
2.用指定的圖片替換原有的項目列表符號
四、表格及圖層
1.認識表格
2.認識圖層
實訓項目－1.用表格排版網(wǎng)頁，設(shè)計一個博客類網(wǎng)站
2.用層做下拉菜單或漂浮動畫
五、表單
1.創(chuàng)建表單
2.添加表單對象
3.表單的實際案例
實訓項目－1.會員注冊表單
2.問卷調(diào)查表單
六、CSS樣式表文件
1.認識CSS樣式表
2.新建CSS樣式表
3.鏈接外部CSS樣式表
4.CSS樣式表實例
實訓項目－1.使用CSS樣式表設(shè)置網(wǎng)頁背景
2.使用CSS個性表單按鈕
七、使用行為
1.行為基礎(chǔ)
2.行為應(yīng)用
實訓項目－1.制作彈出廣告
2.制作圖片翻轉(zhuǎn)的導航
八、插入動態(tài)元素
1.插入Flash動畫及設(shè)置
2.嵌入視頻文件
3.播放網(wǎng)頁音樂
實訓項目－1.在網(wǎng)頁中添加Flash動畫
2.在網(wǎng)頁中加入背景音樂
九、框架
1.建立框架集與框架頁
2.框架頁插入
3.框架頁之間的編輯
4.美化框架頁
5.建立浮動框架頁
實訓項目一　使用框架設(shè)計并制作一個廣告公司網(wǎng)站
十、模板和庫
1.創(chuàng)建模板
2.修改模板
3.套用模板
4.庫元素在頁面中的應(yīng)用
實訓項目一用模板制作一個校園網(wǎng)站
十一、實例應(yīng)用
1.設(shè)計站點
2.制作站點
3.發(fā)布站點
第三章　優(yōu)秀網(wǎng)頁設(shè)計欣賞與作品評析
一、國內(nèi)優(yōu)秀作品
1.影視類網(wǎng)站
2.音樂類網(wǎng)站
3.休閑、旅游類網(wǎng)站
4.個人主頁類網(wǎng)站
5.教育、科研類網(wǎng)站
6.卡通類網(wǎng)站
二、國外優(yōu)秀作品
1.居家類網(wǎng)站
2.多媒體、數(shù)碼類網(wǎng)站
3.藝術(shù)、設(shè)計類網(wǎng)站
4.公司展示類網(wǎng)站
5.體育運動類網(wǎng)站
寫在后面