本書按照工業(yè)和信息化部Web前端開發(fā)(初級)證書考試大綱要求編寫,分上下兩篇。上篇Web前端開發(fā)技術,共13章,第1章介紹Web基礎知識,第2章介紹HTML基礎知識,第3章介紹CSS基礎,第4~6章介紹JavaScript語言(包括語法、對象模型、事件處理等),第7~9章主要介紹HTML5新增標簽和屬性以及新增的表單控件類型等知識,第10、11章介紹CSS3新增的選擇器種類和樣式屬性,第12章介紹jQuery基礎知識,第13章介紹了幾種常見的jQuery效果;下篇包含4個實操工作任務,分別涉及Web前端技術中的HTML、CSS、JavaScript、jQuery。另外,本書上篇各章節(jié)還附有習題。
本書層次清晰、內(nèi)容豐富、技術實用,代碼遵循Web標準,適合作為高等職業(yè)院校、應用型本科計算機應用技術、計算機網(wǎng)絡技術、電子信息技術等相關專業(yè)的Web前端開發(fā)、網(wǎng)頁設計與制作等課程的教材,也可作為廣大Web前端開發(fā)者或社會人士學習Web前端開發(fā)技術的參考用書。
本書配有微課視頻,讀者掃描書中二維碼即可觀看學習;本書還配有教學資源包,包括電子課件、源代碼等,需要的教師可登錄www.cmpedu.com免費注冊,審核通過后下載,或聯(lián)系編輯索取(微信:13261377872;電話:010-88379739)。
立體化教材:本書配有微課視頻、在線課程
配套資源豐富:本書配有微課視頻,讀者掃描書中二維碼即可觀看學習;本書還配有教學資源包,包括電子課件、源代碼等
崗課證融通:本書基于Web前端開發(fā)相關崗位和課程、Web前端開發(fā)(初級)證書考試大綱編寫
在互聯(lián)網(wǎng)蓬勃發(fā)展的今天,每個企業(yè)或個人都希望在Internet上能夠擁有自己的一片天地,以宣傳產(chǎn)品或展示自身形象,網(wǎng)頁正是作為這樣一種信息表現(xiàn)媒介得到了充分的重視和廣泛的應用。隨著互聯(lián)網(wǎng)信息技術的應用不斷向深度和廣度拓展,網(wǎng)頁不再只展示簡單的文字和圖片,對其功能和界面操控也提出了更高的要求,瀏覽者或者用戶在得到及時、豐富信息的同時還要有更好的使用體驗,而這些技術的實現(xiàn)就是Web前端開發(fā)者所要解決的問題。本書介紹的正是Web前端開發(fā)中所需要的基本技術知識。
為落實《國家職業(yè)教育改革實施方案》的要求,本書結合高等職業(yè)院校和應用型本科院校開展的1 X證書制度試點工作,基于工業(yè)和信息化部Web前端開發(fā)(初級)證書考試大綱知識要求這根主線,對全書學習內(nèi)容進行了組織和編排。本書下篇以工作任務手冊的形式編寫了Web前端開發(fā)考試中實操部分的題型和模擬內(nèi)容,所以本書對報考Web前端開發(fā)(初級)證書的讀者有一定幫助和借鑒意義。
為推進黨的二十大精神進教材、進課堂、進頭腦,本書在每個實操工作任務中都引入課程思政元素,弘揚社會主義核心價值觀;培養(yǎng)學生遵規(guī)守紀的品質,告訴學生做任何事都應該遵守國家的相應法律法規(guī),如增強知識產(chǎn)權保護意識;向學生傳輸正確的審美觀,推崇精益求精的工作態(tài)度;培養(yǎng)學生嚴謹細致、一絲不茍及追求極致的工匠精神;培養(yǎng)學生團隊合作意識等。
為達到較好的學習效果,本書建議以120學時為宜,其中課堂講授45學時,上機操作45學時,綜合實訓30學時(完成下篇的4個實操工作任務)。
本書第1章由黃亞嫻編寫,第2~5章及實操工作任務由周蘇峽編寫,第6章由江晶晶、趙曌、王敏、張暢共同編寫,第7章由張菁嶸編寫,第8章由向陽編寫,第9章由林雯編寫,第10章由季雯編寫,第11章由武韡編寫,第12章由李金鳳編寫,第13章由劉桂蘭編寫,全書由周蘇峽統(tǒng)稿。
由于時間倉促,書中難免有不妥與疏漏之處,敬請各位讀者批評指正。
編 者
2022年5月
周蘇峽,男,生于1964年2月。1987年6月至今從教于湖北三峽職業(yè)技術學院電子信息學院,副教授,主要專業(yè)方向為計算機網(wǎng)絡技術。曾先后發(fā)表專業(yè)技術論文20多篇,主編教材有《網(wǎng)頁設計實戰(zhàn)教程》(第1、2版)、《數(shù)據(jù)庫應用教程》、《計算機網(wǎng)絡基礎》、《Div CSS網(wǎng)頁制作實戰(zhàn)教程》等。
前言
上篇 Web前端開發(fā)技術
第1章 Web基礎知識2
1.1 Web的由來2
1.1.1 什么是Web2
1.1.2 Internet在我國的發(fā)展3
1.2 Web的基本概念3
1.2.1 WWW3
1.2.2 Website3
1.2.3 URL3
1.2.4 Web標準5
1.2.5 Web瀏覽器5
1.2.6 Web服務器5
1.3 Web開發(fā)技術6
1.4 本章小結6
1.5 本章習題6
第2章 HTML基礎知識7
2.1 HTML概述7
2.1.1 標記語言7
2.1.2 從HTML到XHTML7
2.1.3 HTML文檔(網(wǎng)頁)的基本結構8
2.1.4 HTML的基本組成8
2.1.5 幾個常用的HTML開發(fā)編輯工具9
2.2 HTML的全局屬性9
2.2.1 HTML的全局標準屬性(公共屬性)9
2.2.2 HTML的全局事件屬性9
2.3 HTML的標簽與元素11
2.3.1 HTML的主要結構標簽11
2.3.2 HTML的無語義標簽和
12
2.3.3 HTML的標題字標簽與線條標簽12
2.3.4 HTML的段落標簽與換行標簽13
2.3.5 HTML的注釋元素14
2.3.6 HTML的格式化元素15
2.3.7 HTML的圖片元素17
2.3.8 HTML的超鏈接元素18
2.3.9 HTML的列表元素20
2.3.10 HTML的表格元素21
2.3.11 HTML的表單元素22
2.3.12 HTML的框架元素27
2.3.13 浮動框架