項(xiàng)目1 網(wǎng)頁設(shè)計(jì)工作認(rèn)知——了解網(wǎng)頁設(shè)計(jì)的基本知識(shí)和流程
項(xiàng)目描述與分析
預(yù)備知識(shí)
任務(wù)1 了解網(wǎng)頁設(shè)計(jì)的要素
任務(wù)2 了解網(wǎng)站的建設(shè)流程
知識(shí)鏈接
實(shí)訓(xùn)
項(xiàng)目2 創(chuàng)建“嵐嵐窯”手工陶藝網(wǎng)站——使用Photoshop設(shè)計(jì)制作網(wǎng)頁草圖、切片并導(dǎo)出
項(xiàng)目描述與分析
預(yù)備知識(shí)
任務(wù) 使用Photoshop設(shè)計(jì)制作網(wǎng)頁
知識(shí)鏈接
項(xiàng)目3 創(chuàng)建“瓷器網(wǎng)”網(wǎng)站——使用Dreamweaver建立站點(diǎn)并制作首頁
項(xiàng)目描述與分析
預(yù)備知識(shí)
任務(wù)1 建立站點(diǎn)
任務(wù)2 制作“瓷器網(wǎng)”首頁
知識(shí)鏈接
實(shí)訓(xùn)
項(xiàng)目4 創(chuàng)建“楊柳青飯店”網(wǎng)站——插入和編輯圖像、制作超鏈接
項(xiàng)目描述與分析
預(yù)備知識(shí)
任務(wù)1 制作“關(guān)于我們”頁面
任務(wù)2 制作“特色菜肴”頁面
任務(wù)3 制作“廚師風(fēng)采”頁面
知識(shí)鏈接
實(shí)訓(xùn)
項(xiàng)目5 創(chuàng)建“海洋天堂”網(wǎng)站——在網(wǎng)頁中使用多媒體對(duì)象
項(xiàng)目描述與分析
預(yù)備知識(shí)
任務(wù)1 在網(wǎng)頁中插入Banner動(dòng)畫
任務(wù)2 在網(wǎng)頁中插入SWF動(dòng)畫和HTML5視頻
知識(shí)鏈接
實(shí)訓(xùn)
項(xiàng)目6 創(chuàng)建“芭比樂”手工冰淇淋網(wǎng)站——使用表格進(jìn)行頁面布局
項(xiàng)目描述與分析
預(yù)備知識(shí)
任務(wù)1 制作“冰淇淋歷史”頁面
任務(wù)2 制作“繽紛產(chǎn)品”頁面
知識(shí)鏈接
實(shí)訓(xùn)
項(xiàng)目7 創(chuàng)建“遇見鮮花”網(wǎng)上花店（一）——利用Div+CSS布局網(wǎng)頁
項(xiàng)目描述與分析
預(yù)備知識(shí)
任務(wù) 利用Div+CSS制作網(wǎng)上花店首頁
知識(shí)鏈接
實(shí)訓(xùn)
項(xiàng)目8 創(chuàng)建“遇見鮮花”網(wǎng)上花店（二）——利用庫元件和模板快速制作網(wǎng)頁
項(xiàng)目描述與分析
預(yù)備知識(shí)
任務(wù)1 完成“首頁”和“關(guān)于我們”頁面的制作
任務(wù)2 制作“聯(lián)系我們”頁面
知識(shí)鏈接
實(shí)訓(xùn)
項(xiàng)目9 創(chuàng)建“一里麥香”烘焙工坊網(wǎng)站——使用表單與行為
項(xiàng)目描述與分析
預(yù)備知識(shí)
任務(wù)1 制作“一里麥香”網(wǎng)站用戶注冊(cè)頁面
任務(wù)2 為“一里麥香”網(wǎng)站添加交互功能
知識(shí)鏈接
實(shí)訓(xùn)
項(xiàng)目10 創(chuàng)建“方寸世界”攝影圖片網(wǎng)站——響應(yīng)式布局
項(xiàng)目描述與分析
預(yù)備知識(shí)
任務(wù)1 制作“方寸世界”作品頁頭部區(qū)域
任務(wù)2 制作“方寸世界”作品頁導(dǎo)航及主要內(nèi)容區(qū)
任務(wù)3 制作“方寸世界”作品頁底部并添加媒體查詢
知識(shí)鏈接
實(shí)訓(xùn)