Div+CSS網(wǎng)頁(yè)制作實(shí)戰(zhàn)教程
定 價(jià):42.8 元
叢書(shū)名:全國(guó)高等職業(yè)教育“十三五”規(guī)劃教材
- 作者:周蘇峽
- 出版時(shí)間:2017/9/4
- ISBN:9787111577843
- 出 版 社:機(jī)械工業(yè)出版社
- 中圖法分類:TP393.092.2
- 頁(yè)碼:244
- 紙張:膠版紙
- 版次:1
- 開(kāi)本:16K
網(wǎng)頁(yè)設(shè)計(jì)與制作是一門(mén)綜合性學(xué)科,涉及到美工設(shè)計(jì)、圖像處理、動(dòng)畫(huà)制作、HTML、DIV+CSS布局排版、網(wǎng)頁(yè)腳本設(shè)計(jì)等多方面的內(nèi)容。
《Div+CSS網(wǎng)頁(yè)制作實(shí)戰(zhàn)教程》是作者在多年從事網(wǎng)頁(yè)設(shè)計(jì)與制作課程教學(xué)及網(wǎng)站開(kāi)發(fā)實(shí)踐的基礎(chǔ)上,采用工作任務(wù)驅(qū)動(dòng)的教學(xué)方法,對(duì)網(wǎng)頁(yè)靜態(tài)模板制作流程中所涉及的主要知識(shí)點(diǎn)進(jìn)行了梳理,涵蓋的內(nèi)容包括網(wǎng)站創(chuàng)建、頁(yè)面配色、HTML標(biāo)簽、DIV+CSS布局、JavaScript基礎(chǔ)等,其中對(duì)HTML5的新增標(biāo)簽和CSS3的新增屬性進(jìn)行了補(bǔ)充講解,后本書(shū)提供了幾個(gè)網(wǎng)頁(yè)制作綜合實(shí)訓(xùn)的例子,逐步引導(dǎo)學(xué)生完成整體網(wǎng)站界面的制作。
本書(shū)共分五個(gè)項(xiàng)目單元,分別是項(xiàng)目1(網(wǎng)站建設(shè)基礎(chǔ)知識(shí))、項(xiàng)目2(HTML網(wǎng)頁(yè)文檔的編輯)、項(xiàng)目3(網(wǎng)頁(yè)外觀制作技術(shù))、項(xiàng)目4(網(wǎng)頁(yè)的腳本設(shè)計(jì))、項(xiàng)目5(網(wǎng)頁(yè)制作綜合實(shí)訓(xùn))。
本書(shū)層次清楚,內(nèi)容豐富,代碼遵循Web標(biāo)準(zhǔn),知識(shí)實(shí)用,特別適合作為高職高專學(xué)校的網(wǎng)頁(yè)設(shè)計(jì)與制作及相關(guān)課程用書(shū)或培訓(xùn)教材,也可作為中職計(jì)算機(jī)應(yīng)用、計(jì)算機(jī)網(wǎng)絡(luò)技術(shù)等專業(yè)相關(guān)課程的教材及廣大網(wǎng)頁(yè)設(shè)計(jì)制作愛(ài)好者的學(xué)習(xí)參考書(shū)。
適讀人群 :高職高專學(xué)生
淺顯易懂,理論與實(shí)踐相結(jié)合
采用項(xiàng)目式編寫(xiě),后提供綜合實(shí)訓(xùn)
在互聯(lián)網(wǎng)蓬勃發(fā)展的今天,每個(gè)企業(yè)或個(gè)人都希望在Internet上擁有自己的一片天地,以展示形象和宣傳產(chǎn)品,網(wǎng)頁(yè)正是作為這樣一種信息表現(xiàn)媒介得到了充分的重視和廣泛的應(yīng)用。
《Div+CSS網(wǎng)頁(yè)制作實(shí)戰(zhàn)教程》作為一本介紹網(wǎng)頁(yè)制作的教材,主要從實(shí)際的工作過(guò)程需要和知識(shí)的實(shí)用性來(lái)講解網(wǎng)頁(yè)制作的知識(shí)點(diǎn),在完成各個(gè)工作任務(wù)的過(guò)程中逐步展開(kāi)所涉及的知識(shí)點(diǎn)。
本書(shū)內(nèi)容豐富實(shí)用,理論與實(shí)踐緊密結(jié)合,我們?cè)诰W(wǎng)頁(yè)制作的教學(xué)和應(yīng)用開(kāi)發(fā)中堅(jiān)持遵守Web標(biāo)準(zhǔn)、堅(jiān)持制作流程的規(guī)范化及代碼的簡(jiǎn)潔實(shí)用性等設(shè)計(jì)理念。
在本書(shū)項(xiàng)目五的綜合實(shí)訓(xùn)中我們提供了幾個(gè)應(yīng)用實(shí)例供學(xué)生在整周實(shí)訓(xùn)或課程設(shè)計(jì)中選用。
為達(dá)到較好的學(xué)習(xí)效果,本書(shū)的計(jì)劃學(xué)時(shí)應(yīng)不低于120學(xué)時(shí),其中課堂講授45學(xué)時(shí),上機(jī)操作45學(xué)時(shí),再加30學(xué)時(shí)的綜合實(shí)訓(xùn)。
本書(shū)的項(xiàng)目1由陳文明編寫(xiě),項(xiàng)目2和項(xiàng)目3由周蘇峽編寫(xiě),項(xiàng)目4由陳玉平、何峽峰編寫(xiě),項(xiàng)目5由劉本軍、張菁嶸、黃亞嫻、王靚靚、劉桂蘭等編寫(xiě),全書(shū)由周蘇峽統(tǒng)稿。
本書(shū)適用于高職高專類學(xué)!毒W(wǎng)頁(yè)設(shè)計(jì)與制作》、《CSS+DIV網(wǎng)頁(yè)樣式與布局》等課程的教材,也可以作為網(wǎng)頁(yè)設(shè)計(jì)愛(ài)好者的學(xué)習(xí)參考書(shū)。
由于本書(shū)的編寫(xiě)時(shí)間倉(cāng)促,書(shū)中難免有不妥與疏漏之處,敬請(qǐng)各位讀者批評(píng)指正。
項(xiàng)目1 網(wǎng)站建設(shè)基礎(chǔ)知識(shí)
任務(wù)1.1 網(wǎng)站的創(chuàng)建流程
1.1.1 任務(wù)分析
1.1.2 網(wǎng)站服務(wù)器的創(chuàng)建流程
1.1.3 IIS的安裝與配置
1.1.4 Apache的安裝與配置
1.1.5 網(wǎng)站內(nèi)容的上傳與下載
1.1.6 任務(wù)實(shí)施
任務(wù)1.2 網(wǎng)站的分類與用色基礎(chǔ)
1.2.1 任務(wù)分析
1.2.2 網(wǎng)頁(yè)的分類
1.2.3 網(wǎng)頁(yè)配色原則
1.2.4 任務(wù)實(shí)施
項(xiàng)目2 HTML網(wǎng)頁(yè)文檔的編輯
任務(wù)2.1 根據(jù)頁(yè)面效果圖切片
2.1.1 任務(wù)分析
2.1.2 Fireworks基本操作
2.1.3 任務(wù)實(shí)施
任務(wù)2.2 網(wǎng)頁(yè)編輯軟件Dreamweaver CS6的基本操作
2.2.1 任務(wù)分析
2.2.2 Dreamweaver CS6的特點(diǎn)與基本操作
2.2.3 任務(wù)實(shí)施
任務(wù)2.3 HTML文檔及常用標(biāo)簽
2.3.1 任務(wù)分析
2.3.2 HTML文檔
2.3.3 段落、轉(zhuǎn)行及水平線標(biāo)簽
2.3.4 div與span標(biāo)簽
2.3.5 插入文本
2.3.6 插入圖片
2.3.7 插入超鏈接
2.3.8 插入列表
2.3.9 表格設(shè)計(jì)
2.3.10插入多媒體元素
2.3.11表單頁(yè)設(shè)計(jì)
2.3.12滾動(dòng)字幕設(shè)計(jì)
2.3.13分組(fieldset)標(biāo)簽
2.3.14浮動(dòng)框架(iframe)標(biāo)簽
2.3.15HTML的注釋
2.3.16導(dǎo)入外部樣式與腳本
2.3.17框架頁(yè)制作
2.3.18HTML5的新增標(biāo)簽
2.3.19任務(wù)實(shí)施
項(xiàng)目3 網(wǎng)頁(yè)外觀制作技術(shù)
任務(wù)3.1 網(wǎng)頁(yè)樣式表基礎(chǔ)
3.1.1 任務(wù)分析
3.1.2 層疊樣式表(CSS)的基本概念
3.1.3 層疊樣式表(CSS)定義與引用
3.1.4 選擇器的集體聲明與CSS的注釋
3.1.5 選擇器的嵌套與繼承
3.1.6 HTML文檔與外部樣式文檔的關(guān)聯(lián)
3.1.7 樣式的優(yōu)先級(jí)
3.1.8 任務(wù)實(shí)施
任務(wù)3.2 常見(jiàn)頁(yè)面效果的樣式設(shè)計(jì)
3.2.1 任務(wù)分析
3.2.2 CSS文字效果
3.2.3 CSS圖片效果
3.2.4 CSS網(wǎng)頁(yè)背景效果
3.2.5 CSS鏈接效果
3.2.6 CSS定位
3.2.7 CSS濾鏡
3.2.8 任務(wù)實(shí)施
任務(wù)3.3 DIV+CSS網(wǎng)頁(yè)布局與導(dǎo)航設(shè)計(jì)
3.3.1 任務(wù)分析
3.3.2 DIV+CSS網(wǎng)頁(yè)布局
3.3.3 CSS導(dǎo)航設(shè)計(jì)
3.3.4 CSS的簡(jiǎn)寫(xiě)及其他控制效果
3.3.5 任務(wù)實(shí)施
任務(wù)3.4 CSS 3.0 新增屬性及其應(yīng)用
3.4.1 任務(wù)分析
3.4.2 CSS 3.0 的新增屬性
3.4.3 CSS 3.0應(yīng)用實(shí)例
3.4.4 任務(wù)實(shí)施
任務(wù)3.5 網(wǎng)頁(yè)樣式的兼容性設(shè)計(jì)
3.5.1 任務(wù)分析
3.5.2 常見(jiàn)瀏覽器及其特點(diǎn)
3.5.3 網(wǎng)頁(yè)樣式的兼容性設(shè)計(jì)
3.5.4 任務(wù)實(shí)施
項(xiàng)目4 網(wǎng)頁(yè)的腳本設(shè)計(jì)
任務(wù)4.1 網(wǎng)頁(yè)腳本基礎(chǔ)
4.1.1任務(wù)分析
4.1.2JavaScript語(yǔ)言基礎(chǔ)
4.1.3JavaScript常用對(duì)象
4.1.4任務(wù)實(shí)施
任務(wù)4.2 網(wǎng)頁(yè)腳本應(yīng)用實(shí)例
4.2.1 任務(wù)分析
4.2.2 任務(wù)實(shí)施
項(xiàng)目5 網(wǎng)頁(yè)制作綜合實(shí)訓(xùn)
任務(wù)5.1 登錄頁(yè)面制作
5.1.1 任務(wù)分析
5.1.2 頁(yè)面結(jié)構(gòu)分析
5.1.3 任務(wù)實(shí)施
任務(wù)5.2 咖啡店首頁(yè)制作
5.2.1 任務(wù)分析
5.2.2 頁(yè)面結(jié)構(gòu)分析
5.2.3 任務(wù)實(shí)施
任務(wù)5.3 游戲頁(yè)面首頁(yè)制作
5.3.1 任務(wù)分析
5.3.2 頁(yè)面結(jié)構(gòu)分析
5.3.3 任務(wù)實(shí)施
任務(wù)5.4 購(gòu)物網(wǎng)首頁(yè)制作
5.4.1 任務(wù)分析
5.4.2 頁(yè)面結(jié)構(gòu)分析
5.4.3 任務(wù)實(shí)施
任務(wù)5.5 音樂(lè)網(wǎng)首頁(yè)制作
5.5.1 任務(wù)分析
5.5.2 頁(yè)面結(jié)構(gòu)分析
5.5.3 任務(wù)實(shí)施
參考文獻(xiàn)