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