網(wǎng)頁設(shè)計與制作（高職高專）

第1部分　Photloshop一網(wǎng)頁界面設(shè)計
1.1　學習情境一  博客界面背景制作
1.1.1  任務(wù)一：新建網(wǎng)頁文件
1.1.2  任務(wù)二：制作博客界面背景
1.1.3  任務(wù)三：保存博客界面文件
1.1.4  能力拓展
1.1.5  項目經(jīng)驗小結(jié)
1.2  學習情境二  網(wǎng)頁Banner設(shè)計與制作
1.2.1  任務(wù)一：繪制Banner矢量圖背景
1.2.2  任務(wù)二：合成Banner裝飾圖像
1.2.3  任務(wù)三：修飾Banner裝飾圖像
1.2.4　能力拓展
1.2.5  項目經(jīng)驗小結(jié)
1.3　學習情境三  網(wǎng)站導(dǎo)航設(shè)計與制作
1.3.1  任務(wù)一：制作網(wǎng)頁導(dǎo)航
1.3.2  能力拓展
1.3.3  項目經(jīng)驗小結(jié)
1.4  學習情境四　網(wǎng)站首頁內(nèi)容區(qū)制作
1.4.1  任務(wù)一：制作網(wǎng)頁欄目條
1.4.2  任務(wù)二：制作網(wǎng)頁左側(cè)和右側(cè)“文章列表”版塊
1.4.3  任務(wù)三：制作留言板欄目版塊
1.4.4  能力拓展
1.4.5  項目經(jīng)驗小結(jié)
1.5　學習情境五  網(wǎng)站首頁版權(quán)區(qū)制作
1.5.1　任務(wù)一：輸入（導(dǎo)人）版權(quán)區(qū)內(nèi)容
1.5.2  任務(wù)二：設(shè)計版權(quán)區(qū)內(nèi)容效果
1.5.3  能力拓展
1.5.4  項目經(jīng)驗小結(jié)
1.6　學習情境六  網(wǎng)站頻道頁面制作
1.6.1　任務(wù)一：制作網(wǎng)站“我的日志”頻道頁面
1.6.2　任務(wù)二：制作網(wǎng)站“我的相冊”頻道頁面
1.6.3　任務(wù)三：制作網(wǎng)站“我的資料”道頁面
1.6.4　任務(wù)四：制作網(wǎng)站“留言本”頻道頁面
1.6.5  能力拓展
1.6.6  項目經(jīng)驗小結(jié)
第2部分　Dreamweaver——網(wǎng)頁制作
2.1  學習情境一  簡單網(wǎng)頁制作
2.1.1  任務(wù)一艏建建沒網(wǎng)站的基本工作環(huán)境
2.1.2  任務(wù)二：制作博客日志頁面基本結(jié)構(gòu)
2.1.3  任務(wù)三：制作博客首頁
2.1.4  能力拓展
2.1.5  項目經(jīng)驗總結(jié)
2.2  學習情境二  交互式網(wǎng)頁制作
2.2.1　任務(wù)一：制作博客留言頁面基本結(jié)構(gòu)
2.2.2  能力拓展
2.2.3  項目經(jīng)驗小結(jié)
2.3　學習情境三  層疊樣式網(wǎng)頁制作
2.3.1  任務(wù)一：制作首頁樣式
2.3.2  任務(wù)二：制作日志頁面樣式
2.3.3  任務(wù)三：制作留言頁面樣式
2.3.4  能力拓展”
2.3.5  項目經(jīng)驗小結(jié)
2.4　制作學習情境四  簡單特效網(wǎng)頁
2.4.1  任務(wù)一：制作浮動廣告圖片網(wǎng)頁
2.4.2  任務(wù)二：制作設(shè)為首頁、加為收藏的網(wǎng)頁效果
2.4.3  能力拓展
2.4.4  項目經(jīng)驗小結(jié)
第3部分　FIash——簡單動畫制作
第4部分　CMS——博客內(nèi)容管理