網頁設計與制作

-
【作 者】主編 溫凱峰 葉仕通
【I S B N 】978-7-5226-0806-8
【責任編輯】陳紅華
【適用讀者群】本專通用
【出版時間】2022-08-31
【開 本】16開
【裝幀信息】平裝(光膜)
【版 次】第1版第1次印刷
【頁 數】304
【千字數】474
【印 張】19
【定 價】¥52
【叢 書】普通高等教育計算機類專業教材
【備注信息】
簡介
本書特色
前言
章節列表
精彩閱讀
下載資源
相關圖書
本書本著“面向應用,加強基礎,普及技術,注重融合,因材施教”的教育理念,根據教育部高等學校非計算機專業基礎課程教學指導分委員會提出的“網頁制作”教學大綱編寫而成。通過本書的學習讀者可全面了解小型網站的制作流程和開發方法,熟練掌握靜態網頁的設計技能。本書共14章:初識Dreamweaver 2021、HTML的基礎知識、網頁的基本操作、超鏈接的應用、網頁中表格的應用、層疊樣式表CSS、Div+ CSS、模板和庫的使用、表單的應用、行為的應用、jQuery特效的使用、設計動態網頁、網站制作綜合實例一和網站制作綜合實例二。
本書內容豐富,結構合理,圖文并茂,通俗易懂。在介紹基礎知識、基本原理和基本方法的同時,通過案例教學的方式讓學生在實踐中學會網頁制作方法,提高計算機應用能力。
本書可作為高等院校相關專業“網頁制作”課程的教材,也可作為網頁制作培訓班的培訓教材和網頁設計愛好者的參考書。
實用性強—— 本書所有案例均涉及網頁設計與網站建設主要技術,實例典型,內容實用。
操作性強—— 在介紹具體操作步驟過程中,配有圖片引導,便于讀者上機操作。
循序漸進 —— 遵循從基礎到高級,從入門到精通的思路,幫助讀者輕松建立起正確的知識體系。
前 言
隨著互聯網不斷普及和發展,人們的學習、工作、生活已經離不開它,因此掌握一定的互聯網應用知識和技能成為現代大學生的基本素養。網頁是互聯網最重要的載體,學習網頁設計與網站建設技術是學生深入了解互聯網信息呈現方式和提高自己信息技術素養的一種途徑。同時,教育部高等學校非計算機專業計算機基礎課程教學指導分委員會提出的《關于進一步加強高等學校計算機基礎教學的意見》對高等學校計算機基礎教育的教學內容提出了更新、更高、更具體的要求,使得計算機基礎教育開始步入更加科學、更加合理、更加符合21世紀高等學校人才培養目標且更具大學教育特征和專業特征的新階段。
Dreamweaver 2021是Adobe公司推出的一款集網頁制作和網站管理于一身的網頁編輯器,不僅可以幫助不同層次的用戶快捷設計網頁,而且可以使用ASP等服務器語言為網站服務,在網頁設計與制作和網站開發領域占據非常重要的地位,深受網頁開發設計人員的青睞。
本書從實用技能出發,采用零基礎、入門級的講解方式,系統全面地介紹了Dreamweaver 2021的相關功能和操作方法,并以案例貫穿整個講解過程,做到圖文并茂、通俗易懂,使讀者輕松運用Dreamweaver 2021來高效地開發網站。本書由溫凱峰(負責全書審閱定稿工作)、葉仕通任主編,萬智萍、郭其標、周漢達、鄧文鋒任副主編。具體編寫分工如下:第1章至第3章、第13章和第14章由溫凱峰、葉仕通編寫,第4章、第5章、第9章、第10章由郭其標、萬智萍編寫,第6章至第8章由周漢達編寫,第11章和第12章由鄧文鋒編寫。
在本書編寫過程中參閱了網頁設計方面的教材,借鑒、吸收了國內外專家學者的成果,在此一并表示感謝。由于編者水平有限,加之時間倉促,書中疏漏甚至錯誤之處在所難免,懇請讀者批評指正。
編 者
2022年5月
第1章 初識Dreamweaver 2021 1
1.1 網頁設計基礎知識 1
1.1.1 相關概念 1
1.1.2 網頁的頁面元素 7
1.1.3 網站的建設流程 10
1.2 走進Dreamweaver 2021 15
1.2.1 安裝Dreamweaver 2021 15
1.2.2 啟動Dreamweaver 2021 16
1.2.3 退出Dreamweaver 2021 17
1.2.4 Dreamweaver 2021的工作環境 18
1.2.5 Dreamweaver 2021的新特性 22
第2章 HTML的基礎知識 24
2.1 HTML基本概念 24
2.2 HTML基本結構 24
2.2.1 基本結構 26
2.2.2 標記和屬性 26
2.2.3 基本標記 27
2.2.4 頁面格式標記 29
2.2.5 文本標記 31
2.2.6 圖像標記 32
2.2.7 表格標記 33
2.2.8 鏈接標記 34
2.2.9 表單標記 35
2.2.10 其他標記 37
2.3 HTML5基本用法 38
2.3.1 HTML5的語法變化 38
2.3.2 HTML5的標記方法 39
2.3.3 HTML5的新增元素 39
第3章 網頁的基本操作 43
3.1 創建和管理站點 43
3.1.1 站點概述 43
3.1.2 創建本地站點 44
3.1.3 創建遠程站點 46
3.1.4 管理站點 49
3.1.5 操作站點文件和文件夾 54
3.2 網頁建設 56
3.2.1 新建網頁 56
3.2.2 保存網頁 58
3.2.3 打開網頁 59
3.2.4 預覽網頁 61
3.2.5 關閉網頁 62
3.2.6 設置頁面屬性 63
3.3 網頁中的文本 69
3.3.1 錄入文本 70
3.3.2 編輯文本 74
3.4 美化網頁 86
3.4.1 網頁常用的圖像格式 86
3.4.2 插入圖像 87
3.4.3 設置圖像屬性 87
3.4.4 插入鼠標經過圖像 89
3.5 多媒體網頁制作 94
3.5.1 插入聲音 94
3.5.2 插入視頻 98
3.5.3 插入Flash元素 102
第4章 超鏈接的應用 108
4.1 了解超鏈接 108
4.2 創建超鏈接 109
4.2.1 創建文本超鏈接 109
4.2.2 創建圖像超鏈接 110
4.2.3 創建空鏈接 112
4.2.4 創建電子郵件鏈接 112
4.2.5 創建錨記鏈接 113
4.2.6 創建下載文件鏈接 114
4.2.7 創建腳本鏈接 114
4.3 實例 116
4.3.1 實例1——創建圖像熱點鏈接 116
4.3.2 實例2——創建錨記鏈接 120
4.3.3 實例3——創建空鏈接、電子郵件
鏈接、下載文件鏈接和腳本鏈接 121
第5章 網頁中表格的應用 124
5.1 創建表格 124
5.2 添加內容到單元格 126
5.2.1 輸入文字 126
5.2.2 嵌套表格 127
5.2.3 插入圖像 127
5.3 選擇和編輯表格 127
5.3.1 選定表格及單元格 127
5.3.2 插入行或列 130
5.3.3 刪除行或列 134
5.3.4 合并單元格 134
5.3.5 拆分單元格 135
5.3.6 復制、剪切和粘貼單元格 136
5.3.7 設置表格屬性 137
5.3.8 設置單元格屬性 137
5.3.9 設置行或列屬性 138
5.3.10 調整表格大小 138
5.4 表格的高級操作 139
5.4.1 對表格數據排序 139
5.4.2 導入表格數據 140
5.4.3 導出表格數據 141
5.5 實例——應用表格布局網頁 142
第6章 層疊樣式表CSS 145
6.1 CSS概述 145
6.2 CSS的基本語法規則 146
6.3 選擇器 147
6.3.1 派生選擇器 147
6.3.2 ID選擇器 149
6.3.3 類選擇器 149
6.3.4 復合內容選擇器 149
6.4 CSS樣式的存放位置 149
6.4.1 保存在文檔內部 150
6.4.2 保存在外部CSS文件中 150
6.5 CSS樣式的分類 151
6.5.1 根據CSS的保存位置分類 151
6.5.2 根據選擇器的類型分類 151
6.6 CSS樣式的創建及應用 151
6.6.1 “CSS設計器”面板 151
6.6.2 內部CSS樣式的創建及應用 153
6.6.3 外部CSS樣式的創建及應用 161
6.7 CSS屬性 167
6.7.1 布局屬性 167
6.7.2 文本屬性 169
6.7.3 邊框屬性 169
6.7.4 背景屬性 169
第7章 Div+CSS 171
7.1 創建Div標簽 171
7.2 設置Div標簽 172
7.3 Div+CSS布局 173
7.3.1 盒子模型 173
7.3.2 Div相關的屬性 174
第8章 模板和庫的使用 180
8.1 模板 180
8.1.1 創建模板 180
8.1.2 創建模板的可編輯區域 182
8.1.3 應用模板 184
8.1.4 管理模板 186
8.2 庫 187
8.2.1 創建庫項目 187
8.2.2 編輯庫項目 187
8.2.3 應用庫項目 188
8.3 實例——制作學校網站模板 189
第9章 表單的應用 191
9.1 認識表單 191
9.1.1 表單的概念 191
9.1.2 表單對象的概念 191
9.2 創建表單 192
9.2.1 插入表單域 192
9.2.2 設置表單屬性 193
9.3 插入表單對象 193
9.3.1 插入文本域 193
9.3.2 插入復選框或復選框組 195
9.3.3 插入單選按鈕 195
9.3.4 插入列表和菜單 196
9.3.5 插入按鈕和圖像按鈕 197
9.3.6 插入隱藏域和文件域 198
9.3.7 插入HTML5表單元素 199
9.4 實例——制作在線調查表 199
第10章 行為的應用 203
10.1 認識行為 203
10.2 應用行為 204
10.2.1 添加行為 204
10.2.2 編輯行為 205
10.3 常用事件 206
10.4 標準動作 207
10.4.1 交換圖像 207
10.4.2 彈出信息 208
10.4.3 打開瀏覽器窗口 209
10.4.4 調用JavaScript 210
10.4.5 檢查插件 210
10.4.6 轉到URL 211
10.4.7 預先載入圖像 212
10.4.8 設置文本 213
10.4.9 顯示-隱藏元素 215
10.4.10 改變屬性 215
10.4.11 檢查表單 216
10.4.12 跳轉菜單 217
10.5 實例 218
10.5.1 實例1——跳轉菜單 218
10.5.2 實例2——彈出信息 219
10.5.3 實例3——關閉網頁 219
第11章 使用jQuery特效 221
11.1 認識jQuery 221
11.2 jQuery的特點 221
11.3 jQuery特效的使用 222
11.3.1 內置jQuery效果的使用步驟 222
11.3.2 內置jQuery效果的功能介紹 224
11.4 實例 226
11.4.1 百葉窗特效 226
11.4.2 高亮特效 227
11.4.3 彈跳特效 229
11.4.4 搖晃特效 231
11.4.5 剪輯特效 233
11.4.6 滑動特效 234
第12章 設計動態網頁 237
12.1 認識動態網頁 237
12.2 搭建服務器環境 238
12.2.1 安裝IIS 238
12.2.2 配置IIS 241
12.2.3 定義用戶權限 246
12.2.4 設置應用池 248
12.2.5 配置ASP應用程序 249
12.3 創建數據庫 251
12.3.1 創建數據庫表 251
12.3.2 啟用sa賬號和更改身份驗證模式 254
12.3.3 編輯數據庫表 259
12.4 創建本地源數據庫 260
12.5 創建動態網頁 262
12.5.1 新建站點 262
12.5.2 新建網頁 264
12.5.3 添加“服務器行為”和“數據庫”
面板 267
12.5.4 連接數據庫 268
12.5.5 制作登錄頁面 270
12.5.6 制作重新登錄頁面 273
第13章 網站制作綜合實例(一) 275
13.1 建站分析 276
13.2 建站步驟 276
第14章 網站制作綜合實例(二) 290
14.1 建站分析 290
14.2 建站步驟 291
14.2.1 建站 291
14.2.2 創建網頁文檔和CSS樣式表文件 291
14.2.3 制作網頁的頂部 292
14.2.4 制作網頁的主體部分 293
14.2.5 制作網頁的底部 295
參考文獻 298
- 智能控制導論(第四版) [蔡自興 編著]
- 輸水管線工程風險管理 [張勇 黨亥生 著]
- 民用航空飛機標準線路施工 [主編 王志敏 陳明]
- 不息的水脈—大運河講談錄 [趙珩 著]
- 實用運籌學 [主編 邢育紅 于晉臣]
- 三峽梯級電站水資源決策支持系統研究與開發 [姚華明 潘紅忠 湯正]
- 海南黎族民俗文化鑒賞 [龐國華 著]
- 石墨烯在太赫茲及中紅外頻段電磁器件設計中的應用 [李艷秀 莊華偉 著]
- 電子技術(第二版) [主編 覃愛娜 李飛]
- 辦公自動化高級應用 [陳萍 朱曉玉]
- 信息處理技術員考試32小時通關 [薛大龍]
- 電子產品設計案例教程(微課版)—基于嘉立創EDA(專業版) [王靜 莫志宏 陳學昌 丁紅]
- C程序設計實踐教程 [劉衛國]
- C程序設計(慕課版) [劉衛國]
- Web技術開發教程(基于.NET開源MVC框架) [王合闖 韓紅玲 王青正 陳海蕊]
- 商務英語翻譯教程(筆譯)(第四版) [主編 王軍平]
- 智慧零售技術與應用 [洪旭 著]
- 建設工程法規實務 [主編 余瀅]
- 商務秘書理論與實務(第三版) [主編 張同欽]
- 程序設計基礎實踐教程(C/C++語言版) [張桂芬 葛麗娜]
- C++案例項目精講 [主編 楊國興]
- 勞動爭議處理實務 [主編 王秀卿 羅靜]
- 工程數學 [主編 郭立娟 王海]
- 語音識別理論與實踐 [主編 莫宏偉]
- 信息系統項目管理師章節習題與考點特訓(第二版) [主編 薛大龍]
- 武術基礎教程 [主編 李代勇 謝志民]
- 計算機網絡實訓教程 [主編 張浩軍 趙玉娟]
- 畫法幾何與機械制圖習題集(多學時) [主編 趙軍]
- HCIA-Datacom認證題庫分類精講 [主 編 韓立剛]
- SwiftUI完全開發 [李智威 著]