網(wǎng)頁設(shè)計(jì)實(shí)戰(zhàn)教程(HTML+CSS+JavaScript)
定 價(jià):59.8 元
叢書名:高職高專新課程體系規(guī)劃教材·計(jì)算機(jī)系列
- 作者:陳翠娥,王濤, 唐一韜, 仝瑞欽
- 出版時(shí)間:2018/9/1
- ISBN:9787302510253
- 出 版 社:清華大學(xué)出版社
- 中圖法分類:TP312JA
- 頁碼:
- 紙張:膠版紙
- 版次:
- 開本:16開
《網(wǎng)頁設(shè)計(jì)實(shí)戰(zhàn)教程(HTML CSS JavaScript)》以項(xiàng)目案例為主導(dǎo),融合筆者多年的教學(xué)經(jīng)驗(yàn),采用任務(wù)驅(qū)動(dòng)的模式詳細(xì)講述了HTML、CSS、JavaScript等*基本的網(wǎng)頁設(shè)計(jì)元素與使用技巧。全書分為6個(gè)模塊,前3個(gè)模塊為必修模塊,分別講解了HTML、CSS、JavaScript三個(gè)知識(shí)點(diǎn);后3個(gè)模塊為選修模塊,分別為網(wǎng)頁設(shè)計(jì)相關(guān)軟件介紹、美工基礎(chǔ)知識(shí)、網(wǎng)頁設(shè)計(jì)新技術(shù)介紹,可供學(xué)生自學(xué)或選學(xué)。這種安排可實(shí)現(xiàn)分層或分階段教學(xué)。每個(gè)模塊后都安排有模塊自測(cè)題,可及時(shí)鞏固該模塊的學(xué)習(xí)效果;每個(gè)任務(wù)后也有小練習(xí),可隨時(shí)學(xué)一學(xué)、練一練。
本書配套資源包括PPT課件、書中案例源文件、習(xí)題/自測(cè)題答案及教學(xué)微視頻。
本書可作為網(wǎng)頁制作初學(xué)者的入門教程,同時(shí)也可作為網(wǎng)站建設(shè)專業(yè)人士的參考用書。
《網(wǎng)頁設(shè)計(jì)實(shí)戰(zhàn)教程(HTML CSS JavaScript)》可為網(wǎng)頁設(shè)計(jì)和網(wǎng)站建設(shè)的新手、網(wǎng)頁設(shè)計(jì)愛好者與自學(xué)者、網(wǎng)站建設(shè)與開發(fā)人員、大中專院校相關(guān)專業(yè)師生、世界大學(xué)城空間平臺(tái)的用戶提供與Web編程相關(guān)的基礎(chǔ)知識(shí)本書內(nèi)容在設(shè)計(jì)和編排時(shí)不求全、求深,而是考慮零基礎(chǔ)讀者的接受能力,以必須、夠用為原則,選擇網(wǎng)頁設(shè)計(jì)過程中必備、實(shí)用的知識(shí)進(jìn)行講解,并選用世界大學(xué)城空間平臺(tái)的一些真實(shí)案例與知識(shí)進(jìn)行配套,讓用戶能夠即學(xué)即用。
網(wǎng)頁設(shè)計(jì)愛好者與自學(xué)者
網(wǎng)站建設(shè)與開發(fā)人員
大中專院校相關(guān)專業(yè)師生
世界大學(xué)城空間平臺(tái)的用戶
隨著互聯(lián)網(wǎng)行業(yè)的快速發(fā)展和Web2.0技術(shù)的廣泛應(yīng)用,用戶要開發(fā)實(shí)用的Web應(yīng)用程序,須熟練掌握與Web編程相關(guān)的基礎(chǔ)知識(shí)。在Web標(biāo)準(zhǔn)中,HTML/XHTML負(fù)責(zé)頁面結(jié)構(gòu),CSS負(fù)責(zé)樣式表現(xiàn),JavaScript負(fù)責(zé)動(dòng)態(tài)行為。網(wǎng)頁制作人員需了解HTML、CSS、JavaScript等網(wǎng)頁設(shè)計(jì)語言和技術(shù)的使用,才能更好地設(shè)計(jì)出優(yōu)秀的網(wǎng)頁作品。
本書的前身
2010年,長(zhǎng)沙民政職業(yè)技術(shù)學(xué)院引入世界大學(xué)城空間平臺(tái)作為信息化教學(xué)平臺(tái),并在該平臺(tái)上開發(fā)建設(shè)了多門空間資源課程。2012年,專業(yè)基礎(chǔ)課《網(wǎng)頁設(shè)計(jì)客戶端技術(shù)》因其教案、課件、微視頻、習(xí)題、自測(cè)題、討論社區(qū)等各類資源豐富獲得了特等獎(jiǎng);2014年,該課程又取得湖南省名師空間課堂的立項(xiàng),重建并豐富課程資源,尤其是建設(shè)了有慕課、慕特等特色的資源;2015年驗(yàn)收結(jié)果為優(yōu)秀,進(jìn)而取得湖南省教師信息化教學(xué)應(yīng)用示范網(wǎng)絡(luò)學(xué)習(xí)空間的立項(xiàng),并進(jìn)一步完善了相關(guān)課程資源。經(jīng)過多次修改后決定出版本書。
本書適合讀者
● 網(wǎng)頁設(shè)計(jì)和網(wǎng)站建設(shè)的新手
● 網(wǎng)頁設(shè)計(jì)愛好者與自學(xué)者
● 網(wǎng)站建設(shè)與開發(fā)人員
● 大中專院校相關(guān)專業(yè)師生
● 世界大學(xué)城空間平臺(tái)的用戶
為什么要學(xué)習(xí)本書
本書以項(xiàng)目實(shí)例為導(dǎo)向,通過項(xiàng)目將知識(shí)串聯(lián)在一起,達(dá)到完成項(xiàng)目的同時(shí)掌握相關(guān)知識(shí)的目的。本書具有以下特點(diǎn)。
1. 零基礎(chǔ)入門
讀者即使沒有任何網(wǎng)頁設(shè)計(jì)的相關(guān)基礎(chǔ),跟隨本書也可以輕松掌握HTML、CSS和JavaScript的各種基本技能和使用方法。
2. 學(xué)習(xí)成本低
本書在構(gòu)建開發(fā)環(huán)境時(shí),選擇的是使用最為廣泛的Windows操作系統(tǒng),編寫網(wǎng)頁采用操作系統(tǒng)自帶的記事本和Dreamweaver進(jìn)行講解,對(duì)軟件、硬件沒有特殊要求。
3. 內(nèi)容精心設(shè)計(jì)編排
網(wǎng)頁設(shè)計(jì)的內(nèi)容涉及范圍非常廣,本書內(nèi)容在設(shè)計(jì)和編排時(shí)不求全、求深,而是考慮零基礎(chǔ)讀者的接受能力,以必須、夠用為原則,選擇網(wǎng)頁設(shè)計(jì)過程中必備、實(shí)用的知識(shí)進(jìn)行講解,并選用世界大學(xué)城空間平臺(tái)的一些真實(shí)案例與知識(shí)進(jìn)行配套,讓用戶能夠即學(xué)即用。
4. 理論與實(shí)踐相結(jié)合
本書通過精心設(shè)計(jì)的案例將知識(shí)點(diǎn)融入其中,方便教師教學(xué),也方便讀者學(xué)習(xí)。
5. 資源豐富
本書提供所有實(shí)例的完整源代碼、素材文件及資源。
本書的主要內(nèi)容如下。
章節(jié) 主 要 內(nèi) 容
模塊1 認(rèn)識(shí)HTML、HTML標(biāo)簽及其屬性,認(rèn)識(shí)和掌握HTML文檔的結(jié)構(gòu),學(xué)會(huì)使用表格、層和框架及框架集來完成頁面布局,學(xué)會(huì)表單的設(shè)計(jì)
模塊2 認(rèn)識(shí)和掌握CSS選擇器,學(xué)會(huì)使用字體、文本和背景屬性美化網(wǎng)頁,使用邊框、邊距等屬性
模塊3 JavaScript程序輸入輸出,分支和循環(huán)結(jié)構(gòu),異常驗(yàn)證和JavaScript對(duì)象
模塊4 網(wǎng)頁設(shè)計(jì)相關(guān)軟件介紹和使用
模塊5 顏色的認(rèn)識(shí)和色彩的搭配
模塊6 網(wǎng)頁設(shè)計(jì)新技術(shù)HTML5、CSS3等介紹
致謝
本書初稿在2014年名師空間課堂項(xiàng)目建設(shè)中已基本完成,通過近幾年的修訂完善于2018年正式出版。本書由陳翠娥擔(dān)任主編,王濤、唐一韜、仝瑞欽擔(dān)任副主編,參加編寫的還有蔣國清、符春、嚴(yán)志等。陳翠娥負(fù)責(zé)教材的總體設(shè)計(jì)、統(tǒng)稿和審稿工作,并完成了模塊1和模塊2的編寫工作;王濤、唐一韜、仝瑞欽他們共同參與了本書的審稿、校稿工作,另外,王濤還完成了模塊3的編寫工作,蔣國清編寫了模塊4,符春編寫了模塊5,嚴(yán)志編寫了模塊6;在此向他們表示衷心的感謝。
本書以項(xiàng)目案例為引領(lǐng),將知識(shí)點(diǎn)的學(xué)習(xí)貫穿于項(xiàng)目案例始終。由于是一種全新的嘗試,能否得到同行的認(rèn)可,能否給教學(xué)帶來全新的體驗(yàn),都要經(jīng)過實(shí)踐的檢驗(yàn)。由于編者水平有限,書中疏漏之處在所難免,懇請(qǐng)各位讀者給予批評(píng)和指正。
模塊1 HTML超文本標(biāo)記語言1
【項(xiàng)目案例】1
案例1 物流管理系統(tǒng)(使用表格布局的一個(gè)示例網(wǎng)站)1
案例2 在世界大學(xué)城空間添加一個(gè)HTML模塊5
【知識(shí)點(diǎn)學(xué)習(xí)】6
任務(wù)1 認(rèn)識(shí)HTML6
任務(wù)2 認(rèn)識(shí)HTML標(biāo)簽的屬性12
任務(wù)3 使用定義文檔結(jié)構(gòu)、文字與段落等標(biāo)簽設(shè)計(jì)網(wǎng)頁15
任務(wù)4 使用層、表格布局等標(biāo)簽設(shè)計(jì)網(wǎng)頁23
任務(wù)5 使用項(xiàng)目符號(hào)和列表、超鏈接等標(biāo)簽設(shè)計(jì)網(wǎng)頁29
任務(wù)6 使用表單標(biāo)簽設(shè)計(jì)網(wǎng)頁37
任務(wù)7 使用框架集、框架等標(biāo)簽設(shè)計(jì)網(wǎng)頁44
任務(wù)8 使用圖像、圖像映射及其他標(biāo)簽設(shè)計(jì)網(wǎng)頁48
【模塊1自測(cè)】54
模塊2 CSS級(jí)聯(lián)樣式表57
【項(xiàng)目案例】57
案例1 咪咪音樂網(wǎng)站(使用DIV CSS布局的一個(gè)示例網(wǎng)站)57
案例2 美化世界大學(xué)城展示空間60
【知識(shí)點(diǎn)學(xué)習(xí)】61
任務(wù)1 認(rèn)識(shí)CSS 61
任務(wù)2 認(rèn)識(shí)CSS的選擇器67
任務(wù)3 使用字體、文本、背景屬性美化網(wǎng)頁71
任務(wù)4 使用邊框、邊距屬性美化網(wǎng)頁85
任務(wù)5 使用表格、列表及定位屬性美化網(wǎng)頁93
【模塊2自測(cè)】112
模塊3 JavaScript腳本語言115
【項(xiàng)目案例】115
案例1 銀行信貸管理系統(tǒng)(使用腳本語言的一個(gè)示例網(wǎng)站)115
案例2 給世界大學(xué)城空間添加JS代碼特效121
【知識(shí)點(diǎn)學(xué)習(xí)】122
任務(wù)1 認(rèn)識(shí)JavaScript 122
任務(wù)2 掌握J(rèn)avaScript的語法130
任務(wù)3 使用JavaScript分支結(jié)構(gòu)編程141
任務(wù)4 使用JavaScript循環(huán)結(jié)構(gòu)編程154
任務(wù)5 了解JavaScript的異常、驗(yàn)證及內(nèi)置對(duì)象163
任務(wù)6 了解JavaScript JSON數(shù)據(jù)格式176
【模塊3自測(cè)】180
模塊4 相關(guān)軟件使用184
【項(xiàng)目案例】184
案例 在世界大學(xué)城空間首頁添加Flash模塊(使用Flash設(shè)計(jì))184
【知識(shí)點(diǎn)學(xué)習(xí)】185
任務(wù)1 軟件的安裝及使用入門185
任務(wù)2 使用Flash軟件制作導(dǎo)航及簡(jiǎn)單動(dòng)畫197
任務(wù)3 使用Dreamweaver軟件設(shè)計(jì)靜態(tài)網(wǎng)頁205
【模塊4自測(cè)】219
模塊5 美工基礎(chǔ)知識(shí)222
【項(xiàng)目案例】222
案例 世界大學(xué)城空間banner設(shè)計(jì)(使用Photoshop設(shè)計(jì))222
【知識(shí)點(diǎn)學(xué)習(xí)】223
任務(wù)1 認(rèn)識(shí)顏色223
任務(wù)2 網(wǎng)頁色彩搭配226
任務(wù)3 使用Photoshop處理圖像232
【模塊5自測(cè)】246
模塊6 新技術(shù)介紹249
【項(xiàng)目案例】249
案例 響應(yīng)式導(dǎo)航頁面設(shè)計(jì)(使用HTML5 CSS3設(shè)計(jì))249
【知識(shí)點(diǎn)學(xué)習(xí)】252
任務(wù)1 認(rèn)識(shí)HTML5 252
任務(wù)2 介紹XHTML264
任務(wù)3 了解CSS3 267
【模塊6自測(cè)】274
參考文獻(xiàn)277