網頁設計在IT行業屬于一門基礎學科,也是比較容易學習的一項技術。作為大、專院校,網頁設計是計算機專業學生的必修課,也可以作為其他學科學生的選修課。本教材以實用為目的,通過淺顯易懂的知識講解,再配以典型案例進行知識技能的強化,使學生容易上手,學習不再枯燥。通過本教材的學習,會讓初學者愛上網頁設計。
全書共分11章,內容涉及基礎知識、Dreamweaver、XHTML、CSS、JavaScript和綜合案例6部分。
本書可作為高等院校網頁設計與制作課程的教學用書,也可作為網頁設計與制作的培訓教材,同時還可作為網頁設計與制作的自學指導書和參考書。
網頁設計在IT行業屬于一門基礎學科,也是比較容易學習的一項技術。在很多院校,網頁設計是計算機專業學生的必修課,也是其他學科學生的選修課。本教材以實用為目的,通過淺顯易懂的知識講解,再配以典型案例進行知識技能的強化,使學生容易上手,學習不再枯燥。通過本教材的學習,會讓初學者喜歡上網頁設計。
全書共分11章,內容涉及基礎知識、Dreamweaver、XHTML、CSS、JavaScript和綜合案例6部分。
(1) 第1章,主要介紹網頁制作的基礎知識,包括網絡相關的概念、網頁制作技術及所需要的軟件和網站開發流程等。通過本章的學習,初學者能了解網頁制作的范疇,確定學習的目標。
(2) 第2章,主要介紹網頁的開發工具Dreamweaver CS6。通過本章的學習,初學者能熟悉Dreamweaver CS6的操作界面,并使用Dreamweaver CS6創建網頁,建立站點。
(3) 第3章和第4章,主要介紹HTML標簽及其屬性。設計簡單案例,強化HTML標簽和屬性的用法。通過這兩章的學習,初學者能夠熟練地在頁面中添加所需的網頁元素,如文本、圖像、列表、超鏈接、表格、表單、框架等,為網頁結構的搭建打下基礎。
(4) 第5章和第6章,主要介紹CSS基本語法和常用CSS樣式。通過這兩章的學習,初學者可以在網頁結構基礎上,豐富網頁元素的表現效果。
(5) 第7章和第8章,主要介紹如何運用CSS實現網頁布局。這兩章是網頁布局的核心內容。第7章主要介紹了盒模型、浮動和定位及瀏覽器的兼容性。第8章通過浮動和定位實現一列、兩列及三列的網頁布局。掌握這兩章的內容,可以隨心所欲地布局網頁結構。
(6) 第9章和第10章,主要介紹JavaScript基礎及在網頁中的應用。第9章以知識講解為主,第10章則側重應用。通過這兩章的學習,初學者可以運用JavaScript實現網頁常見效果。
(7)第11章是全書內容的升華,也是點睛之筆。以一個企業網站為例,介紹網頁制作的全過程,包括如何分析頁面、確定網頁結構、布局網頁,運用HTML添加網頁元素,運用CSS定位網頁元素并美化網頁元素,最終實現詳細設計。網站制作過程基本上覆蓋了全書介紹的所有知識點。通過該案例的學習,初學者可以嘗試自己設計一個標準的、美觀大方的網頁。
由于作者水平有限,不當之處在所難免,懇請廣大讀者批評指正。
編者2015年10月
第1章網頁設計基礎1
1.1網站建設基本概念1
1.1.1因特網1
1.1.2萬維網2
1.1.3瀏覽器3
1.1.4網頁和網站4
1.2網頁設計相關技術6
1.2.1網頁設計相關組織6
1.2.2Web標準7
1.2.3XHTML標簽9
1.2.4CSS樣式10
1.2.5JavaScript腳本11
1.2.6圖形圖像處理11
1.3網頁制作工具12
1.3.1HTML網頁編輯器12
1.3.2可視化網頁制作工具14
1.3.3圖形圖像處理工具15
1.4網站開發流程16
1.5本章小結17
1.6習題17
1.6.1填空題17
1.6.2簡答題17第2章Dreamweaver CS6簡介18
2.1初識Dreamweaver CS618
2.1.1認識Dreamweaver CS6的工作界面18
2.1.2工作區常用功能介紹19
2.1.3Dreamweaver CS6版本介紹22
2.2站點的創建和管理23
2.2.1創建新站點23
2.2.2打開已有站點24
2.2.3導出和導入已有站點24
2.2.4管理已有站點27
2.3本章小結31
2.4習題31第3章XHTML基礎33
3.1XHTML的基本結構與語法33
3.1.1XHTML基本結構33
3.1.2HTML標簽36
3.1.3HTML屬性37
3.2文字處理37
3.2.1標題標簽<hn>37
3.2.2段落標簽<p>38
3.2.3換行標簽<br/>38
3.2.4水平線標簽<hr/>41
3.2.5原樣顯示文字標簽<pre>41
3.2.6居中對齊標簽<center>42
3.2.7文字格式標簽<font>43
3.2.8字體格式化43
3.2.9特殊符號的使用46
3.2.10注釋標簽47
3.2.11文字處理案例47
3.3列表48
3.3.1無序列表48
3.3.2有序列表49
3.3.3定義性列表51
3.4多媒體52
3.4.1圖像標簽<img>52
3.4.2聲音和視頻文件的使用53
3.4.3滾動對象標簽<marquee>59
3.5超鏈接61
3.5.1超鏈接的建立61
3.5.2超鏈接的運用62
3.5.3絕對路徑與相對路徑66
3.6表格66
3.6.1表格的結構66
3.6.2表格的分組70
3.6.3表格的嵌套73
3.6.4運用表格制作簡單頁面73
3.7本章小結75
3.8習題75
3.8.1填空題75
3.8.2練習題76第4章表單和框架77
4.1表單77
4.1.1表單容器標簽<form> 77
4.1.2輸入域標簽<input> 78
4.1.3多行文本輸入框<textarea>82
4.1.4下拉列表框<select>83
4.1.5標注標簽<label>85
4.1.6分組標簽<fieldset>86
4.1.7按鈕標簽<button>87
4.1.8制作注冊表單87
4.2框架90
4.2.1框架的結構90
4.2.2框架的應用設置92
4.3本章小結98
4.4習題99
4.4.1填空題99
4.4.2操作題99第5章CSS基本語法100
5.1CSS概述100
5.1.1CSS簡介100
5.1.2CSS的優勢101
5.1.3CSS與瀏覽器的兼容性103
5.2CSS語法103
5.2.1CSS語法規則103
5.2.2選擇器的類型104
5.2.3選擇器的綜合運用105
5.2.4CSS注釋108
5.3CSS樣式表109
5.3.1行間樣式表109
5.3.2內部樣式表110
5.3.3外部樣式表110
5.3.4導入外部樣式表112
5.4樣式優先權113
5.4.1樣式表的優先級113
5.4.2選擇器優先級114
5.4.3!important語法115
5.5CSS的繼承117
5.6本章小結119
5.7習題119
5.7.1填空題119
5.7.2簡答題120第6章CSS美化網頁元素121
6.1豐富文字效果121
6.1.1文字樣式屬性121
6.1.2排版樣式屬性125
6.2控制頁面背景128
6.2.1設置顏色方法128
6.2.2設置背景效果129
6.3設置圖片效果133
6.3.1圖片樣式133
6.3.2圖片的對齊136
6.3.3圖文混排136
6.4美化超鏈接138
6.4.1動態超鏈接138
6.4.2圖片超鏈接140
6.5美化表格141
6.5.1邊框的樣式142
6.5.2外邊距和內邊距143
6.5.3表格的顏色146
6.6美化列表148
6.6.1項目列表的相關屬性148
6.6.2列表和其他元素的綜合運用150
6.7美化表單152
6.8本章小結154
6.9習題154
6.9.1填空題154
6.9.2簡答題154
6.9.3練習題154第7章CSS布局基礎155
7.1認識<div>和<span>155
7.1.1<div>標簽155
7.1.2<span>標簽156
7.1.3div和span對象的區別158
7.2盒模型159
7.2.1盒模型概述159
7.2.2盒模型與瀏覽器160
7.3定位與浮動161
7.3.1元素的定位161
7.3.2元素的浮動169
7.3.3清除浮動174
7.4瀏覽器的兼容性181
7.4.1CSS Hack181
7.4.2CSS屬性級Hack182
7.4.3CSS選擇器級Hack183
7.4.4IE條件注釋Hack184
7.4.5!important186
7.5本章小結187
7.6習題187
7.6.1填空題187
7.6.2簡答題187第8章DIV+CSS布局188
8.1CSS排版理念188
8.1.1設計頁面結構188
8.1.2頁面的排版188
8.1.3網頁模塊命名規范189
8.2單列布局191
8.3兩列布局195
8.4三列布局197
8.5CSS+DIV布局與表格布局的差異201
8.6網頁布局實戰204
8.7本章小結208
8.8習題208第9章JavaScript基礎209
9.1JavaScript概述209
9.1.1初識JavaScript209
9.1.2在HTML中使用JavaScript腳本210
9.1.3JavaScript注釋211
9.2JavaScript基本語法212
9.2.1標識符和關鍵字212
9.2.2數據類型213
9.2.3常量和變量215
9.2.4運算符和表達式216
9.2.5流程控制語句218
9.2.6函數222
9.3JavaScript對象226
9.3.1JavaScript對象概述226
9.3.2JavaScript內置對象227
9.3.3瀏覽器對象233
9.4JavaScript事件236
9.4.1JavaScript事件概述236
9.4.2JavaScript常用事件237
9.4.3常用事件處理程序238
9.5引用頁面元素的方法243
9.5.1訪問頁面元素的id屬性244
9.5.2使用name屬性訪問244
9.5.3使用HTML標記訪問246
9.6本章小結248
9.7習題248
9.7.1選擇題248
9.7.2簡答題250第10章JavaScript運用251
10.1JavaScript對象和事件的綜合運用251
10.1.1制作級聯菜單251
10.1.2制作下拉菜單252
10.1.3樹形菜單256
10.1.4浮動的廣告258
10.1.5跑馬燈效果262
10.2JavaScript與CSS的綜合運用264
10.2.1運用CSS濾鏡實現PPT幻燈片264
10.2.2層的切換267
10.3jQuery在網頁中的應用269
10.3.1jQuery簡介270
10.3.2頁面邊欄的浮動窗口271
10.3.3動態顯示密碼強弱273
10.4本章小結275
10.5習題275第11章企業網站制作實例276
11.1準備工作276
11.2布局頁面278
11.3詳細頁面制作281
11.3.1header區域281
11.3.2menu區域282
11.3.3banner區域284
11.3.4main區域285
11.3.5footer區域293
11.4本章小結293
11.5習題293參考文獻295第1章Linux及嵌入式開發系統組成簡介1
1.1Linux起源及發展1
1.1.1UNIX和GNU軟件1