《網(wǎng)頁設(shè)計(jì)與制作/高等職業(yè)教育“十二五”規(guī)劃教材》在內(nèi)容上力求突出實(shí)用、簡單生動的特點(diǎn)。通過對《網(wǎng)頁設(shè)計(jì)與制作/高等職業(yè)教育“十二五”規(guī)劃教材》的學(xué)習(xí),讀者對網(wǎng)頁設(shè)計(jì)將有一個全面的了解,并能掌握靜態(tài)頁面制作的全過程,設(shè)計(jì)制作出滿意的網(wǎng)頁。
《網(wǎng)頁設(shè)計(jì)與制作/高等職業(yè)教育“十二五”規(guī)劃教材》作為高職高專教學(xué)用書,是根據(jù)當(dāng)前高職高專學(xué)生和教學(xué)環(huán)境的現(xiàn)狀,結(jié)合職業(yè)需求,采用“工學(xué)結(jié)合”的思路,以“項(xiàng)目引領(lǐng)”“任務(wù)驅(qū)動”的形式,在Dreamweaver的環(huán)境中,從開始整理網(wǎng)站需求,到網(wǎng)站中每個網(wǎng)頁的制作,一步步地引領(lǐng)讀者完成整個網(wǎng)站的設(shè)計(jì)與制作。本書以一個比較完整的靜態(tài)網(wǎng)站設(shè)計(jì)貫穿始終,內(nèi)容從網(wǎng)站的需求分析、建立過程到網(wǎng)站的發(fā)布與測試,將實(shí)際工作中網(wǎng)站設(shè)計(jì)的主要環(huán)節(jié)都體現(xiàn)在其中。通過《網(wǎng)頁設(shè)計(jì)與制作/高等職業(yè)教育“十二五”規(guī)劃教材》的學(xué)習(xí),讀者不僅能掌握網(wǎng)頁設(shè)計(jì)制作軟件的使用技能,還能熟練掌握網(wǎng)頁設(shè)計(jì)的各個環(huán)節(jié)所完成的任務(wù)以及具體做法,從而為實(shí)際工作奠定堅(jiān)實(shí)的基礎(chǔ)。
本書共分為9個學(xué)習(xí)情境。學(xué)習(xí)情境1是網(wǎng)站初識,主要包括網(wǎng)頁設(shè)計(jì)的基本概念、基本原理以及HTML中常用的標(biāo)記;學(xué)習(xí)情境2是網(wǎng)站需求分析,主要包括網(wǎng)站的開發(fā)流程、開發(fā)要點(diǎn)、常用開發(fā)工具、網(wǎng)站的需求分析過程、需求分析說明書的書寫;學(xué)習(xí)情境3是網(wǎng)站模板設(shè)計(jì),主要包括模板的制作過程,以及CSS樣式;學(xué)習(xí)情境4是網(wǎng)站首頁設(shè)計(jì),主要包括首頁的設(shè)計(jì)過程,以及涉及的盒子模型、布局模型等知識點(diǎn);學(xué)習(xí)情境5是日志頁面設(shè)計(jì),主要包括日志頁面的設(shè)計(jì)過程,以及表格的相關(guān)知識;學(xué)習(xí)情境6是音樂頁面設(shè)計(jì),主要包括了頁面中多媒體元素的添加,以及如何設(shè)置滾動字幕、如何添加javascript文件等;學(xué)習(xí)情境7是相冊頁面設(shè)計(jì),主要包括了相冊頁面的首頁設(shè)計(jì),以及采用框架方式設(shè)計(jì)頁面的相關(guān)知識點(diǎn);學(xué)習(xí)情境8是注冊頁面設(shè)計(jì),主要包括了注冊頁面的設(shè)計(jì)過程,以及表單、如何產(chǎn)生驗(yàn)證碼、如何檢查驗(yàn)證輸入信息等相關(guān)知識點(diǎn);學(xué)習(xí)情境9是網(wǎng)站發(fā)布與測試,主要包括如何將網(wǎng)站發(fā)布到互聯(lián)網(wǎng)上,以及如何測試網(wǎng)站是否可以正常瀏覽等。
學(xué)習(xí)情境1 網(wǎng)站初識
1.1 網(wǎng)站的基本概念
1.2 制作網(wǎng)站的過程
1.3 網(wǎng)站的工作原理
1.4 HTML簡介
1.5 單元小結(jié)
1.6 拓展知識
學(xué)習(xí)情境2 網(wǎng)站需求分析
2.1 任務(wù)分解
任務(wù)1學(xué)習(xí)網(wǎng)站開發(fā)流程
任務(wù)2學(xué)習(xí)如何進(jìn)行網(wǎng)站需求分析
2.2 主要知識點(diǎn)
2.2.1 網(wǎng)站設(shè)計(jì)的任務(wù)
2.2.2 網(wǎng)站設(shè)計(jì)的主要流程
2.2.3 網(wǎng)站設(shè)計(jì)的要領(lǐng)
2.2.4 網(wǎng)站開發(fā)常用工具
2.3 單元小結(jié)
2.4 拓展知識
學(xué)習(xí)情境3 網(wǎng)站模板設(shè)計(jì)
3.1 任務(wù)分解
任務(wù)設(shè)計(jì)網(wǎng)站模板
3.2 主要知識點(diǎn)
3.2.1 CSS樣式表
3.2.2 DIV
3.2.3 列表標(biāo)記
3.3 單元小結(jié)
3.4 拓展知識
學(xué)習(xí)情境4 網(wǎng)站首頁設(shè)計(jì)
4.1 任務(wù)分解
任務(wù)1 “個人資料”設(shè)計(jì)
任務(wù)2 “日志”設(shè)計(jì)
任務(wù)3 “最新日志”設(shè)計(jì)
4.2 主要知識點(diǎn)
4.2.1 CSS盒子模型
4.2.2 布局模型
4.2.3 網(wǎng)站的站點(diǎn)
4.2.4 超級鏈接
4.3 單元小結(jié)
4.4 拓展知識
學(xué)習(xí)情境5 日志頁面設(shè)計(jì)
5.1 任務(wù)分解
任務(wù)日志頁面設(shè)計(jì)
5.2 主要知識點(diǎn)
5.2.1 表格的基本知識
5.2.2 表格頁眉與輔助功能
5.2.3 表格基本操作
5.2.4 表格的HTML標(biāo)記
5.2.5 表格嵌套
5.2.6 應(yīng)用表格布局頁面
5.3 單元小結(jié)
5.4 拓展知識
學(xué)習(xí)情境6 音樂頁面設(shè)計(jì)
6.1 任務(wù)分解
任務(wù)1“專輯列表”設(shè)計(jì)
任務(wù)2“視頻專輯”設(shè)計(jì)
任務(wù)3“歌曲列表”設(shè)計(jì)
任務(wù)4“歌曲播放”設(shè)計(jì)
任務(wù)5“歌詞”設(shè)計(jì)
6.2 主要知識點(diǎn)
6.2.1 腳本語言
6.2.2 滾動字幕標(biāo)記
6.2.3 多媒體元素添加
……
學(xué)習(xí)情境7 相冊頁面設(shè)計(jì)
學(xué)習(xí)情境8 注冊頁面設(shè)計(jì)
學(xué)習(xí)情境9 網(wǎng)站發(fā)布與測試
附錄