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