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