基於Web標準的網頁設計與製作(2024年清華大學出版社出版的基於Web標準的網頁設計與製作(微課版))

本詞條是多義詞,共2個義項
更多義項 ▼ 收起列表 ▲

基於Web標準的網頁設計與製作(微課版)是清華大學出版社2024年1月出版的一本書籍,作者是唐四薪,主要講述了網頁設計與製作及Web前端的各種技術和案例。

基本介紹

  • 中文名:基於Web標準的網頁設計與製作(微課版) 
  • 作者唐四薪
  • 出版時間:2024年1月1日 
  • 出版社:清華大學出版社 
  • 頁數:295 頁
  • ISBN:9787302652601 
  • 定價:59.9 元 
內容簡介,圖書目錄,

內容簡介

本書內容涵蓋HTML 5、CSS 3、JavaScript、jQuery和Vue.js等各種網頁設計與製作技術,在敘述有關原理時安排大量的相關實例。本書分為8章,內容包括網頁設計與網站開發概述,HTML 5、CSS語法基礎、CSS盒子模型、CSS布局、網站開發過程與環境配置、Photoshop、JavaScript及其框架。本書面向工程實際,強調原理性與實用性。 本書適合作為高等院校各專業“網頁設計”或“Web前端開發”等課程的教材,也可作為網頁設計與製作的培訓類教材,還可供網站設計和開發人員參考使用。

圖書目錄

