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