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

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