第1章網頁設計與網站開發概述1
1.1網頁設計與Web前端開發1
1.1.1網頁的概念和本質1
1.1.2網頁設計的兩個基本問題2
1.1.3網頁結構語言——HTML3
1.2網站的創建和製作流程4
1.2.1網站的特徵5
1.2.2網站的開發步驟5
1.2.3網站的開發工具7
1.2.4在DW中建立站點8
1.3Web伺服器與瀏覽器9
1.3.1Web伺服器的作用9
1.3.2瀏覽器的種類和作用10
1.4URL與域名11
習題13
第2章HTML 514
2.1HTML概述14
2.1.1HTML文檔的結構14
2.1.2DW的開發界面15
2.1.3使用DW新建HTML檔案16
2.1.4HTML標記16
2.1.5常見的HTML標記及屬性17
2.2創建文本和圖像18
2.2.1創建文本和列表18
2.2.2插入圖像20
2.3利用DW代碼視圖提高效率21
2.3.1代碼提示21
2.3.2代碼快速定位22
2.3.3DW中的常用快捷鍵22
2.4創建超連結23
2.4.1超連結標記23
2.4.2絕對URL與相對URL25
2.4.3超連結的種類27
2.4.4超連結目標的打開方式28
2.4.5超連結製作的原則28
2.4.6DW中超連結屬性面板的使用29
2.5插入多媒體元素及嵌入網頁29
2.5.1HTML 5的視音頻功能29
2.5.2嵌入式框架標記<iframe>31
2.6創建表格32
2.6.1表格標記32
2.6.2行和單元格標記34
2.6.3特殊效果表格的製作36
2.7創建表單38
2.7.1<form>標記及其屬性38
2.7.2<input>標記40
2.7.3<select>和<option>標記43
2.7.4多行文本域標記<textarea>43
2.7.5表單數據的傳遞過程44
2.7.6表單中的按鈕45
2.7.7表單的輔助標記46
2.7.8HTML 5新增的表單標記和屬性46
2.8HTML 5的改進50
2.8.1HTML 5新增的標記50
2.8.2HTML 5語法的改進51
2.8.3HTML 5的繪圖功能52
2.8.4HTML元素的分類54
2.9HTML頭部標記56
習題57
第3章CSS語法基礎59
3.1CSS基礎59
3.1.1CSS的語法59
3.1.2在HTML中引入CSS的方法60
3.1.3選擇器的分類62
3.1.4CSS文本修飾64
3.2CSS的特性65
3.2.1CSS的層疊性65
3.2.2CSS的繼承性67
3.2.3選擇器的組合68
3.3CSS高級選擇器71
3.3.1關係選擇器72
3.3.2屬性選擇器73
3.3.3偽類選擇器74
3.3.4使用過渡屬性配合動態偽類效果77
3.3.5偽元素選擇器80
3.4CSS設計和書寫技巧82
3.4.1CSS樣式總體設計原則82
3.4.2DW對CSS的可視化編輯支持83
3.4.3CSS的值和單位85
3.4.4網頁中的字型86
3.4.5字型圖示技術87
3.5Web標準89
3.5.1傳統HTML的缺點89
3.5.2Web標準的含義90
3.5.3Web標準的優勢92
習題92
第4章CSS盒子模型94
4.1盒子模型及其屬性94
4.1.1盒子模型概述94
4.1.2框線border屬性95
4.1.3圓角borderradius屬性97
4.1.4圖像框線borderimage屬性99
4.1.5padding和margin屬性100
4.1.6boxsizing屬性102
4.2標準流下的定位及套用102
4.2.1標準流下的定位原則102
4.2.2margin合併現象104
4.2.3盒子模型的套用106
4.2.4Chrome瀏覽器的調試功能108
4.3背景的運用109
4.3.1CSS的背景屬性109
4.3.2背景的基本運用技術112
4.3.3滑動門技術115
4.3.4背景圖像的翻轉119
4.3.5傳統圓角效果120
4.4CSS 3樣式美化功能121
4.4.1陰影和發光效果121
4.4.2漸變效果124
4.4.3描邊效果127
4.4.4遮罩效果127
4.5變形與動畫效果129
4.5.1平面變形效果129
4.5.23D變換效果132
4.5.3animation動畫效果136
習題138
第5章CSS布局140
5.1浮動140
5.1.1盒子浮動後的特點140
5.1.2清除浮動元素的影響142
5.1.3清除浮動影響的方法143
5.2浮動的套用舉例145
5.2.1圖文混排及首字下沉145
5.2.2水平導航條147
5.2.3新聞欄目框147
5.2.4微博對話框150
5.3相對定位151
5.3.1定位屬性和偏移屬性151
5.3.2相對定位的特點151
5.3.3相對定位的套用152
5.4絕對定位和固定定位154
5.4.1絕對定位154
5.4.2絕對定位的套用156
5.4.3固定定位163
5.4.4與定位屬性有關的CSS屬性164
5.4.5overflow屬性166
5.4.6verticalalign屬性167
5.5CSS分欄布局168
5.5.1分欄布局的種類169
5.5.2網頁居中的方法170
5.5.3131版式網頁布局170
5.5.4121可變寬度布局173
5.5.5CSS兩列布局案例176
5.5.6HTML 5文檔結構標記180
5.5.7HTML 5網頁布局案例181
5.6CSS 3新增的布局方式184
5.6.1彈性盒布局184
5.6.2分欄布局188
習題190
第6章網站開發過程與環境配置192
6.1網站開發的過程192
6.1.1基本任務和角色192
6.1.2網站開發過程的各環節194
6.2網站的風格與色彩設計198
6.2.1網站風格設計的基本原則198
6.2.2色彩的模式199
6.2.3色彩的特質與心理感覺201
6.2.4網頁中色彩的角色205
6.2.5色彩的對比和調和206
6.2.6網頁中色彩搭配的原則207
6.2.7網頁版式設計208
6.3網站的環境準備211
6.3.1架設網站的基本條件212
6.3.2配置主機空間和域名212
6.3.3上傳網站和網站備案213
習題213
第7章Photoshop215
7.1Photoshop基礎215
7.1.1矢量圖和點陣圖的概念215
7.1.2認識Photoshop的界面216
7.1.3新建、打開和置入檔案217
7.1.4修改圖像和畫布大小218
7.2編輯點陣圖219
7.2.1圖層及柵格化圖層219
7.2.2創建和取消選區220
7.2.3圖層的變換和透視222
7.3繪製矢量圖形223
7.3.1創建矢量圖形223
7.3.2微信圖示的製作224
7.4編輯和修飾文本226
7.4.1文本編輯和修飾的過程227
7.4.2將文本附加到路徑228
7.5蒙版229
7.5.1創建剪貼蒙版229
7.5.2創建點陣圖蒙版231
7.6切片及導出233
7.6.1切片的作用233
7.6.2切片的基本操作234
7.6.3切片操作的案例235
習題238
第8章JavaScript及其框架240
8.1JavaScript的代碼結構240
8.2JavaScript的事件編程242
8.2.1JavaScript語言基礎242
8.2.2常用JavaScript事件242
8.2.3事件監聽程式243
8.3JavaScript DOM編程245
8.3.1動態效果的實現245
8.3.2獲取指定元素246
8.3.3訪問元素的CSS屬性247
8.3.4訪問元素的內容248
8.4使用瀏覽器對象249
8.5jQuery基礎252
8.5.1jQuery的功能和使用252
8.5.2jQuery中的“$”253
8.5.3jQuery對象與DOM對象256
8.5.4jQuery的選擇器258
8.5.5jQuery的事件綁定259
8.5.6jQuery中的常用方法259
8.5.7jQuery套用舉例260
8.6Vue基礎263
8.6.1簡單的Vue程式263
8.6.2Vue綁定數據實現動態效果265
8.6.3vif和vfor指令268
習題272
參考文獻274

相關詞條

熱門詞條

聯絡我們