內容簡介
《web網頁設計技術》從網站基本概念和開發工具visual studio 2008入手,基於豐富的實例著重介紹html、css、javascript等web技術的基本原理和開發方法,深入解析典型綜合案例的分析與構建過程,幫助讀者由淺入深、循序漸進地掌握開發基於web應用程式的方法和技術,具有很強的實用性。《web網頁設計技術》重視實踐,以一個完整、翔實的實例為主線,在各章中解析知識點,完整再現了網頁設計從初步規劃,到html文檔創建,再到表現樣式設計的全過程。
《web網頁設計技術》內容全面,深入淺出,實例豐富,既適合作為高等院校學生網頁設計或網站開發課程的教材,也可供初學者自學使用。
《web網頁設計技術》特點
·內容全面,由淺入深:由網頁基本概念開始,逐步介紹html、xhtml、css、javascript等網頁設計技術。
·結合標準,易於提高:本著一切從標準出發的原則,緊密結合w3c的web標準來控制界面實現,既可幫助讀者鞏固基礎知識,又具有一定的理論高度,有助於讀者進一步提高。
·技術先進,符合潮流:摒棄表格布局技術,採用目前市場主流的網頁設計組合div+css進行詳細講解,能很好地幫助學生設計出具有一定水準的網頁,並基於微軟visual studio 2008開發工具進行設計和開發,更好地貼近技術發展的時代脈搏。
·教學靈活,強化理解:各章節通過實例詳細演示製作過程,並提供大量設計技巧、注意事項和常見問題解答。
·綜合套用,實戰演練:提供完整、翔實的綜合案例,詳細解析各類網站的頁面設計技術,予以全程設計跟蹤指導,將作者的經驗融匯在知識點中,有益於讀者更快上手和掌握。
《web網頁設計技術》配有ppt、各章的素材、原始碼等教輔資源,用書教師可登錄華章網站下載。
目錄
《web網頁設計技術》
前言
第一部分 基 礎 篇
第1章 網站概述1
1.1 www概述1
1.1.1 www與web1
1.1.2 web技術基礎1
1.2 網頁技術基礎4
1.2.1 靜態網頁技術概述4
1.2.2 動態網頁基礎5
1.2.3 動態網頁開發技術簡介6
1.3 web網頁設計概述8
1.3.1 網頁設計製作流程8
1.3.2 頁面布局9
1.3.3 頁面文檔的構成12
1.3.4 標記語言概述15
1.4 本章小結16
習題16
第2章 visual studio簡介17
2.1 開發環境綜述17
.2.1.1 系統環境概述17
2.1.2 framework概述18
2.2 visual studio的安裝與套用18
2.2.1 visual studio簡介18
2.2.2 安裝步驟簡介20
2.2.3 visual studio配置23
2.2.4 msdn的安裝與套用24
2.2.5 在visual studio中建立網站25
2.2.6 解決方案的作用27
2.3 internet信息服務(iis)27
2.3.1 iis簡介27
2.3.2 iis的安裝28
2.3.3 配置iis的asp環境32
2.3.4 訪問本地網站34
2.4 本章小結34
習題34
第3章 html與xhtml35
3.1 html標記語言35
3.1.1 初識html35
3.1.2 html檔案的基本結構36
3.1.3 文檔格式定義的聲明37
3.1.4 html代碼區域38
3.1.5 html標籤格式41
3.1.6 html標籤分類42
3.2 html常用標籤43
3.2.1 注釋標籤43
3.2.2 標題標籤[h]43
3.2.3 圖像標籤[img ]43
3.2.4 超連結標籤[a]45
3.2.5 空標籤[br]和[hr]47
3.2.6 [span]標籤48
3.2.7 段落標籤[p]48
3.2.8 層標籤[div]49
3.2.9 表格標籤[table]49
3.2.10 列表標籤[list]50
3.2.11 表單標籤[form]52
3.2.12 框架標籤[frame]52
3.3 可擴展的超文本標記語言53
3.3.1 html文檔結構分析53
3.3.2 xhtml文檔結構55
3.3.3 xhtml與html的差異56
3.3.4 如何將html升級為xhtml58
3.4 實例:構建完整的html文檔59
3.4.1 文檔結構分析59
3.4.2 整體架構代碼設計60
3.4.3 抬頭區域64
3.4.4 導航欄64
3.4.5 相關信息65
3.4.6 圖書推薦66
3.4.7 整體html文檔代碼67
3.5 本章小結68
習題68
第二部分 布 局 篇
第4章 層疊樣式表69
4.1 層疊樣式表簡介69
4.1.1 層疊樣式表概述69
4.1.2 層疊樣式表的初步體驗70
4.1.3 visual studio中層疊樣式表的使用方法72
4.1.4 css編寫方法75
4.2 樣式規則76
4.3 css屬性77
4.3.1 字型屬性77
4.3.2 背景屬性80
4.3.3 塊級標籤屬性83
4.3.4 框線屬性84
4.3.5 盒模型86
4.3.6 列表屬性88
4.3.7 定位屬性89
4.3.8 style屬性91
4.4 css選擇器91
4.4.1 類型選擇器91
4.4.2 類選擇器92
4.4.3 id選擇器93
4.5 選擇器的編寫94
4.5.1 組合選擇器類型94
4.5.2 上下文選擇器94
4.5.3 選擇器的分組定義95
4.6 偽類95
4.6.1 錨偽類95
4.6.2 首字母和首行偽標籤96
4.7 實例:基本css樣式設計96
4.7.1 css常用操作三部曲96
4.7.2 css實例解析97
4.8 本章小結107
習題108
第5章 css樣式表進階109
5.1 屬性繼承109
5.1.1 樹結構和繼承109
5.1.2 重寫繼承110
5.1.3 不能繼承的屬性112
5.1.4 壓縮屬性的方法113
5.1.5 瀏覽器與css115
5.2 選擇器的使用策略116
5.2.1 選擇器的命名規則116
5.2.2 class屬性的多值套用116
5.2.3 id與class選擇器的權重117
5.2.4 錨偽類的定義順序118
5.3 高級樣式屬性119
5.3.1 高級屬性選擇器119
5.3.2 高級上下文選擇器120
5.4 布局屬性121
5.4.1 顯示屬性:display121
5.4.2 浮動策略:float124
5.4.3 清除浮動:clear125
5.4.4 定位技術:position125
5.5 表格130
5.5.1 標題:caption131
5.5.2 單元格的合併132
5.5.3 行組的使用133
5.5.4 列組的使用134
5.5.5 其他屬性136
5.6 列印樣式設定136
5.6.1 分頁符136
5.6.2 頁面選擇器和頁邊距137
5.7 css擴展:濾鏡137
5.7.1 濾鏡概述137
5.7.2 常用濾鏡138
5.8 實例:css樣式最佳化與進階143
5.8.1 濃縮css樣式屬性和值143
5.8.2 合併選擇器的css樣式144
5.8.3 布局css樣式的使用145
5.9 本章小結146
習題146
第6章 網頁布局技術147
6.1 布局技術概述147
6.1.1 何謂布局技術147
6.1.2 網頁布局標準概述149
6.2 表格布局技術149
6.2.1 表格布局示例一:導航欄150
6.2.2 表格布局示例二:包括導航條的網站頁面152
6.2.3 表格布局的優勢和不足160
6.3 web標準概述161
6.3.1 無標準時代的web開發161
6.3.2 web標準的概念161
6.3.3 符合web標準的網頁的構建163
6.3.4 使用web標準的優勢164
6.4 div+css布局164
6.4.1 div+css布局概述164
6.4.2 浮動的使用165
6.4.3 清除浮動167
6.4.4 div+css布局的優勢168
6.4.5 常用div+css布局功能169
6.5 實例:div+css布局172
6.5.1 div+css布局示例一:導航選單172
6.5.2 div+css布局示例二:包括導航條的網站頁面174
6.5.3 浮動技術的套用174
6.5.4 清除浮動175
6.5.5 ie瀏覽器的兼容問題176
6.6 本章小結176
習題177
第三部分 visual studio篇
第7章 主題179
7.1 主題概述179
7.1.1 為何引入主題179
7.1.2 主題的建立179
7.2 外觀檔案181
7.2.1 外觀控制的實現181
7.2.2 控制項外觀的定義方式182
7.2.3 特殊控制項外觀的定義183
7.3 主題檔案規劃184
7.3.1 整體規劃184
7.3.2 外觀檔案規劃184
7.4 主題的套用185
7.4.1 頁面主題的設定185
7.4.2 樣式表主題的設定 187
7.4.3 配置檔案的設定189
7.4.4 在指定資料夾下設定主題 190
7.4.5 enabletheming屬性192
7.5 實例:主題的創建194
7.6 本章小結195
習題195
第8章 vs 2008母版解析196
8.1 母版概述196
8.2 母版頁的工作原理197
8.2.1 母版頁197
8.2.2 占位符197
8.2.3 內容頁198
8.2.4 母版頁的運行200
8.2.5 資源的路徑設定201
8.3 母版頁的創建和套用202
8.3.1 母版頁的創建202
8.3.2 母版頁的套用204
8.3.3 母版頁與普通頁面的區別205
8.4 母版頁嵌套206
8.4.1 母版頁嵌套的意義206
8.4.2 visual studio 2008中的母版頁嵌套206
8.5 實例:母版頁的設計209
8.6 本章小結211
習題212
第9章 javascript程式設計213
9.1 javascript概述213
9.1.1 javascript簡介213
9.1.2 javascript入門案例214
9.2 javascript語法214
9.2.1 語法基礎214
9.2.2 常用變數215
9.2.3 表達式與運算符216
9.2.4 程式設計217
9.2.5 函式218
9.3 對象的概念219
9.3.1 對象219
9.3.2 屬性220
9.3.3 方法220
9.4 javascript對象220
9.4.1 window對象220
9.4.2 document對象222
9.4.3 location對象224
9.4.4 navigator對象225
9.4.5 screen對象227
9.5 實例:javascript的使用227
9.6 本章小結234
習題234
第四部分 案 例 篇
第10章 等級考試網上報名系統235
10.1 網站設計分析235
10.1.1 網站設計需求235
10.1.2 圖紙分析236
10.1.3 頁面表現分析237
10.2 html文檔結構分析239
10.2.1 設計圖分層剖析239
10.2.2 整體文檔結構分析240
10.3 網站檔案規劃與設計240
10.3.1 網站檔案規劃240
10.3.2 母版檔案241
10.3.3 頁面檔案243
10.3.4 主題資料夾244
10.3.5 全局css樣式設計245
10.4 網站標題布局246
10.4.1 html文檔設計246
10.4.2 css樣式設計246
10.5 導航欄布局247
10.5.1 html文檔設計247
10.5.2 css樣式設計247
10.6 捷徑249
10.6.1 html文檔設計249
10.6.2 css樣式設計249
10.7 網頁主體內容區域249
10.7.1 html文檔設計249
10.7.2 css樣式設計250
10.8 用戶信息區域251
10.8.1 html文檔設計251
10.8.2 css樣式設計251
10.9 內容區域布局252
10.9.1 首頁通知html文檔設計252
10.9.2 首頁通知css樣式設計253
10.9.3 四六級報名html文檔設計254
10.9.4 四六級報名css樣式設計254
10.10 頁腳布局256
10.10.1 html文檔設計256
10.10.2 css樣式設計256
10.11 系統完善257
10.11.1 html文檔完善257
10.11.2 精簡css樣式代碼258
10.11.3 適當使用上下文選擇器259
10.11.4 瀏覽器版本兼容260
10.12 本章小結260
參考文獻261