中圖網小程序
一鍵登錄
更方便
本類五星書更多>
-
>
闖進數學世界――探秘歷史名題
-
>
中醫基礎理論
-
>
當代中國政府與政治(新編21世紀公共管理系列教材)
-
>
高校軍事課教程
-
>
思想道德與法治(2021年版)
-
>
毛澤東思想和中國特色社會主義理論體系概論(2021年版)
-
>
中醫內科學·全國中醫藥行業高等教育“十四五”規劃教材
Web前端開發技術 版權信息
- ISBN：9787568043656
- 條形碼：9787568043656 ; 978-7-5680-4365-6
- 裝幀：書寫紙
- 冊數：暫無
- 重量：暫無
- 所屬分類：>>
Web前端開發技術 本書特色
本書系統地介紹了Web前端開發的基礎知識和實際應用。全書共分7章，內容包括Web開發概述及環境搭建、使用HTML標簽組織頁面內容、使用CSS樣式設置頁面外觀、網站頁面布局、JavaScript與jQuery、HTML5新增功能和常用Web前端開發框架的使用。 本書以實際應用為出發點，精心組織教材內容，每章都設計了典型案例，并配有習題及實驗。與本書配套的教學網站，提供教學大綱、實驗大綱、各種軟件的下載鏈接、課件和案例源代碼下載、在線測試等，極大地方便了教與學。
Web前端開發技術 內容簡介
本書系統地介紹了Web前端開發的基礎知識和實際應用。全書共分7章，內容包括Web開發概述及環境搭建、使用HTML標簽組織頁面內容、使用CSS樣式設置頁面外觀、網站頁面布局、JavaScript與jQuery、HTML5新增功能和常用Web前端開發框架的使用。 本書以實際應用為出發點，精心組織教材內容，每章都設計了典型案例，并配有習題及實驗。與本書配套的教學網站，提供教學大綱、實驗大綱、各種軟件的下載鏈接、課件和案例源代碼下載、在線測試等，極大地方便了教與學。 本書可以作為高等院校計算機及相關專業學生學習Web前端開發的教材，也可以作為Web開發愛好者的參考書。 為了方便教學，本書還配有電子課件等教學資源包，任課教師和學生可以登錄“我們愛讀書”網（www.ibook4us.com）注冊并瀏覽，任課教師還可以發郵件至hustpeiit@163.com索取。
Web前端開發技術 目錄
第1章Web開發概述及環境搭建1
1.1網站與網頁概述1
1.1.1網站、網頁與網址1
1.1.2網頁組成2
1.1.3資源引用的相對路徑與絕對路徑2
1.1.4快速創建一個Web服務器2
1.1.5相關名詞解釋3
1.2基于B/S體系的網站系統4
1.2.1Web服務器與數據庫服務器4
1.2.2動態網頁的執行過程5
1.2.3應用層協議HTTP與HTTPS6
1.2.4Web客戶端與瀏覽器內核7
1.2.5瀏覽器調試程序8
1.2.6Cookie信息與瀏覽器緩存9
1.3網頁設計工具10
1.3.1高效的網頁編輯器VS Code10
1.3.2流行的網頁設計器——HBuilder12
1.3.3網頁文檔快速修改工具EditPlus和NotePad13
1.4使用網頁三劍客制作網頁素材15
1.4.1圖形圖像處理軟件概述15
1.4.2使用Fireworks或Photoshop編輯圖像15
1.4.3使用Flash制作動畫16
1.4.4切圖形成網頁素材17
習題118
實驗119
第2章使用HTML標簽組織頁面內容21
2.1HTML語言概述21
2.1.1HTML標簽名稱與屬性21
2.1.2實體標簽元素分類24
2.1.3網頁文檔編碼與meta標簽25
2.1.4特殊字符26
2.1.5HTML色彩與度量單位26
2.2簡單的HTML標簽28
2.2.1文本樣式標簽28
2.2.2文本格式化標簽28
2.2.3滾動標簽28
2.2.4列表標簽29
2.2.5超鏈接與錨點鏈接標簽30
2.2.6圖像標簽31
2.3表格31
2.3.1表格定義及屬性設置31
2.3.2表格行定義及屬性設置32
2.3.3表格單元格定義及屬性設置33
2.3.4表格單元格合并33
2.4表單35
2.4.1表單及其工作原理35
2.4.2表單定義與基本使用36
2.4.3常用表單域37
2.4.4文件域與文件上傳40
習題243
實驗245
第3章使用CSS樣式設置頁面外觀47
3.1CSS樣式概述47
3.2CSS選擇器48
3.2.1基本選擇器48
3.2.2組合選擇器50
3.3CSS樣式的建立與使用51
3.3.1CSS樣式的建立方式51
3.3.2CSS樣式的使用方式51
3.3.3CSS高級特性53
3.4常用CSS樣式的屬性56
3.4.1文本外觀56
3.4.2方框樣式57
3.4.3元素顯示與可見特性58
3.4.4設置按鈕是否可用59
3.4.5濾鏡樣式59
3.5重新定義HTML元素外觀60
3.6*新樣式標準CSS363
3.6.1CSS3新增選擇器64
3.6.2CSS3 陰影效果66
3.6.3CSS3動畫效果67
習題372
實驗373
第4章網站頁面布局75
4.1頁面布局概述75
4.2CSS+Div布局76
4.2.1div標簽76
4.2.2盒子模型76
4.2.3元素定位的CSS樣式屬性83
4.2.4元素定位模式84
4.3頁內框架與框架集88
4.3.1頁內框架88
4.3.2框架集88
4.4綜合項目：會員管理信息系統memmana189
4.5使用HTML5布局標簽97
習題4101
實驗4102
第5章JavaScript與jQuery104
5.1JavaScript基礎104
5.1.1JavaScript概述104
5.1.2JavaScript數據類型與運算符106
5.1.3JavaScript流程控制語句110
5.1.4JavaScript對象的PEM模型111
5.1.5JavaScript腳本調試115
5.2JavaScript內置對象116
5.2.1數組對象Array116
5.2.2日期/時間對象Date117
5.2.3字符串對象String117
5.2.4數學對象Math118
5.2.5自定義JavaScript對象119
5.3瀏覽器對象120
5.3.1BOM與DOM120
5.3.2頂級對象window常用屬性和方法121
5.3.3文檔對象document與表單的elements集合127
5.3.4位置對象location136
5.3.5歷史對象history136
5.3.6導航對象navigator137
5.4綜合項目：會員管理信息系統memmana2a139
5.5jQuery147
5.5.1jQuery使用基礎147
5.5.2綜合項目：會員管理信息系統memmana2b156
5.5.3jQuery插件開發160
5.6jQuery Ajax161
5.6.1jQuery Ajax概述161
5.6.2JSON數據格式161
5.6.3jQuery Ajax應用實例163
習題5167
實驗5169
第6章HTML5新增功能171
6.1HTML5概述171
6.1.1從HTML4到HTML5171
6.1.2使用標簽〈details〉和〈summary〉隱藏詳細內容172
6.2HTML5對表單的新增功能173
6.2.1字段輸入提示173
6.2.2為文本域添加下拉列表選擇輸入173
6.2.3字段必填驗證174
6.2.4電子郵件格式驗證174
6.2.5日期與時間輸入175
6.2.6range類型175
6.3HTML5音頻與視頻176
6.3.1音頻標簽audio176
6.3.2視頻標簽video177
6.4HTML5繪圖功能178
6.4.1畫布標簽canvas178
6.4.2HTML5繪圖API178
6.5HTML5地理定位與百度地圖180
6.5.1HTML5地理定位實現180
6.5.2第三方工具百度地圖的應用182
6.6HTML5響應式布局與媒體查詢184
6.6.1響應式布局184
6.6.2關于視口viewport185
6.6.3媒體查詢185
6.7HTML5 Web存儲190
6.7.1本地存儲localStorage191
6.7.2會話存儲sessionStorage192
6.7.3WebSQL數據庫192
習題6194
實驗6195
第7章常用Web前端開發框架的使用197
7.1Web前端框架Bootstrap197
7.1.1概述197
7.1.2Bootstrap使用基礎197
7.1.3CSS組件198
7.1.4響應式設計201
7.2模塊化前端框架Layui 203
7.2.1在Web項目里引入Layui框架203
7.2.2網頁輪播特效203
7.2.3表格模塊與分頁模塊的使用204
7.3富文本編輯器Baidu UE208
7.4JS運行時環境Node.js211
7.4.1Node.js概述、下載及安裝211
7.4.2Node.js模塊安裝器npm與cnpm211
7.4.3使用mysql模塊訪問MySQL數據庫212
7.4.4使用http模塊創建HTTP服務器216
7.4.5服務端框架Express217
7.4.6靜態資源打包工具WebPack219
7.5漸進式框架Vue.js220
7.5.1Vue.js概述220
7.5.2快速創建、部署、運行和打包一個Vue.js項目222
7.5.3Vue組件224
7.5.4前端路由配置225
習題7227
實驗7228
參考文獻230
1.1網站與網頁概述1
1.1.1網站、網頁與網址1
1.1.2網頁組成2
1.1.3資源引用的相對路徑與絕對路徑2
1.1.4快速創建一個Web服務器2
1.1.5相關名詞解釋3
1.2基于B/S體系的網站系統4
1.2.1Web服務器與數據庫服務器4
1.2.2動態網頁的執行過程5
1.2.3應用層協議HTTP與HTTPS6
1.2.4Web客戶端與瀏覽器內核7
1.2.5瀏覽器調試程序8
1.2.6Cookie信息與瀏覽器緩存9
1.3網頁設計工具10
1.3.1高效的網頁編輯器VS Code10
1.3.2流行的網頁設計器——HBuilder12
1.3.3網頁文檔快速修改工具EditPlus和NotePad13
1.4使用網頁三劍客制作網頁素材15
1.4.1圖形圖像處理軟件概述15
1.4.2使用Fireworks或Photoshop編輯圖像15
1.4.3使用Flash制作動畫16
1.4.4切圖形成網頁素材17
習題118
實驗119
第2章使用HTML標簽組織頁面內容21
2.1HTML語言概述21
2.1.1HTML標簽名稱與屬性21
2.1.2實體標簽元素分類24
2.1.3網頁文檔編碼與meta標簽25
2.1.4特殊字符26
2.1.5HTML色彩與度量單位26
2.2簡單的HTML標簽28
2.2.1文本樣式標簽28
2.2.2文本格式化標簽28
2.2.3滾動標簽28
2.2.4列表標簽29
2.2.5超鏈接與錨點鏈接標簽30
2.2.6圖像標簽31
2.3表格31
2.3.1表格定義及屬性設置31
2.3.2表格行定義及屬性設置32
2.3.3表格單元格定義及屬性設置33
2.3.4表格單元格合并33
2.4表單35
2.4.1表單及其工作原理35
2.4.2表單定義與基本使用36
2.4.3常用表單域37
2.4.4文件域與文件上傳40
習題243
實驗245
第3章使用CSS樣式設置頁面外觀47
3.1CSS樣式概述47
3.2CSS選擇器48
3.2.1基本選擇器48
3.2.2組合選擇器50
3.3CSS樣式的建立與使用51
3.3.1CSS樣式的建立方式51
3.3.2CSS樣式的使用方式51
3.3.3CSS高級特性53
3.4常用CSS樣式的屬性56
3.4.1文本外觀56
3.4.2方框樣式57
3.4.3元素顯示與可見特性58
3.4.4設置按鈕是否可用59
3.4.5濾鏡樣式59
3.5重新定義HTML元素外觀60
3.6*新樣式標準CSS363
3.6.1CSS3新增選擇器64
3.6.2CSS3 陰影效果66
3.6.3CSS3動畫效果67
習題372
實驗373
第4章網站頁面布局75
4.1頁面布局概述75
4.2CSS+Div布局76
4.2.1div標簽76
4.2.2盒子模型76
4.2.3元素定位的CSS樣式屬性83
4.2.4元素定位模式84
4.3頁內框架與框架集88
4.3.1頁內框架88
4.3.2框架集88
4.4綜合項目：會員管理信息系統memmana189
4.5使用HTML5布局標簽97
習題4101
實驗4102
第5章JavaScript與jQuery104
5.1JavaScript基礎104
5.1.1JavaScript概述104
5.1.2JavaScript數據類型與運算符106
5.1.3JavaScript流程控制語句110
5.1.4JavaScript對象的PEM模型111
5.1.5JavaScript腳本調試115
5.2JavaScript內置對象116
5.2.1數組對象Array116
5.2.2日期/時間對象Date117
5.2.3字符串對象String117
5.2.4數學對象Math118
5.2.5自定義JavaScript對象119
5.3瀏覽器對象120
5.3.1BOM與DOM120
5.3.2頂級對象window常用屬性和方法121
5.3.3文檔對象document與表單的elements集合127
5.3.4位置對象location136
5.3.5歷史對象history136
5.3.6導航對象navigator137
5.4綜合項目：會員管理信息系統memmana2a139
5.5jQuery147
5.5.1jQuery使用基礎147
5.5.2綜合項目：會員管理信息系統memmana2b156
5.5.3jQuery插件開發160
5.6jQuery Ajax161
5.6.1jQuery Ajax概述161
5.6.2JSON數據格式161
5.6.3jQuery Ajax應用實例163
習題5167
實驗5169
第6章HTML5新增功能171
6.1HTML5概述171
6.1.1從HTML4到HTML5171
6.1.2使用標簽〈details〉和〈summary〉隱藏詳細內容172
6.2HTML5對表單的新增功能173
6.2.1字段輸入提示173
6.2.2為文本域添加下拉列表選擇輸入173
6.2.3字段必填驗證174
6.2.4電子郵件格式驗證174
6.2.5日期與時間輸入175
6.2.6range類型175
6.3HTML5音頻與視頻176
6.3.1音頻標簽audio176
6.3.2視頻標簽video177
6.4HTML5繪圖功能178
6.4.1畫布標簽canvas178
6.4.2HTML5繪圖API178
6.5HTML5地理定位與百度地圖180
6.5.1HTML5地理定位實現180
6.5.2第三方工具百度地圖的應用182
6.6HTML5響應式布局與媒體查詢184
6.6.1響應式布局184
6.6.2關于視口viewport185
6.6.3媒體查詢185
6.7HTML5 Web存儲190
6.7.1本地存儲localStorage191
6.7.2會話存儲sessionStorage192
6.7.3WebSQL數據庫192
習題6194
實驗6195
第7章常用Web前端開發框架的使用197
7.1Web前端框架Bootstrap197
7.1.1概述197
7.1.2Bootstrap使用基礎197
7.1.3CSS組件198
7.1.4響應式設計201
7.2模塊化前端框架Layui 203
7.2.1在Web項目里引入Layui框架203
7.2.2網頁輪播特效203
7.2.3表格模塊與分頁模塊的使用204
7.3富文本編輯器Baidu UE208
7.4JS運行時環境Node.js211
7.4.1Node.js概述、下載及安裝211
7.4.2Node.js模塊安裝器npm與cnpm211
7.4.3使用mysql模塊訪問MySQL數據庫212
7.4.4使用http模塊創建HTTP服務器216
7.4.5服務端框架Express217
7.4.6靜態資源打包工具WebPack219
7.5漸進式框架Vue.js220
7.5.1Vue.js概述220
7.5.2快速創建、部署、運行和打包一個Vue.js項目222
7.5.3Vue組件224
7.5.4前端路由配置225
習題7227
實驗7228
參考文獻230
展開全部
Web前端開發技術 節選
第1章開發概述及環境搭建第1章Web開發概述及環境搭建 計算機的應用經歷了從桌面應用到Web應用的轉變。Web應用使人們超越了時間、地理位置的限制，能方便地進行各種各樣的信息處理，尤其是在手機等移動設備廣泛使用的今天。本章主要介紹了B/S體系中的基本概念、開發環境的搭建與常用網頁編寫工具的使用，學習要點如下： 理解Web應用與傳統的桌面應用方式的不同； 掌握使用WampServer搭建PHP網站的方法； 初步掌握瀏覽器調試的方法； 掌握VS Code和HBuilder等網頁編輯軟件的使用； 掌握使用網站三劍客處理（含制作）網頁素材的方法。 1.1網站與網頁概述 1.1.1網站、網頁與網址 說到網站與網頁，大家并不陌生。如果把網站比作一本書，那么，網頁就是書里的一頁，網址就是這本書的編碼（如ISBN號或圖書館里的圖書編號）。 使用瀏覽器打開網站里的網頁，就可以瀏覽新聞、查詢信息和網上購物等，如圖1.1.1所示。 圖1.1.1網站的幾個典型應用 1.1.2網頁組成 網頁主要由文字、圖像和超鏈接等元素構成。當然，除了這些元素，網頁中還可以包含音頻、視頻以及Flash等。 除了首頁之外，一個網站通常還包含多個子頁面。網頁與網頁之間通過超鏈接互相訪問。 網站由網頁構成，網頁有靜態和動態之分。 靜態網頁是指用戶無論何時何地訪問，網頁都會顯示固定的信息，除非網頁源代碼被重新修改上傳。 動態網頁顯示的內容則會隨著用戶操作和時間的不同而變化。 1.1.3資源引用的相對路徑與絕對路徑 供網頁使用的資源文件，可以有圖像文件、CSS樣式文件、JavaScript腳本文件和音樂文件等。一個網頁文件本身也可能被另一個網頁引用。在網站開發中，對文件的引用有相對路徑和絕對路徑兩種方式。 相對路徑是以引用文件之網頁所在位置為參考基礎的目錄路徑。因此，保存在不同目錄里的網頁相對引用同一個文件所使用的路徑將不相同。 使用相對路徑時，可能出現的符號及含義如下： “.”表示當前所在的目錄； “..”表示當前目錄的上一層目錄； “/”表示站點根目錄，也作為路徑分隔符。 絕對路徑是以Web站點根目錄為參考基礎的目錄路徑。通常情況下，對網絡資源的引用使用絕對路徑。絕對路徑與當前頁面的路徑無關，一個使用絕對路徑的示例代碼如下： 〈img src="http://www.wustwzx.com/web/images/wzx.jpg"〉 注意：（1） 對站內資源的引用，一般使用相對路徑。例如，“../../”代表的是上一層目錄的上一層目錄。 （2） 使用相對路徑的好處是：將本地開發好的網站上傳至Web服務器時，不會出現路徑解析錯誤。 （3） 使用網絡資源時，“http://”不可省略。 1.1.4快速創建一個Web服務器 Web服務器有多種類型，主要有Microsoft推出的IIS（對應于ASP或ASP.NET網站）、Apache推出的Tomcat（對應于JSP網站）和WAMP（對應于PHP網站）等。 WAMP服務器軟件容量很小，且易于安裝和使用。 成功啟動WAMP后，任務欄上的圖標（W形狀、綠色）如圖1.1.2所示。 圖1.1.2WAMP啟動后的圖標 注意：右擊WAMP圖標，選擇Exit，即可關閉WAMP服務器。 單擊WAMP圖標，可以查看訪問默認站點、進入MySQL操作界面和進入站點根目錄等選項，如圖1.1.3所示。 圖1.1.3單擊WAMP圖標時的功能菜單選項 注意：（1） 設置Web服務器，應選擇Apache菜單項。例如，更改默認使用的瀏覽器。 （2） 設置數據庫服務器，應選擇MySQL選項。例如，設置MySQL服務器通信端口。 （3） 右擊WAMP圖標時，彈出的菜單包含退出服務器的菜單選項Exit。 1.1.5相關名詞解釋 1.W3C與WWW W3C（World Wide Web Consortium），中文譯為“萬維網聯盟”，是國際*著名的標準化組織。W3C提供了一個在線驗證頁面https://validator.w3.org/，用于驗證HTML頁面是否符合規范。 WWW（World Wide Web），中文譯為“萬維網”，它是Internet網絡提供的一種網頁瀏覽服務。 Web通常指互聯網的使用環境，通常稱為網頁。 2.HTTP協議與URL HTTP（hypertext transfer protocol，超文本傳輸協議）詳細規定了瀏覽器和萬維網服務器之間互相通信的規則。 URL（uniform resource locator，統一資源定位符）就是Web地址，簡稱網址。 3.Web標準 Web本意是蜘蛛網和網的意思。對于網站設計及制作者來說，它是一系列技術的復合總稱（包括網站的前臺布局、后臺程序、美工、數據庫開發等），我們稱之為網頁。 Web標準并不是某一個標準，而是一系列標準的集合，主要包括結構（structure）、表現（presentation）和行為（behavior）三個方面。 結構標準用于對網頁元素進行整理和分類，主要包括XML和XHTML兩個部分，XHTML是基于XML的標識語言，是在HTML4的基礎上，用XML的規則對其進行擴展建立起來的，實現了HTML向XML的過渡。 表現標準用于設置網頁元素的版式、顏色、大小等外觀樣式，主要指的是CSS。 行為標準是指網頁模型的定義及交互的編寫，主要包括DOM和ECMAScript兩個部分。其中，DOM（document object model）是文檔對象模型；ECMAScript是ECMA（European Computer Manufacturers Association，歐洲計算機制造商協會）以JavaScript為基礎制定的標準腳本語言。 注意：（1） 定義網頁元素的HTML標簽是固定的，詳見第2章。 （2） CSS樣式的定義與使用，詳見第3章。 （3） JavaScript腳本的定義與使用，詳見第5章。
書友推薦
- >
上帝之肋:男人的真實旅程
- >
巴金－再思錄
- >
羅曼·羅蘭讀書隨筆-精裝
- >
大紅狗在馬戲團-大紅狗克里弗-助人
- >
山海經
- >
伯納黛特,你要去哪(2021新版)
- >
新文學天穹兩巨星--魯迅與胡適/紅燭學術叢書(紅燭學術叢書)
- >
苦雨齋序跋文-周作人自編集
本類暢銷
