123,123

內(nèi)容簡(jiǎn)介

　　在當(dāng)今以互聯(lián)網(wǎng)產(chǎn)業(yè)為基礎(chǔ)的時(shí)代，網(wǎng)站建設(shè)已經(jīng)成為很多企業(yè)重視的問題。我們認(rèn)為有必要出一本知識(shí)覆蓋面較廣的網(wǎng)頁制作教材，幫助網(wǎng)站建設(shè)人員快速、全面地掌握網(wǎng)站建設(shè)的技巧和規(guī)范。在內(nèi)容的安排上，本書涉及網(wǎng)頁設(shè)計(jì)基礎(chǔ)（網(wǎng)站布局配色）、Dreamweaver工具使用、靜態(tài)頁面搭建（HTML5+CSS3）、網(wǎng)頁動(dòng)效制作（JavaScript）、動(dòng)態(tài)網(wǎng)站開發(fā)（PHP+MySQL）以及網(wǎng)站推廣和維護(hù)等知識(shí)。其中，第1~3章介紹了網(wǎng)站建設(shè)的基礎(chǔ)知識(shí)，包括網(wǎng)絡(luò)概念、網(wǎng)站設(shè)計(jì)和建設(shè)流程等；第4、5章介紹了Dreamweaver工具使用方法，例如文件操作、設(shè)置站點(diǎn)等；第6~13章介紹了靜態(tài)頁面的搭建，例如盒子模型、div布局、HTML5、CSS3等；第14、15章介紹了JavaScript基礎(chǔ)知識(shí)，包括JavaScript語法、數(shù)據(jù)類型、變量、表達(dá)式、事件、對(duì)象等；第16、17章介紹了PHP和MySQL的基礎(chǔ)知識(shí)，并通過一個(gè)綜合項(xiàng)目“手繪日記”網(wǎng)站建設(shè)，對(duì)前面的知識(shí)進(jìn)行了回顧；第18、19章介紹了網(wǎng)站推廣、優(yōu)化和維護(hù)的相關(guān)內(nèi)容。本書附有源代碼、習(xí)題、教學(xué)課件等資源；為了幫助初學(xué)者更好地學(xué)習(xí)，還提供了在線答疑，希望得到更多讀者的關(guān)注。本書適合作為高等院校相關(guān)專業(yè)網(wǎng)頁設(shè)計(jì)與制作課程的教材，也可作為網(wǎng)頁平面設(shè)計(jì)的培訓(xùn)教材，還可供網(wǎng)頁制作、美工設(shè)計(jì)、網(wǎng)站開發(fā)、網(wǎng)頁編程等行業(yè)人員閱讀與參考。

作者簡(jiǎn)介

　　黑馬程序員：江蘇傳智播客教育科技股份有限公司（簡(jiǎn)稱傳智播客）是一家專門致力于高素質(zhì)軟件開發(fā)人才培養(yǎng)的高科技公司。傳智播客致力于為企業(yè)優(yōu)選一流的人才的培訓(xùn)理念，經(jīng)過多年的教學(xué)探索及戰(zhàn)略布局，已向著綜合型職業(yè)教育集團(tuán)發(fā)展?！昂隈R程序員”是傳智播客旗下高端IT教育品牌。

圖書目錄

