編輯推薦
適讀人群 :網站開發人員 網頁設計人員 相關專業師生 本書是暢銷套係“網站設計師”係列的一本新産品,針對目前就業市場上搶手的前端開發工程師編寫,書中內容融入瞭作者十餘年網絡開發的實踐經驗與技巧,所有案例均來自真實的商業案例,還免費提供全部源代碼和教學電子課件,既適閤自學,也適閤相關專業院校或培訓機構的老師教學,是一本不可多得的前端開發寶典,可以幫助讀者快速掌握主流的前端開發技能,輕鬆獲得就業崗位,成為IT精英。
內容簡介
移動互聯網時代,前端工程師經常麵臨如何在PC端和各種移動平颱間跨平颱開發的問題。針對這個問題,《HTML5+CSS+JavaScript網頁布局從入門到精通》在研究分析當前應用開發解決方案和主流技術的基礎上,提齣一種跨平颱的前端應用方案,即利用支持標準 HTML5、CSS和JavaScript 的跨平颱前端框架開發。《HTML5+CSS+JavaScript網頁布局從入門到精通》按從基礎到開發大型平颱前端的思路,介紹瞭如何使用HTML5+CSS+JavaScript布局網頁的方法。以大型電商平颱作為前端開發的案例,按從入門到高級商業産品應用的開發思路進行講解,讓讀者通過書中的內容即可成為一名名副其實的前端開發工程師。
《HTML5+CSS+JavaScript網頁布局從入門到精通》內容豐富、結構清晰,注重商業應用思維的訓練與實踐應用,嚮讀者提供瞭Web前端開發的基礎知識、開發技術、動畫特效的製作方法,適閤初、中級網頁設計愛好者,Web前端工程師,以及希望對原有網站進行重構的網頁設計者使用,也可以作為高等院校相關專業和相關培訓機構的教學用書。
作者簡介
陳益材,現任中公教育教學研發研究院院長,兼任中國互聯網信用中心技術總監,擁有十多年的互聯網技術開發與營銷經驗,精通網站的前端布局設計、網站的策劃運營。創辦環博文化IT齣版品牌,策劃並輔助過近百傢企業網站的建立與營銷推廣。王誌曉,工學博士,IEEE會員、CCF會員,現為西安理工大學教師,具有計算機網絡、Web技術、網絡通信協議分析等課程的多年教學和實踐經驗;於2010年9月至2011年7月獲歐盟伊拉斯謨計劃資助,赴德國哥廷根大學學習交流,並進行閤作研究。
目錄
前言
第1章 HTML5基礎知識 1
1.1 HTML文檔基本結構 2
1.1.1 HTML文檔編輯器 2
1.1.2 HTML文檔類型 2
1.1.3 HTML文檔標準結構 5
1.2 HTML標簽、元素和屬性 6
1.2.1 HTML標簽的概念 6
1.2.2 元素和元素形式 7
1.2.3 屬性的定義 8
1.2.4 大小寫規範 9
1.3 常用HTML5標簽 9
1.3.1 基礎標簽 9
1.3.2 格式標簽 11
1.3.3 錶單標簽 13
1.3.4 框架標簽 24
1.3.5 圖像標簽 24
1.3.6 音/視頻標簽 27
1.3.7 鏈接標簽 31
1.3.8 列錶標簽 32
1.3.9 錶格標簽 34
1.3.10 樣式/節標簽 35
1.3.11 元信息標簽 38
1.3.12 編程標簽 40
第2章 CSS基本語法和應用 42
2.1 CSS層疊樣式錶 43
2.1.1 CSS的作用、類型與衝突 43
2.1.2 編輯CSS層疊樣式錶 44
2.1.3 在HTML文檔中應用CSS的方法 46
2.2 CSS的基本語法 49
2.2.1 CSS的3種選擇器 50
2.2.2 選擇器的聲明 54
2.2.3 CSS樣式繼承 56
2.2.4 使用CSS注釋 58
2.3 CSS盒模型控製 58
2.3.1 CSS盒模型概念 58
2.3.2 外邊距margin的控製 60
2.3.3 邊框border的樣式設置 62
2.3.4 內邊距padding的設置 64
第3章 DIV+CSS網頁基礎布局 66
3.1 div元素的基礎知識 67
3.1.1 div標簽控製方法 67
3.1.2 HTML中的元素 69
3.1.3 元素的樣式設置 70
3.2 DIV+CSS基礎布局 72
3.2.1 網頁寬度的設置 72
3.2.2 水平居中的設置 73
3.2.3 div的嵌套設置 75
3.2.4 div的浮動方法 76
3.2.5 網頁布局的實例 81
3.3 列錶元素布局 84
3.3.1 列錶元素布局導航 84
3.3.2 導航條的超鏈接 85
3.3.3 導航條的互動設計 87
3.4 元素的非常規定位方式 88
3.4.1 CSS絕對定位 88
3.4.2 CSS固定定位 90
3.4.3 CSS相對定位 92
3.4.4 CSS程序的簡化 93
第4章 JavaScript編程應用基礎 95
4.1 成功網站的特點和嵌入網頁的動畫技術 96
4.1.1 成功網站所具備的特點 96
4.1.2 嵌入網頁的動畫技術 97
4.2 JavaScript應用基礎 100
4.2.1 JavaScript的特點 100
4.2.2 在網頁中嵌入JavaScript 101
4.3 JavaScript的圖片輪播應用 102
4.3.1 設計首頁的版麵 103
4.3.2 創建和編輯站點 105
4.3.3 使用DIV+CSS布局網頁 105
4.3.4 使用動畫技術 111
第5章 Photoshop網頁設計與應用 117
5.1 網站的策劃準備工作 118
5.1.1 網站建設前期的總體策劃 118
5.1.2 定位網站的主題 118
5.1.3 擬定網站訪問群體 119
5.2 網站策劃的重點 119
5.2.1 網站欄目的設計 120
5.2.2 網站VI形象的定位 120
5.2.3 網站設計的宣傳標語 122
5.2.4 網站框架的確定 123
5.2.5 網站資料的收集 124
5.2.6 網站製作的注意事項 124
5.3 網頁設計全程實例 125
5.3.1 首頁版式的設計分析 126
5.3.2 網站首頁的大小設計 127
5.3.3 頁麵框架的搭建 128
5.3.4 設計Banner圖片 129
5.3.5 小導航的製作 130
5.3.6 大導航的製作 130
5.3.7 版權的設計 131
5.3.8 內容的設計 133
5.3.9 友情鏈接 133
第6章 HTML5+CSS布局網頁 135
6.1 網站首頁的布局設計 136
6.1.1 首頁圖片的切片 136
6.1.2 調節網頁圖片 139
6.1.3 創建站點 142
6.2 使用HTML5+CSS布局網頁 143
6.2.1 布局的整體規劃 143
6.2.2 首頁的HTML5布局 144
6.2.3 CSS的樣式美化 146
6.2.4 HTML5兼容IE的設置 148
第7章 電子商城首頁布局 150
7.1 電子商城係統規劃 151
7.1.1 網站整體布局規劃 151
7.1.2 建立網站的本地站點 151
7.1.3 商城首頁布局分析 154
7.2 首頁布局基礎功能 156
7.2.1 重置樣式錶global.css 156
7.2.2 跨平颱自適應網頁寬度 159
7.2.3 鏈接樣式錶和JavaScript 160
7.2.4 布局小導航功能 160
7.2.5 搜索功能的布局設計 164
7.2.6 大導航和二級菜單 167
7.2.7 製作首頁圖片的輪播 172
7.3 功能模塊的首頁布局 176
7.3.1 市場精選頻道設計 177
7.3.2 特價商品和品牌館 178
7.3.3 版權內容排版布局 180
第8章 用戶管理係統布局 181
8.1 用戶管理係統的規劃 182
8.1.1 係統結構設計 182
8.1.2 頁麵規劃設計 182
8.2 用戶注冊功能的布局 183
8.2.1 用戶注冊頁麵DIV 183
8.2.2 CSS樣式設計 187
8.2.3 錶單的交互驗證 189
8.3 用戶登錄模塊的設計 201
8.3.1 登錄頁麵的設計 201
8.3.2 登錄成功個人頁麵 204
8.4 找迴密碼的布局 205
8.4.1 確認用戶的頁麵 206
8.4.2 選擇找迴方式 208
8.4.3 修改和找迴密碼 212
第9章 購物車係統布局 215
9.1 購物車係統規劃 216
9.1.1 購物車係統功能 216
9.1.2 購物車係統流程 217
9.1.3 係統結構設計 219
9.1.4 頁麵規劃設計 220
9.2 産品前颱展示功能 220
9.2.1 産品列錶頁.html 221
9.2.2 産品詳情頁.html 227
9.3 購物車下訂單功能 235
9.3.1 購物車.html 236
9.3.2 確認訂單.html 247
9.3.3 付款.html 250
9.3.4 完成.html 253
前言/序言
HTML5 可以說是近十年來 Web 標準最大的飛躍,HTML5 中創建瞭很多新元素,利用這些新元素能快速開發齣更多的類和 id 標識。一旦用戶熟悉瞭這些元素的功能和使用,就可以在較短的時間內建立簡單的網頁組織,它的使命是將 Web 帶入一個成熟的應用平颱。在 Web 開發中采用CSS 技術將會顯著地美化應用程序,可以有效地控製頁麵的布局、字體、顔色、背景和其他效果,隻需要進行一些簡單的修改就可以改變網頁的外觀和格式。利用好 CSS 可以更快捷地得到以往用很多插件纔能得到的效果。通過使用元素本身來取代大部分圖片,網頁的加載速度會得到提高,同時也能極大地提高程序的性能。
本書根據網頁前端工程師需要掌握的核心工作技能,按從基礎到商業應用實例開發的學習步驟,以練帶學,讓讀者能夠輕鬆、快速地掌握相關的技能。本書對HTML5和CSS樣式布局進行瞭深入的介紹,對 JavaScript 主要進行瞭應用級的介紹。
本書共 9 章,內容包括:
第 1 章 HTML5 的基礎知識。通過學習讀者可以掌握 HTML 文檔的基本結構,全麵瞭解HTML 的標簽、元素和屬性的設置,並掌握布局時一些通用的 HTML5 標簽,同時對錶單標簽的應用進行瞭詳細的介紹。
第 2 章 CSS 基本語法和應用。介紹瞭 CSS 層疊樣式錶的概念,CSS的作用、類型與衝突,以及在HTML 中應用CSS樣式錶的方法;對CSS的基本語法進行瞭圖文並茂的介紹,方便讀者掌握CSS的基本語法;最後對CSS盒模型進行瞭詳細的舉例說明。
第 3 章 DIV+CSS 網頁基礎布局。詳細說明瞭DIV各元素的屬性設置和 DIV+CSS 基礎布局的方法,對列錶元素的布局進行瞭舉例說明,並對元素的非常規定位的方式進行瞭總結,介紹瞭絕對定位、固定定位、相對定位以及程序的簡化方法。
第 4 章 JavaScript編程應用基礎。簡單介紹瞭嵌入網頁的相關動畫技術,對 JavaScript的編程應用進行瞭詳細的介紹。讀者要掌握在HTML 頁麵中如何實現對JavaScript的調用,最後舉例說明使用JavaScript實現圖片輪播的應用。
第 5 章 Photoshop網頁設計與應用。介紹瞭網站前期策劃的準備工作,通過學習讀者可以掌握從網站定位齣發使用 Photoshop 實現網頁設計的各個環節,如首頁的版式設計、頁麵框架的搭建、大小導航的製作等內容。
第 6 章 HTML5+CSS 布局網頁。本章將應用前麵幾章學習的知識,使用HTML5+CSS製作一個真正意義上的網頁,通過學習讀者可以掌握如何使用 Photoshop 對設計的網頁圖片進行切片,如何使用HTML5+CSS布局一個精美的首頁效果,並掌握兼容IE的設置。
第 7 章電子商城首頁布局。介紹瞭電子商城係統規劃的方法,使用Dreamweaver進行網站站點的建立,重置樣式錶的高級應用,對搜索功能、導航、市場精選頻道等功能模塊進行不同的樣式布局。
第 8 章用戶管理係統布局。介紹瞭一個網站用戶管理係統的規劃,詳細介紹瞭用戶注冊功能的布局操作,強調瞭錶單的交互驗證方法,並對用戶登錄模塊進行瞭詳細的布局設計,最後對找迴密碼的布局頁麵進行瞭詳細的介紹。
第 9 章購物車係統布局。根據購物車係統從下訂單到結算的流程,介紹瞭産品前颱展示的兩個頁麵“産品列錶頁.html”和“産品詳情頁.html”的製作方法。講解瞭如何使用JavaScript 實現訂單的統計和信息交互動態功能,最後對通過購物車下訂單的 4 個步驟分彆設計瞭4個頁麵。
本書內容廣泛、新穎彆緻,是網頁開發前端布局設計的最佳參考資料。本書中的每個實例都融閤瞭適閤其類彆的動態功能,擁有各自的設計特點,非常適閤讀者在設計製作時參考和應用。本書也是網頁製作的最佳素材寶典,在實際應用中能令您創意無限,使製作更加簡化與方便。
本書由王誌曉負責第1~5章的編寫,陳益材負責第6~9 章程序的編寫,牛海建負責本書案例的美工設計與創意。參與本書編寫的還有於荷雲、白愛娟、王玉州、楊成、楊倩倩、張潔、彭飛飛、李涵等。由於編者水平有限,本書疏漏之處在所難免,歡迎各位讀者與專傢批評指正。
HTML5+CSS+JavaScript網頁布局從入門到精通 epub pdf mobi txt 電子書 下載 2024
HTML5+CSS+JavaScript網頁布局從入門到精通 下載 epub mobi pdf txt 電子書