HTML5+CSS3+JavaScript網(wǎng)頁設(shè)計教程
定 價:43 元
叢書名:“十三五”高等職業(yè)教育規(guī)劃教材
- 作者:[中國]孫歡;李宏霞
- 出版時間:2018/12/1
- ISBN:9787113250195
- 出 版 社:中國鐵道出版社
- 中圖法分類:TP312HT
- 頁碼:
- 紙張:膠版紙
- 版次:
- 開本:16開
本書從網(wǎng)頁設(shè)計基礎(chǔ)內(nèi)容入手,對學(xué)生必備的HTML5基礎(chǔ)語法相關(guān)知識結(jié)合大量例題加以詳盡講解,同時在每章內(nèi)容之后選擇具有代表性的實訓(xùn)項目,使學(xué)生充分運用HTML5的基本知識,培養(yǎng)學(xué)生的程序設(shè)計思路、方法與技巧,使知識在潛移默化中得以內(nèi)化,大大降低了學(xué)習(xí)難度。同時,為了激發(fā)學(xué)生的學(xué)習(xí)興趣,書中所有實訓(xùn)項目均只提供運行結(jié)果以及相關(guān)制作視頻,提高學(xué)生自主學(xué)習(xí)能力、獨立思考能力和創(chuàng)新能力,充分挖掘其潛能。本書更加側(cè)重于講解網(wǎng)頁設(shè)計基本技能,充分考慮教師教學(xué)所需內(nèi)容,因此,在HTML5部分只涉及基礎(chǔ)知識,同時加入CSS3以及JavaScript相關(guān)知識,對于HTML5更多的其他功能并不涉及,在學(xué)習(xí)過本教材內(nèi)容作為基礎(chǔ)之后,可自行研究其他更深內(nèi)容。本書適合作為高職高專院校計算機、電子商務(wù)、多媒體、網(wǎng)絡(luò)技術(shù)等相關(guān)專業(yè)的教材,也可作為信息技術(shù)培訓(xùn)機構(gòu)的培訓(xùn)用書,還可作為網(wǎng)頁設(shè)計與制作人員、網(wǎng)站建設(shè)與開發(fā)人員、多媒體設(shè)計與開發(fā)人員的參考書。
本書內(nèi)容選取上遵循了“必要、適度、夠用”的應(yīng)用型人才教育原則
HTML5是面向計算機相關(guān)專業(yè)的一門專業(yè)基礎(chǔ)課程,具有很強的基礎(chǔ)性和實踐性。通過本課程學(xué)習(xí),學(xué)生能夠了解HTML5、CSS3以及JavaScript的相關(guān)概念及基礎(chǔ)知識,并熟練掌握設(shè)計與實現(xiàn)網(wǎng)站前臺的方法。學(xué)習(xí)本課程可為后續(xù)其他網(wǎng)站程序設(shè)計課程的學(xué)習(xí)打下必要的基礎(chǔ)。幾乎所有高職院校計算機相關(guān)專業(yè)均開設(shè)HTML5相關(guān)課程,本課程教學(xué)存在的普遍現(xiàn)象是:當(dāng)學(xué)習(xí)HTML5的知識時感到并不難,但在應(yīng)用這些知識來解決實際問題時卻發(fā)現(xiàn)力不從心,學(xué)生不僅不能熟練運用所學(xué)知識設(shè)計頁面,而且在考試時往往感到茫然而不知所措,也導(dǎo)致了實際教學(xué)效果與教學(xué)目標(biāo)存在相當(dāng)大的差距。如何培養(yǎng)學(xué)生的網(wǎng)頁設(shè)計編程能力以及網(wǎng)頁前臺設(shè)計能力?HTML5中什么樣的知識是必須具備的,什么樣的知識是可以在未來需要時逐步補充的,什么樣的知識又是完全可以忽略的?為了解決以上問題,本書從網(wǎng)頁設(shè)計基礎(chǔ)內(nèi)容入手,對學(xué)生必備的HTML5基礎(chǔ)語法相關(guān)知識結(jié)合大量例題加以詳盡講解,同時在每章內(nèi)容之后選擇具有代表性的實訓(xùn)項目,在實訓(xùn)過程中培養(yǎng)學(xué)生的程序設(shè)計思路、方法與技巧,使學(xué)生在潛移默化中將HTML5的基本知識得以內(nèi)化,大大降低了學(xué)習(xí)難度。同時,為了激發(fā)學(xué)生的學(xué)習(xí)興趣,書中所有實訓(xùn)項目均只提供運行結(jié)果以及相關(guān)制作視頻,以提高學(xué)生的自主學(xué)習(xí)能力、獨立思考能力和創(chuàng)新能力,充分挖掘其潛能。同時,本書更加側(cè)重于講解網(wǎng)頁設(shè)計基本技能,并充分考慮教師教學(xué)所需內(nèi)容,因此,在HTML5部分只涉及基礎(chǔ)知識,同時加入CSS3以及JavaScript相關(guān)知識,對于HTML5更多的其他功能并不涉及,學(xué)生可自行研究。本書實例都是在Notepad++中編輯,使用谷歌瀏覽器調(diào)試的。本書編者均為長期從事HTML5程序設(shè)計課程教學(xué)的一線教師,非常了解初學(xué)者學(xué)習(xí)HTML5的難點,在多次制定教學(xué)大綱、編寫講義、輔導(dǎo)學(xué)生競賽、編寫相關(guān)實驗指導(dǎo)書的過程中積累了豐富的教學(xué)經(jīng)驗。本書概念清晰、結(jié)構(gòu)合理、內(nèi)容嚴(yán)謹(jǐn)、講解透徹、重點突出、示例典型、實用性強。教師可采取多種方式使用本書,在講授時可以根據(jù)學(xué)生的背景知識及給定的學(xué)時數(shù)來進行內(nèi)容的取舍。為方便教學(xué),本書配有豐富的教學(xué)資源,包括:課件、授課計劃、所有程序源代碼素材等,如需索取請發(fā)送電子郵件到nmsunhuan@163.com,或從中國鐵道出版社網(wǎng)站http://www.tdpress.com下載。本書由呼和浩特職業(yè)學(xué)院計算機信息學(xué)院孫歡老師和李宏霞老師擔(dān)任主編并負(fù)責(zé)策劃、編寫和統(tǒng)稿,呼和浩特職業(yè)學(xué)院計算機信息學(xué)院青梅老師和李娜老師擔(dān)任副主編,呼和浩特職業(yè)學(xué)院李亞嘉老師、陳俊義老師參與編寫。其中,孫歡編寫第1、2章以及附錄;李宏霞編寫第3、8章;青梅編寫第6章;李娜編寫第7章;李亞嘉編寫第5章;陳俊義編寫第4章。孫歡負(fù)責(zé)統(tǒng)稿,孫歡、李宏霞負(fù)責(zé)校對。另外,本書在編寫和出版過程中得到了北京易第優(yōu)教育有限公司的李劍華老師和高洛峰老師以及呼和浩特職業(yè)學(xué)院教務(wù)處相關(guān)老師的大力支持,本書在編寫過程中還參閱并引用了一些文獻(xiàn)的研究成果,在此一并表示衷心的感謝!由于編者學(xué)識水平有限,書中的疏漏和不足之處在所難免,懇請同行專家和讀者不吝賜教,在將來修訂本書時作為重要的參考,也便于編者提高水平。歡迎您將對本書的意見和建議發(fā)送給我們,我們的電子信箱是nmsunhuan@163.com。編者
孫歡,碩士,主要講授:《VB程序設(shè)計》、《網(wǎng)絡(luò)數(shù)據(jù)庫SQL》、《HTML5》、《PHP+MySQL》、《智能終端設(shè)計開發(fā)》等。李宏霞,碩士,副教授,呼和浩特職業(yè)技術(shù)學(xué)院教師,研究方向為網(wǎng)頁設(shè)計。?
◆入門篇◆ HTML5概述 21.1 HTML背景知識 21.1.1 什么是HTML 21.1.2 HTML的歷史 31.2 HTML基本結(jié)構(gòu) 41.2.1 HTML標(biāo)簽 51.2.2 head標(biāo)簽 51.2.3 body標(biāo)簽 61.2.4 HTML其他語法規(guī)則說明 61.2.5 HTML文檔的運行流程 71.3 HTML5新特性 81.4 支持HTML5的瀏覽器 111.5 實訓(xùn)項目 12練習(xí)題 13 HTML基礎(chǔ) 152.1 HTML基礎(chǔ)標(biāo)簽 152.1.1 設(shè)置頁面背景和顏色 152.1.2 設(shè)置文字相關(guān)樣式 182.1.3 圖像 212.1.4 超級鏈接 232.1.5 表格 262.1.6 框架 302.1.7 其他常用標(biāo)簽 352.1.8 HTML5新增標(biāo)簽 372.1.9 HTML5新的菜單設(shè)計 412.1.10 HTML5廢棄的標(biāo)簽 412.2 HTML5表單處理 422.2.1 定義表單 432.2.2 input表單元素及其相關(guān)屬性 432.2.3 組合框 462.2.4 文本區(qū)域 472.2.5 HTML5表單新特性之新的input類型 482.2.6 HTML5表單新特性之新的表單元素 502.2.7 HTML5表單新特性之新的表單屬性 512.2.8 HTML5表單新特性之表單驗證 522.3 實訓(xùn)項目 54練習(xí)題 57◆進 階 篇◆ 層疊樣式表CSS3 623.1 HTML和CSS 623.1.1 什么是CSS 623.1.2 在HTML文檔中應(yīng)用CSS 633.1.3 顏色與背景 663.1.4 設(shè)置文字 673.1.5 設(shè)置文本屬性 683.1.6 超鏈接 743.1.7 列表 753.1.8 表格 773.1.9 CSS輪廓 803.1.10 浮動元素 813.2 CSS3新特性 833.2.1 實現(xiàn)圓角效果 833.2.2 多彩的邊框顏色 863.2.3 陰影 873.2.4 背景圖片 883.2.5 多列 913.2.6 嵌入字體 923.2.7 透明度 943.2.8 HSL和HSLA顏色表現(xiàn)方法 953.2.9 過渡屬性 983.2.10 transform屬性 993.3 實訓(xùn)項目 101練習(xí)題 105 JavaScript編程 1084.1 HTML和JavaScript 1084.1.1 在HTML中插入JavaScript代碼 1084.1.2 使用.js文件 1094.2 JavaScript基本語法 1104.2.1 數(shù)據(jù)類型 1104.2.2 變量 1104.2.3 注釋 1114.2.4 運算符 1124.3 JavaScript常用語句和函數(shù) 1154.3.1 條件分支語句 1164.3.2 循環(huán)語句 1204.3.3 創(chuàng)建自定義函數(shù) 1234.3.4 調(diào)用函數(shù) 1244.3.5 變量的作用域 1254.3.6 函數(shù)的返回值 1264.4 JavaScript面向?qū)ο蟪绦蛟O(shè)計 1264.4.1 面向?qū)ο蟪绦蛟O(shè)計思想簡介 1274.4.2 JavaScript內(nèi)置類 1274.4.3 HTML DOM 1354.4.4 Window對象 1364.4.5 Navigator對象 1414.4.6 Document對象 1424.5 JavaScript事件處理 1444.5.1 常用HTML事件 1444.5.2 Window對象的事件處理 1464.5.3 Event對象 1464.6 實訓(xùn)項目 147練習(xí)題 151◆提 高 篇◆ HTML5拖放 1545.1 概述 1545.1.1 什么是拖放 1545.1.2 設(shè)置元素為可拖放 1555.1.3 拖放事件 1565.2 dataTransfer對象 1575.2.1 dataTransfer對象的屬性 1575.2.2 dataTransfer對象的方法 1585.3 實訓(xùn)項目 161練習(xí)題 163 HTML5文件處理 1646.1 文件上傳頁面 1646.1.1 選擇文件的表單 1646.1.2 拖放實現(xiàn)文件上傳 1666.2 文件處理接口 1686.2.1 檢測瀏覽器是否支持HTML5 File API 1686.2.2 FileList接口 1696.2.3 FileReader接口 1726.3 實訓(xùn)項目 175練習(xí)題 178 HTML5音頻和視頻 1807.1 HTML5音頻 1807.1.1 audio標(biāo)簽 1807.1.2 播放背景音樂 1837.1.3 設(shè)置替換音頻源 1837.1.4 使用JavaScript語言訪問audio對象 1847.2 HTML5視頻 1887.2.1 video標(biāo)簽 1887.2.2 使用JavaScript語言訪問video 1917.3 實訓(xùn)項目 194練習(xí)題 195 HTML5繪圖 1968.1 使用Canvas API畫圖 1968.1.1 Canvas概述 1968.1.2 繪制圖形 1988.1.3 描邊和填充 2068.1.4 繪制圖像和文字 2118.1.5 圖形操作 2148.1.6 組合和陰影 2188.2 繪制可伸縮矢量圖(SVG) 2218.2.1 SVG概述 2218.2.2 SVG繪圖 2248.2.3 線條和填充 2318.2.4 文本與圖片 2328.2.5 濾鏡 2368.2.6 漸變顏色 2388.2.7 變換坐標(biāo)系 2408.3 實訓(xùn)項目 242練習(xí)題 244 HTML5常用標(biāo)簽 245