本書緊貼互聯(lián)網(wǎng)行業(yè)發(fā)展對(duì)Web前端開發(fā)工程師崗位的技術(shù)與能力的要求,詳細(xì)地介紹HTML、CSS、DIV、JavaScript、DOM與BOM、瀏覽器兼容性測試、網(wǎng)站調(diào)試與發(fā)布等部分的基本語法和關(guān)鍵應(yīng)用。內(nèi)容編排結(jié)構(gòu)合理,由淺入深,循序漸進(jìn)地引導(dǎo)讀者快速入門,并能提高初級(jí)及以上讀者的實(shí)際應(yīng)用水平,讓讀者能夠快速適應(yīng)移動(dòng)互聯(lián)網(wǎng)行業(yè)對(duì)Web前端開發(fā)工程師崗位的新要求。
全書共分為17章。第1章Web前端開發(fā)技術(shù)綜述; 第2章HTML基礎(chǔ); 第3章格式化文本與段落; 第4章列表; 第5章超鏈接; 第6章圖像與多媒體文件; 第7章CSS基礎(chǔ); 第8章DIV與SPAN; 第9章CSS樣式屬性; 第10章DIV+CSS頁面布局; 第11章表格; 第12章框架; 第13章表單; 第14章JavaScript基礎(chǔ); 第15章JavaScript事件分析; 第16章DOM和BOM; 第17章瀏覽器兼容性測試、網(wǎng)站調(diào)試與發(fā)布。每章均附有本章學(xué)習(xí)目標(biāo)、本章小結(jié)、練習(xí)與實(shí)驗(yàn)、工具介紹或網(wǎng)站欣賞,便于讀者學(xué)習(xí)和自主練習(xí)與提高,以期達(dá)到熟練掌握各類技術(shù)的目的。
本書可作為高等學(xué)校計(jì)算機(jī)科學(xué)與技術(shù)、軟件工程、信息管理與信息系統(tǒng)、網(wǎng)絡(luò)工程、物聯(lián)網(wǎng)工程、信息科學(xué)技術(shù)、數(shù)字媒體技術(shù)及其他文、理科相關(guān)專業(yè)或計(jì)算機(jī)公共基礎(chǔ)的“網(wǎng)頁開發(fā)與設(shè)計(jì)”、“網(wǎng)頁制作”、“Web客戶端編程”、“Web前端開發(fā)技術(shù)”等課程教學(xué)的教材,也可供IT相關(guān)崗位的工程技術(shù)人員參考,還可以作為初學(xué)者自學(xué)讀物。
內(nèi)容新穎全面:緊貼Web前端開發(fā)工程師的崗位的需求,精心策劃教學(xué)內(nèi)容。全面講解HTML、CSS、DIV、JavaScript、DOM與BOM、多瀏覽器兼容性測試與調(diào)試等六大組成部分。
實(shí)例真實(shí)豐富:從商業(yè)網(wǎng)站精選實(shí)例,每章再遴選1個(gè)經(jīng)典的綜合案例,將本章和相鄰章節(jié)的知識(shí)融會(huì)貫通。
講解圖文并茂:使用大量圖表、圖片進(jìn)行歸納與分析,以提高教學(xué)效率。
代碼規(guī)范統(tǒng)一:提供風(fēng)格統(tǒng)一、格式規(guī)范的源代碼,培養(yǎng)讀者良好的編程習(xí)慣。
第1章Web前端開發(fā)技術(shù)綜述
1.1Web概述
1.1.1Web的起源
1.1.2Web的特點(diǎn)
1.1.3Web工作原理
1.2Web前端開發(fā)工程師職業(yè)需求
1.2.1Web前端開發(fā)的由來
1.2.2Web前端開發(fā)工程師的職業(yè)要求
1.3Web前端開發(fā)技術(shù)
1.3.1HTML
1.3.2CSS
1.3.3JavaScript
1.3.4HTML DOM
1.3.5BOM
1.3.6AJAX
1.3.7jQuery
1.4Web前端開發(fā)工具
1.4.1NotePad
1.4.2EditPlus
1.4.3Adobe Dreamweaver
1.5瀏覽器工具
1.5.1Internet Explorer
1.5.2Google Chrome
1.5.3Mozilla Firefox
1.5.4Safari
1.5.5Opera
1.6綜合實(shí)例
本章小結(jié)
練習(xí)與實(shí)驗(yàn)
本章參考文獻(xiàn)
第2章HTML基礎(chǔ)
2.1HTML文檔結(jié)構(gòu)
2.2頭部head
2.2.1標(biāo)題title標(biāo)記
2.2.2元信息meta標(biāo)記
2.3主體body
2.3.1body標(biāo)記
2.3.2body標(biāo)記屬性
2.4HTML基本語法
2.4.1標(biāo)記類型
2.4.2HTML屬性
2.5注釋
2.6HTML文檔編寫規(guī)范
2.6.1HTML代碼書寫規(guī)范
2.6.2HTML文檔命名規(guī)則
2.7HTML文檔類型
2.7.1標(biāo)記
2.7.2DTD類型
2.8綜合實(shí)例
本章小結(jié)
練習(xí)與實(shí)驗(yàn)
本章參考文獻(xiàn)
第3章格式化文本與段落
3.1Web頁面初步設(shè)計(jì)
3.1.1向Web頁面添加文字信息
3.1.2標(biāo)題字標(biāo)記
3.1.3添加空格與特殊符號(hào)
3.2格式化文本標(biāo)記
3.2.1文本修飾標(biāo)記
3.2.2計(jì)算機(jī)輸出標(biāo)記
3.2.3引用和術(shù)語標(biāo)記
3.2.4字體font標(biāo)記
3.3段落與排版標(biāo)記
3.3.1段落p標(biāo)記
3.3.2換行br標(biāo)記
3.3.3水平分隔線hr標(biāo)記
3.3.4內(nèi)容居中center標(biāo)記
3.3.5段落縮進(jìn)blockquote標(biāo)記
3.3.6預(yù)格式化pre標(biāo)記
3.4綜合實(shí)例
本章小結(jié)
練習(xí)與實(shí)驗(yàn)
第4章列表
4.1列表概述
4.2無序列表
4.3有序列表
4.4列表嵌套
4.5定義列表
4.6綜合實(shí)例
本章小結(jié)
練習(xí)與實(shí)驗(yàn)
本章參考文獻(xiàn)
第5章超鏈接
5.1超鏈接概述
5.2超鏈接語法、路徑及分類
5.2.1超鏈接語法
5.2.2超鏈接路徑
5.2.3超鏈接分類
5.3超鏈接的應(yīng)用
5.3.1創(chuàng)建HTTP文件下載超鏈接
5.3.2創(chuàng)建頁面書簽鏈接
5.3.3創(chuàng)建FTP站點(diǎn)訪問超鏈接
5.3.4創(chuàng)建圖像超鏈接
5.3.5創(chuàng)建電子郵件超鏈接
5.4綜合實(shí)例
本章小結(jié)
練習(xí)與實(shí)驗(yàn)
本章參考文獻(xiàn)
第6章圖像與多媒體文件
6.1圖像
6.1.1插入圖像
6.1.2設(shè)置圖像的替代文本
6.1.3設(shè)置圖像的高度和寬度
6.1.4設(shè)置圖像的邊框
6.1.5設(shè)置圖像對(duì)齊方式
6.1.6設(shè)置圖像的間距
6.1.7設(shè)置圖像熱區(qū)鏈接
6.2滾動(dòng)文字
6.2.1添加滾動(dòng)文字
6.2.2設(shè)置滾動(dòng)文字背景顏色與滾動(dòng)循環(huán)
6.2.3設(shè)置滾動(dòng)方向與滾動(dòng)方式
6.2.4設(shè)置滾動(dòng)速度與滾動(dòng)延遲
6.2.5設(shè)置滾動(dòng)范圍與滾動(dòng)空白空間
6.3背景音樂與其他多媒體文件
6.3.1添加背景音樂
6.3.2插入音頻和視頻
6.3.3插入Flash動(dòng)畫
6.4綜合實(shí)例
本章小結(jié)
練習(xí)與實(shí)驗(yàn)
本章參考文獻(xiàn)
第7章CSS基礎(chǔ)
7.1CSS概念
7.1.1CSS的基本概念
7.1.2傳統(tǒng)HTML的缺點(diǎn)
7.1.3CSS的特點(diǎn)
7.1.4CSS的優(yōu)勢
7.1.5CSS的編輯方法
7.2使用CSS控制Web頁面
7.2.1CSS基本語法
7.2.2CSS選擇器類型
7.2.3CSS選擇器聲明
7.2.4CSS定義與引用
7.3CSS繼承與層疊
7.4綜合實(shí)例
本章小結(jié)
練習(xí)與實(shí)驗(yàn)
第8章DIV與SPAN
8.1DIV圖層
8.1.1DIV定義
8.1.2DIV應(yīng)用
8.2圖層嵌套與層疊
8.2.1DIV嵌套
8.2.2DIV層疊
8.3DIV標(biāo)記與SPAN標(biāo)記
8.4綜合實(shí)例
本章小結(jié)
練習(xí)與實(shí)驗(yàn)
本章參考文獻(xiàn)
第9章CSS樣式屬性
9.1CSS屬性值中的單位
9.1.1絕對(duì)單位
9.1.2相對(duì)單位
9.2CSS字體樣式
9.2.1字體大小fontsize屬性
9.2.2字體樣式fontstyle屬性
9.2.3字體系列fontfamily屬性
9.2.4字體變體fontvariant屬性
9.2.5字體粗細(xì)fontweight屬性
9.2.6字體font屬性
9.3CSS文本樣式
9.3.1字符間距l(xiāng)etterspacing屬性
9.3.2行距l(xiāng)ineheight屬性
9.3.3首行縮進(jìn)textindent屬性
9.3.4字符裝飾textdecoration屬性
9.3.5英文大小寫轉(zhuǎn)換texttransform屬性
9.3.6水平對(duì)齊textalign屬性
9.3.7垂直對(duì)齊verticalalign屬性
9.4CSS顏色與背景
9.4.1顏色color屬性
9.4.2背景background屬性
9.5CSS列表樣式
9.5.1列表類型liststyletype屬性
9.5.2列表項(xiàng)圖像liststyleimage屬性
9.5.3列表符號(hào)位置liststyleposition屬性
9.6CSS盒模型
9.6.1CSS盒模型結(jié)構(gòu)
9.6.2邊界屬性設(shè)置
9.6.3邊框?qū)傩栽O(shè)置
9.6.4填充屬性設(shè)置
9.7綜合實(shí)例
本章小結(jié)
練習(xí)與實(shí)驗(yàn)
本章參考文獻(xiàn)
第10章DIV+CSS頁面布局
10.1頁面布局設(shè)計(jì)
10.1.1“三行模式”或“三列模式”
10.1.2“三行二列”、“三行三列”模式
10.1.3多行多列復(fù)雜模式
10.2導(dǎo)航菜單設(shè)計(jì)
10.2.1一級(jí)水平導(dǎo)航菜單
10.2.2二級(jí)水平導(dǎo)航菜單
10.3綜合實(shí)例
本章小結(jié)
練習(xí)與實(shí)驗(yàn)
第11章表格
11.1表格
11.2表格標(biāo)記
11.3表格屬性設(shè)置
11.3.1表格邊框?qū)傩?br />
11.3.2表格的寬度和高度屬性
11.3.3表格背景顏色與背景圖像屬性
11.3.4表格邊框樣式屬性
11.3.5表格單元格間距、單元格邊距屬性
11.3.6表格水平對(duì)齊屬性
11.4設(shè)置表格行的屬性
11.4.1表格行內(nèi)容水平對(duì)齊的屬性
11.4.2表格行內(nèi)容垂直對(duì)齊的屬性
11.5設(shè)置單元格的屬性
11.5.1表格單元格跨行屬性
11.5.2表格單元格跨列屬性
11.6表格嵌套
11.7CSS Table屬性
11.7.1bordercollapse屬性
11.7.2borderspacing屬性
11.7.3captionside屬性
11.7.4emptycells屬性
11.7.5tablelayout屬性
11.8綜合實(shí)例
本章小結(jié)
練習(xí)與實(shí)驗(yàn)
第12章框架
12.1框架概述
12.2框架集的設(shè)置
12.2.1框架集窗口水平分割
12.2.2框架集窗口垂直分割
12.2.3框架集窗口嵌套分割
12.2.4框架集的邊框
12.2.5框架集邊框的隱藏
12.3框架的設(shè)置
12.3.1框架名稱屬性
12.3.2框架中顯示網(wǎng)頁屬性
12.3.3框架中滾動(dòng)條屬性
12.3.4框架的邊距屬性
12.3.5框架尺寸調(diào)整屬性
12.4浮動(dòng)框架
12.5框架與超鏈接關(guān)聯(lián)
12.6綜合實(shí)例
本章小結(jié)
練習(xí)與實(shí)驗(yàn)
第13章表單
13.1表單概述
13.2定義域和域標(biāo)題
13.3表單信息輸入
13.3.1單行文本輸入框
13.3.2密碼輸入框
13.3.3復(fù)選框
13.3.4單選按鈕
13.3.5圖像按鈕
13.3.6提交按鈕
13.3.7重置按鈕
13.3.8普通按鈕
13.3.9文件選擇框
13.3.10隱藏框
13.4多行文本輸入框
13.5下拉列表框
13.6綜合實(shí)例
本章小結(jié)
練習(xí)與實(shí)驗(yàn)
第14章JavaScript基礎(chǔ)
14.1JavaScript概述
14.1.1JavaScript簡介
14.1.2第一個(gè)JavaScript程序
14.1.3JavaScript放置的位置
14.2JavaScript程序
14.2.1語句和語句塊
14.2.2代碼
14.2.3消息對(duì)話框
14.2.4JavaScript注釋
14.3標(biāo)識(shí)符和變量
14.3.1命名規(guī)范
14.3.2數(shù)據(jù)類型
14.3.3變量
14.3.4轉(zhuǎn)義字符
14.4運(yùn)算符和表達(dá)式
14.4.1算術(shù)運(yùn)算符和表達(dá)式
14.4.2關(guān)系運(yùn)算符和表達(dá)式
14.4.3邏輯運(yùn)算符和表達(dá)式
14.4.4賦值運(yùn)算符和表達(dá)式
14.4.5位運(yùn)算符和表達(dá)式
14.4.6條件運(yùn)算符和表達(dá)式
14.4.7其他運(yùn)算符和表達(dá)式
14.5JavaScript程序控制結(jié)構(gòu)
14.5.1順序結(jié)構(gòu)
14.5.2分支結(jié)構(gòu)
14.5.3循環(huán)結(jié)構(gòu)
14.6JavaScript函數(shù)
14.6.1常用系統(tǒng)函數(shù)
14.6.2自定義函數(shù)
14.6.3帶參數(shù)返回的return語句
14.6.4函數(shù)變量的作用域
14.7綜合實(shí)例
本章小結(jié)
練習(xí)與實(shí)驗(yàn)
第15章JavaScript事件分析
15.1JavaScript事件概述
15.1.1事件類型
15.1.2事件句柄
15.1.3事件處理
15.1.4事件處理程序的返回值
15.2表單事件
15.2.1獲得焦點(diǎn)與失去焦點(diǎn)事件
15.2.2提交及重置事件
15.2.3改變及選擇事件
15.3鼠標(biāo)事件
15.3.1鼠標(biāo)單、雙擊事件
15.3.2鼠標(biāo)移動(dòng)事件
15.4鍵盤事件
15.5窗口事件
15.6綜合實(shí)例
本章小結(jié)
練習(xí)與實(shí)驗(yàn)
第16章DOM和BOM
16.1常用對(duì)象
16.1.1Array
16.1.2Date
16.1.3Math
16.1.4Number
16.1.5String
16.1.6Boolean
16.2HTML DOM
16.2.1DOM簡介
16.2.2DOM節(jié)點(diǎn)樹
16.2.3DOM節(jié)點(diǎn)
16.2.4DOM節(jié)點(diǎn)訪問
16.2.5DOM節(jié)點(diǎn)操作
16.3BOM
16.3.1window對(duì)象
16.3.2navigator對(duì)象
16.3.3screen對(duì)象
16.3.4history對(duì)象
16.3.5location對(duì)象
16.4綜合實(shí)例
本章小結(jié)
練習(xí)與實(shí)驗(yàn)
第17章瀏覽器兼容性測試、網(wǎng)站調(diào)試與發(fā)布
17.1瀏覽器兼容性測試工具
17.1.1在線測試工具
17.1.2本地測試工具
17.2Web網(wǎng)頁調(diào)試工具
17.2.1IE IETester
17.2.2Firefox Firebug
17.2.3Opera Dragonfly
17.3網(wǎng)站發(fā)布工具
17.3.1常用的Web服務(wù)器
17.3.2常用的Web服務(wù)器發(fā)布平臺(tái)
17.3.3Windows上EasyPHP配置與發(fā)布
本章小結(jié)
練習(xí)與實(shí)驗(yàn)
附錄A模擬試卷1
附錄B模擬試卷2
參考文獻(xiàn)