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

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