本書是“十三五”職業(yè)教育國家規(guī)劃教材。
本書采用項目教學(xué)編寫方式，結(jié)合實際工作由淺入深地設(shè)置了9個教學(xué)項目，學(xué)生通過完成一個個項目任務(wù)，從實際操作中掌握網(wǎng)頁設(shè)計與制作的基本知識，尤其是項目中的綜合性任務(wù)的訓(xùn)練，有利于幫助培養(yǎng)學(xué)生綜合運用所學(xué)知識的能力。本書涵蓋了Adobe等公司行業(yè)認證的要求。在內(nèi)容編排上設(shè)置了預(yù)備知識、綜合案例、線上知識、線下知識及實訓(xùn)，符合職業(yè)教育的特點。
本書適合作為高等職業(yè)教育計算機類相關(guān)專業(yè)的教材，也可作為網(wǎng)頁設(shè)計愛好者的自學(xué)用書或培訓(xùn)教材。
項目1 網(wǎng)頁設(shè)計工作認知——了解網(wǎng)頁設(shè)計的基本知識和流程
項目描述與分析
預(yù)備知識
任務(wù)1 了解網(wǎng)頁設(shè)計的要素
任務(wù)2 了解網(wǎng)站的建設(shè)流程
知識鏈接
實訓(xùn)
項目2 創(chuàng)建“嵐嵐窯”手工陶藝網(wǎng)站——使用Photoshop設(shè)計制作網(wǎng)頁草圖、切片并導(dǎo)出
項目描述與分析
預(yù)備知識
任務(wù) 使用Photoshop設(shè)計制作網(wǎng)頁
知識鏈接
項目3 創(chuàng)建“瓷器網(wǎng)”網(wǎng)站——使用Dreamweaver建立站點并制作首頁
項目描述與分析
預(yù)備知識
任務(wù)1 建立站點
任務(wù)2 制作“瓷器網(wǎng)”首頁
知識鏈接
實訓(xùn)
項目4 創(chuàng)建“楊柳青飯店”網(wǎng)站——插入和編輯圖像、制作超鏈接
項目描述與分析
預(yù)備知識
任務(wù)1 制作“關(guān)于我們”頁面
任務(wù)2 制作“特色菜肴”頁面
任務(wù)3 制作“廚師風(fēng)采”頁面
知識鏈接
實訓(xùn)
項目5 創(chuàng)建“海洋天堂”網(wǎng)站——在網(wǎng)頁中使用多媒體對象
項目描述與分析
預(yù)備知識
任務(wù)1 在網(wǎng)頁中插入Banner動畫
任務(wù)2 在網(wǎng)頁中插入SWF動畫和HTML5視頻
知識鏈接
實訓(xùn)
項目6 創(chuàng)建“芭比樂”手工冰淇淋網(wǎng)站——使用表格進行頁面布局
項目描述與分析
預(yù)備知識
任務(wù)1 制作“冰淇淋歷史”頁面
任務(wù)2 制作“繽紛產(chǎn)品”頁面
知識鏈接
實訓(xùn)
項目7 創(chuàng)建“遇見鮮花”網(wǎng)上花店（一）——利用Div+CSS布局網(wǎng)頁
項目描述與分析
預(yù)備知識
任務(wù) 利用Div+CSS制作網(wǎng)上花店首頁
知識鏈接
實訓(xùn)
項目8 創(chuàng)建“遇見鮮花”網(wǎng)上花店（二）——利用庫元件和模板快速制作網(wǎng)頁
項目描述與分析
預(yù)備知識
任務(wù)1 完成“首頁”和“關(guān)于我們”頁面的制作
任務(wù)2 制作“聯(lián)系我們”頁面
知識鏈接
實訓(xùn)
項目9 創(chuàng)建“一里麥香”烘焙工坊網(wǎng)站——使用表單與行為
項目描述與分析
預(yù)備知識
任務(wù)1 制作“一里麥香”網(wǎng)站用戶注冊頁面
任務(wù)2 為“一里麥香”網(wǎng)站添加交互功能
知識鏈接
實訓(xùn)
項目10 創(chuàng)建“方寸世界”攝影圖片網(wǎng)站——響應(yīng)式布局
項目描述與分析
預(yù)備知識
任務(wù)1 制作“方寸世界”作品頁頭部區(qū)域
任務(wù)2 制作“方寸世界”作品頁導(dǎo)航及主要內(nèi)容區(qū)
任務(wù)3 制作“方寸世界”作品頁底部并添加媒體查詢
知識鏈接
實訓(xùn)
書單推薦
