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