第1章初識(shí)網(wǎng)絡(luò)、網(wǎng)頁和網(wǎng)站 .............1
1.1　網(wǎng)絡(luò)基本概念 ..............................1
1.1.1　認(rèn)識(shí)網(wǎng)絡(luò) .............................1
1.1.2 網(wǎng)絡(luò)的分類 .........................2
1.2 網(wǎng)絡(luò)相關(guān)術(shù)語 ..............................3
1.3 認(rèn)識(shí)網(wǎng)頁和網(wǎng)站 ..........................4
1.3.1 網(wǎng)頁和網(wǎng)站基本概念 .........5
1.3.2 網(wǎng)頁基本構(gòu)成要素 .............6
1.3.3 網(wǎng)站頁面構(gòu)成 .....................8
1.3.4 網(wǎng)站類型 ...........................10
1.4 瀏覽器概述 ................................12
習(xí)題 .....................................................15
第2章網(wǎng)頁設(shè)計(jì)基礎(chǔ) .........................17
2.1 網(wǎng)頁設(shè)計(jì)原則 ............................17
2.2 網(wǎng)頁配色基礎(chǔ) ............................20
2.2.1 認(rèn)識(shí)色彩 ...........................20
2.2.2 色彩三屬性 .......................22
2.2.3 色彩象征意義 ...................22
2.2.4 網(wǎng)頁配色原則 ...................26
2.3 網(wǎng)頁設(shè)計(jì)流程 ............................29
2.3.1 確定網(wǎng)站主題 ...................29
2.3.2 網(wǎng)站整體規(guī)劃 ...................29
2.3.3 收集素材 ...........................30
2.3.4 設(shè)計(jì)網(wǎng)頁效果圖 ...............31
2.4 網(wǎng)頁布局設(shè)計(jì) ............................32
2.4.1 什么是網(wǎng)頁布局 ...............32
2.4.2 基本結(jié)構(gòu)分析 ...................33
2.4.3 網(wǎng)頁布局分類 ...................33
2.4.4 網(wǎng)頁布局原則 ...................36
2.5 網(wǎng)頁內(nèi)容元素設(shè)計(jì) ....................38
2.5.1 文字編排設(shè)計(jì) ...................39
2.5.2 圖像設(shè)計(jì) ...........................39
2.5.3 超鏈接設(shè)計(jì) .......................41
2.6 常用的網(wǎng)頁設(shè)計(jì)軟件 ................42
2.6.1 Photoshop ...........................42
2.6.2 Illustrator ...........................42
2.6.3 Flash ..................................43
2.6.4 Fireworks ...........................43
習(xí)題 .....................................................44
第3章網(wǎng)站建設(shè)基礎(chǔ) .......................45
3.1 網(wǎng)站建設(shè)流程 ............................45
3.1.1 頁面觀察和搭建 ...............45
3.1.2 開發(fā)動(dòng)態(tài)網(wǎng)站模塊 ...........46
3.1.3 網(wǎng)站建設(shè)后期事宜 ...........47
3.2 常用的網(wǎng)站建設(shè)工具 ................47
3.3 域名和服務(wù)器空間 ....................50
3.3.1 域名概述 ...........................50
3.3.2 域名的級(jí)別 .......................51
3.3.3 域名的意義 .......................53
3.3.4 選取域名 ...........................53
3.3.5 注冊(cè)域名 ...........................54
3.3.6 認(rèn)識(shí)服務(wù)器空間 ...............55
目　錄
網(wǎng)頁設(shè)計(jì)與網(wǎng)站制作1-2章_1校.indd 1 2018-10-26 10:37:06
2 網(wǎng)頁制作與網(wǎng)站建設(shè)實(shí)戰(zhàn)教程
3.3.7 購(gòu)買服務(wù)器空間的
注意事項(xiàng) ...........................56
3.4 網(wǎng)站的上傳 ................................57
習(xí)題 .....................................................59
第4 章 Dreamweaver 工具基本操作 .... 61
4.1 界面介紹 ....................................61
4.2 軟件初始化設(shè)置 ........................67
4.3 Dreamweaver 工具的
基本操作 ....................................70
4.3.1 文檔的操作 .......................70
4.3.2 添加文本 ...........................73
4.3.3 添加圖像 ...........................75
4.3.4 添加鏈接 ...........................76
習(xí)題 .....................................................78
第5 章站點(diǎn)、模板和庫(kù) .................... 79
5.1 站點(diǎn) ............................................79
5.1.1 認(rèn)識(shí)站點(diǎn) ...........................79
5.1.2 建立站點(diǎn) ...........................80
5.1.3 管理站點(diǎn) ...........................81
5.2 模板 ............................................84
5.2.1 認(rèn)識(shí)模板 ...........................84
5.2.2 創(chuàng)建模板 ...........................85
5.2.3 編輯模板 ...........................86
5.2.4 管理模板 ...........................87
5.3 庫(kù) ...............................................89
5.3.1 認(rèn)識(shí)庫(kù)和庫(kù)項(xiàng)目 ...............89
5.3.2 創(chuàng)建庫(kù)項(xiàng)目 .......................90
5.3.3 管理庫(kù)項(xiàng)目 .......................90
習(xí)題 .....................................................92
第6 章網(wǎng)頁制作入門——HTML ...... 94
6.1 HTML 概述 ................................94
6.1.1 什么是HTML ...................94
6.1.2 認(rèn)識(shí)HTML 標(biāo)記 ..............95
6.1.3 HTML 文檔基本格式 .......95
6.1.4 HTML 標(biāo)記屬性 ...............96
6.1.5 HTML文檔頭部相關(guān)
標(biāo)記 ...................................97
6.2 文本控制標(biāo)記 ............................99
6.2.1 標(biāo)題和段落標(biāo)記 ...............99
6.2.2 文本樣式標(biāo)記 .................101
6.2.3 文本格式化標(biāo)記 .............101
6.2.4 特殊字符標(biāo)記 .................102
6.3 HTML 圖像標(biāo)記 ......................102
6.3.1 常用圖像格式 .................102
6.3.2 圖像標(biāo)記 ............103
6.3.3 路徑和相對(duì)路徑 .....105
6.4 認(rèn)識(shí)HTML5 ............................106
6.4.1 HTML5 概述 ...................106
6.4.2 HTML5文檔格式的
變化 .................................107
6.4.3 HTML5 新增標(biāo)記 ..........108
習(xí)題 ...................................................109
第7 章網(wǎng)頁制作入門——CSS ........110
7.1 CSS 簡(jiǎn)介 ..................................110
7.1.1 什么是CSS .....................110
7.1.2 CSS 發(fā)展史 .....................110
7.2 CSS 核心基礎(chǔ) ..........................111
7.2.1 CSS 樣式規(guī)則 .................111
7.2.2 引入CSS 樣式表 ............112
7.2.3 CSS 基礎(chǔ)選擇器 .............114
7.3 CSS 文本樣式 ..........................116
7.3.1 字體樣式屬性 .................116
7.3.2 文本外觀屬性 .................119
7.4 CSS 高級(jí)屬性 ..........................123
7.4.1 CSS 層疊性和繼承性 .....123
網(wǎng)頁設(shè)計(jì)與網(wǎng)站制作1-2章_1校.indd 2 2018-10-26 10:37:06
目錄 3
7.4.2 CSS 優(yōu)先級(jí) .....................124
7.5 CSS3 新增選擇器 ....................127
習(xí)題 ...................................................129
第8章盒子模型 .............................. 131
8.1 盒子模型概述 ..........................131
8.1.1 認(rèn)識(shí)盒子模型 .................131
8.1.2 標(biāo)記 .......................132 8.1.3 盒子的寬與高 .................132
8.2 盒子模型相關(guān)屬性 ..................133
8.2.1 邊框?qū)傩?.........................133
8.2.2 內(nèi)邊距屬性 .....................137
8.2.3 外邊距屬性 .....................137
8.2.4 box-shadow 屬性 .............138
8.2.5 box-sizing 屬性 ................139
8.2.6 背景屬性 .........................139
8.3 元素類型與轉(zhuǎn)換 ......................144
8.3.1 元素的類型 .....................144
8.3.2 標(biāo)記 ....................145 8.3.3 元素的轉(zhuǎn)換 .....................145
8.4 塊元素垂直外邊距的合并 ......146
8.4.1 相鄰塊元素垂直外
邊距的合并 .....................146
8.4.2 嵌套塊元素垂直外
邊距的合并 .....................146
習(xí)題 ...................................................146
第9 章列表和超鏈接 ..................... 148
9.1 列表標(biāo)記 ..................................148
9.1.1 無序列表 ..................148 9.1.2 有序列表 ..................149 9.1.3 定義列表 ..................150 9.2 CSS控制列表樣式 ...................150
9.2.1 list-style-type屬性 ..........150
9.2.2 list-style-image屬性 .......151
9.2.3 list-style-position屬性 ...151
9.2.4 list-style屬性 ...................152
9.3 超鏈接標(biāo)記 ..............................152
9.3.1 創(chuàng)建超鏈接 .....................152
9.3.2 錨點(diǎn)鏈接 .........................153
9.4 鏈接偽類控制超鏈接 ..............154
習(xí)題 ...................................................154
第10 章表格和表單 ....................... 156
10.1 表格標(biāo)記 ................................156
10.1.1 創(chuàng)建表格 .......................156
10.1.2 標(biāo)記的屬性 ......157 10.1.3 標(biāo)記的屬性 ...........161 10.1.4 標(biāo)記的屬性 ...........162 10.1.5 標(biāo)記 .......................163 10.2 CSS 控制表格樣式 ................163
10.2.1 CSS 控制表格邊框 .......164
10.2.2 CSS 控制單元格邊距 ...164
10.2.3 CSS 控制單元格寬高 ...164
10.3 認(rèn)識(shí)表單 ................................165
10.3.1 表單的構(gòu)成 ...................165
10.3.2 表單的創(chuàng)建 ...................165
10.3.3 表單的屬性 ...................166
10.4 表單控件 ................................167
10.4.1 input 控件 ......................167
10.4.2 標(biāo)記的type
屬性 ...............................169
10.4.3 標(biāo)記的其他
屬性 ...............................172
10.4.4 textarea 控件..................174
10.4.5 select 控件 .....................175
10.4.6 datalist 控件 ...................177
10.5 CSS 控制表單樣式 ................177
習(xí)題 ...................................................178
網(wǎng)頁設(shè)計(jì)與網(wǎng)站制作1-2章_1校.indd 3 2018-10-26 10:37:06
4 網(wǎng)頁制作與網(wǎng)站建設(shè)實(shí)戰(zhàn)教程
第11 章 div css 布局 ..................... 180
11.1 布局概述.................................180
11.2 布局常用屬性.........................182
11.2.1 標(biāo)記的浮動(dòng)屬性 ...........182
11.2.2 標(biāo)記的定位屬性 ...........184
11.3 布局其他屬性.........................187
11.3.1 overflow 屬性 ................187
11.3.2 Z-index 標(biāo)記層疊 ..........188
11.4 布局類型.................................188
11.4.1 單列布局 .......................188
11.4.2 兩列布局 ........................189
11.4.3 三列布局 .......................190
11.5 網(wǎng)頁模塊命名規(guī)范.................191
習(xí)題 ...................................................192
第12 章 CSS 應(yīng)用技巧 .................. 194
12.1 CSS 精靈技術(shù) ........................194
12.1.1 認(rèn)識(shí)CSS 精靈 ..............194
12.1.2 應(yīng)用CSS 精靈 ..............195
12.2 CSS 滑動(dòng)門技術(shù) ....................196
12.2.1 認(rèn)識(shí)滑動(dòng)門 ...................196
12.2.2 使用滑動(dòng)門制作導(dǎo)
航條 ...............................197
12.3 margin 設(shè)置負(fù)值技巧 ............198
12.3.1 margin 負(fù)值基本應(yīng)用 ...198
12.3.2 利用margin 負(fù)值制作
壓線效果 .......................199
習(xí)題 ...................................................199
第13 章視頻和音頻嵌入技術(shù) ......... 201
13.1 視頻和音頻嵌入技術(shù)概述 ....201
13.2 視頻文件和音頻文件的
格式 ........................................203
13.3 嵌入視頻和音頻 ....................203
13.3.1 在HTML5 中嵌入
視頻 ...............................204
13.3.2 在HTML5 中嵌入
音頻 ...............................204
13.3.3 視頻和音頻文件的兼容
性問題 ...........................205
13.3.4 調(diào)用網(wǎng)絡(luò)視頻和音頻
文件 ...............................206
13.3.5 CSS 控制視頻的寬高 ...207
習(xí)題 ...................................................207
第14 章 JavaScript 基礎(chǔ)知識(shí) ......... 209
14.1 初識(shí)JavaScript .......................209
14.1.1 JavaScript 簡(jiǎn)介..............209
14.1.2 JavaScript 語法規(guī)則......213
14.1.3 JavaScript 引入方式......214
14.1.4 JavaScript 常用輸出
語句 ...............................216
14.1.5 簡(jiǎn)單的JavaScript頁面 ....218
14.2 認(rèn)識(shí)標(biāo)識(shí)符、關(guān)鍵字、
保留字 ....................................218
14.3 認(rèn)識(shí)基本數(shù)據(jù)類型 ................219
14.3.1 數(shù)值型 ...........................220
14.3.2 字符串型 .......................220
14.3.3 布爾型 ...........................221
14.3.4 空型 ...............................221
14.3.5 未定義型 .......................222
14.4 常量與變量 ............................222
14.4.1 常量 ...............................222
14.4.2 變量 ...............................222
14.4.3 變量的賦值 ...................223
14.5 數(shù)據(jù)類型的檢測(cè)與轉(zhuǎn)換 ........223
14.5.1 檢測(cè)數(shù)據(jù)類型 ...............224
14.