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