本書介紹了網站前台設計中的設計語言HTML+CSS+JavaScript，從多方面講解了設計語言所涉及的知識點並配合大量的實用案例。由淺入深、由點到面地詮釋網頁設計語言在網頁設計製作中使用的方法和技巧。全書採用了知識點加案例的方法，將設計語言在設計中具體的實用方法貫穿整本書的脈絡，從而達到更加有效的學習效果。全書共分為22章，其中包括HTML基礎知識、HTML整體結構設定、HTML中文本與段落的設定、HTML中列表設定、HTML中圖像設定、HTML中超連結設定、HTML中多媒體設定、HTML中表單元素設定、HTML中表格和Div的套用、HTML中的框架設定、CSS樣式基礎、使用CSS設定文字和段落樣式、使用CSS設定列表和背景樣式、使用CSS設定圖片和超連結樣式、使用滑鼠效果和CSS濾鏡、CSS布局、JavaScript基礎知識、JavaScript的語法基礎、JavaScript中的事件回響、JavaScript中的函式、JavaScript實現動態網頁效果和綜合案例等內容。本書配套光碟中提供了書中所有實例的源檔案和相關素材，以及書中的視頻教程，方便讀者的學習和參考。本書適合初級和中級讀者以及想進入網頁前台領域的讀者朋友與網頁設計相關的大中專學生閱讀。同時，也可作為廣大網頁設計愛好者的參考書以及網頁前台製作的培訓教材。
基本介紹
- 中文名：HTML+CSS+JavaScript網頁設計實用教程
- 出版時間：2015-02-01
- 正文語種：中文
- 包裝：平裝
- 開本：16開
- 出版社：人民郵電出版社
目錄
第1章 HTML基礎 2
1.1 了解Internet相關知識 …………………………… 2
1.1.1 TCP/IP協定 ………………………………………… 2
1.1.2 IP位址和域名 ……………………………………… 2
1.1.3 URL ………………………………………………… 1
1.1.4 Web瀏覽器 ………………………………………… 1
1.2 網頁與網站 ……………………………………… 2
1.2.1 網頁與網站的關係 ………………………………… 2
1.2.2 靜態網頁與動態網頁 ……………………………… 2
1.3 HTML、CSS與JavaScript ……………………… 3
1.3.1 HTML、CSS和JavaScript代碼 …………………… 3
1.3.2 HTML在網頁中的作用……………………………… 4
1.3.3 CSS在網頁中的作用 ……………………………… 4
1.3.4 JavaScript在網頁中的作用 ………………………… 4
1.4 HTML網頁技術 ………………………………… 5
1.4.1 HTML概述…………………………………………… 5
1.4.2 HTML文檔結構……………………………………… 5
1.4.3 HTML中的標籤形式………………………………… 6
1.4.4 編寫HTML時需要注意的問題……………………… 6
1.5 了解XHTML ……………………………………… 6
1.5.1 什麼是XHTML ……………………………………… 6
1.5.2 XHTML的文檔結構 ………………………………… 7
1.5.3 XHTML的代碼規範 ………………………………… 7
1.5.4 XHTML的文檔類型 ………………………………… 9
1.5.5 名字空間 …………………………………………… 9
1.5.6 使用XHTML的優勢 ………………………………… 9
1.6 兩種編寫HTML的方法 …………………………10
1.6.1 使用記事本編寫 ……………………………………10
課堂案例 使用記事本編寫HTML頁面 ……………………10
1.6.2 使用Dreamweaver編寫 …………………………… 11
課堂案例 使用Dreamweaver編寫網頁 …………………13
1.7 網頁設計製作流程 ………………………………14
1.7.1 前期網站策劃 ………………………………………14
1.7.2 規劃站點結構 ………………………………………14
1.7.3 收集網站相關素材 …………………………………15
1.7.4 網頁的版式與布局分析 ……………………………15
1.7.5 確定網頁配色 ………………………………………15
1.7.6 設計網站頁面 ………………………………………16
1.7.7 切割和最佳化網頁圖像 ………………………………16
1.7.8 製作網站HTML頁面…………………………………16
1.7.9 開發動態網站模組 …………………………………16
1.7.10 申請域名和伺服器空間 ……………………………16
1.7.11 測試並上傳網站 ……………………………………16
1.8 本章小結 …………………………………………16
1.9 課後習題 …………………………………………17
1.9.1 課後習題1：製作簡單的HTML頁面 ………………17
第2章 HTML整體結構設定 18
2.1 網頁頭部head標籤 ……………………………18
2.1.1 網頁標題title標籤…………………………………18
2.1.2 網頁說明description ………………………………19
2.1.3 網頁關鍵字keywords ………………………………19
2.1.4 網頁編碼格式charset ………………………………19
2.1.5 網頁編輯工具genrator………………………………20
2.1.6 網頁作者信息author ………………………………20
2.1.7 網頁定時跳轉refresh ………………………………20
課堂案例 綜合設定網頁頭信息 …………………………21
2.1.8 網頁基址base標籤 ………………………………21
2.2 網頁主體body標籤 ……………………………23
2.2.1 網頁邊距margin ……………………………………23
2.2.2 網頁默認文字顏色text ………………………………23
課堂案例 設定網頁文字 …………………………………24
2.2.3 默認連結文字link ……………………………………25
課堂案例 設定網頁連結文字 ……………………………26
2.2.4 網頁背景顏色bgcolor ………………………………27
2.2.5 網頁背景圖片background …………………………28
課堂案例 設定網頁背景效果 ……………………………28
2.3 本章小結 …………………………………………30
2.4 課後習題 …………………………………………30
2.4.1 課後習題1：設定插畫設計網站頭信息 ……………30
2.4.2 課後習題2：綜合設定網頁整體外觀 ………………30
第3章 HTML中文本與段落設定 32
3.1 網頁文本處理 ……………………………………32
3.1.1 在網頁中輸入文字的方法 …………………………32
3.1.2 在文本中插入空格 …………………………………32
3.1.3 插入特殊字元 ………………………………………33
課堂案例 在網頁中輸入文本 ……………………………34
課堂案例 對文本進行換行 ………………………………35
3.1.4 文本換行br /標籤 …………………………………35
3.1.5 文本強制不換行nobr標籤 ………………………35
3.1.6 文本分段p標籤……………………………………36
課堂案例 段落文本處理 …………………………………37
3.1.7 段落文本對齊 ………………………………………37
3.2 設定網頁字型 ……………………………………38
3.2.1 設定字型 ……………………………………………38
3.2.2 設定文字大小 ………………………………………39
3.2.3 設定文字顏色 ………………………………………39
課堂案例 設定文字效果 …………………………………40
3.2.4 文字加粗b和strong標籤 ………………………41
3.2.5 文字傾斜i和em標籤 …………………………41
3.2.6 文字下畫線u標籤…………………………………41
課堂案例 修飾網頁中的文字 ……………………………42
3.2.7 上標與下標文字 ……………………………………43
3.2.8 標題文字h1至h6標籤 …………………………43
課堂案例 在網頁中創建標題文字 ………………………44
3.3 水平線 ……………………………………………45
3.3.1 在網頁中插入水平線 ………………………………45
3.3.2 設定水平線寬度和高度 ……………………………45
3.3.3 設定水平線的顏色 …………………………………46
3.3.4 水平線對齊方式 ……………………………………46
3.3.5 去除水平線陰影 ……………………………………46
課堂案例 為網頁文本添加水平分割線 …………………47
3.4 滾動文本 …………………………………………48
3.4.1 文本滾動marquee標籤 …………………………48
3.4.2 設定文本滾動方向 …………………………………48
3.4.3 文本滾動的方式和速度 ……………………………48
課堂案例 製作網站滾動公告 ……………………………49
3.5 本章小結 …………………………………………51
3.6 課後習題 …………………………………………51
3.6.1 課後習題1：製作廣告促銷頁面 ……………………51
3.6.2 課後習題2：製作文章頁面 …………………………52
第4章 HTML中列表設定 54
4.1 HTML中列表的組成 ……………………………54
4.2 列表設定 …………………………………………54
4.2.1 無序列表ul標籤 …………………………………54
課堂案例 製作無序新聞列表 ……………………………55
4.2.2 有序列表ol標籤 …………………………………56
課堂案例 製作音樂排行榜 ………………………………57
4.2.3 定義列表dl標籤 …………………………………58
課堂案例 製作論壇列表 …………………………………58
4.2.4 目錄列表dir標籤 …………………………………59
4.2.5 選單列表menu標籤 ………………………………60
4.3 本章小結 …………………………………………60
4.4 課後習題 …………………………………………60
4.4.1 課後習題1：製作網站新聞公告 ……………………60
4.4.2 課後習題2：製作玩家排行 …………………………61
