本書主要介紹了利用HTML語言和JavaScript腳本語言制作動態網頁的方法和技巧。HTML語言不是很復雜，但功能強大，支持不同數據格式的文件鑲入。主要特點是：簡易性、可擴展性、通用性。JavaScript腳本語言是一種動態類型、弱類型、基於原型的語言，廣泛用於客戶端的腳本語言。本書以項目為導向，每個項目包括項目目標和項目描述以及知識鏈接。HTML部份重點講解了的文本排版、圖片插入、超鏈接使用、表格制作、框架的制作、表單的制作、層疊樣式表的使用、插入層和多媒體的方法。JavaScript部分重點講解了JavaScript的語法、JavaScript的程序結構、JavaScript的核心對像、制作層特效以及表單與事件的處理。

第一部分 HTML部分
項目一 HTML簡介 3
任務1 編寫一個簡單的頁面 3
項目二 動手寫我們的第一個網頁 7
任務1 用記事本打開一個頁面 7
任務2 HTML文檔的基本結構和語法規則 9
任務3 HTML語言基本標簽的作用及頭標簽對像 11
上機練習 16
項目三 網頁中的文本和文本的排版樣式 19
任務1 文本的排版格式 19
任務2 文本的段落對齊方式 23
任務3 制作網頁中的水平線 25
上機練習 27
項目四 整齊的項目列表 30
任務1 了解列表在網頁中的作用 30
任務2 制作無序列表 31
任務3 制作有序列表 34
任務4 制作嵌套列表 37
上機練習 39
項目五 讓網頁變得好看起來 44
任務1 圖像的基本知識 44
任務2 在網頁中插入圖像讓網頁美麗起來 47
上機練習 57
項目六 網頁鏈接 60
任務1 超鏈接概述 60
任務2 設置基本文本鏈接 61
任務3 在同一頁面中快速查找信息 66
任務4 提高頁面的美觀度――鏈接4種樣式 72
上機練習 75
項目七 制作表格 80
任務1 創建普通表格 80
任務2 插入或刪除行和列的方法 84
任務3 格 86
任務4 格的格式 89
上機練習 90
項目八 使用表單制作頁面 95
任務1 表單概述 95
任務2 在表單中插素 96
上機練習 106
項目九 框架的制作 111
任務1 框架的概念 111
任務2 框架的使用 113
任務3 浮動框架 117
上機練習 120
項目十 層疊樣式表 124
任務1 制作帶有CSS樣式的網頁 124
任務2 樣式表中的選擇器 129
任務3 應用CSS樣式表 135
上機練習 139
項目十一 使用層和多媒體 142
任務1 層的使用 142
任務2 在網頁中插入多媒體 146
上機練習 149
第二部分 JavaScript部分
項目一 開啟JavaScript編程之旅 155
任務1 在網頁中嵌入JavaScript 155
任務2 使用外部JS文件 157
任務3 JavaScript的4個常用方法 159
上機實習 162
項目二 JavaScript語法 165
任務1 JavaScript中變量的使用 165
任務2 數據類型 167
任務3 JavaScript運算符的使用 169
任務4 JavaScript的運算符使用及表達式 173
任務5 JavaScript數組的使用 178
上機實習 184
項目三 JavaScript的程序結構 188
任務1 JavaScript程序中的選擇結構 188
任務2 JavaScript程序中的循環結構 194
任務3 JavaScript自定義函數的使用 197
任務4 JavaScript內置函數的使用 199
上機實習 201
項目四 JavaScript的核心對像 206
任務1 JavaScript的String對像 206
任務2 JavaScript的Math對像 209
任務3 JavaScript的Date對像 212
任務4 JavaScript的Window對像 215
上機實習 218
項目五 制作層特效 224
任務1 層的創建與層窗口的關閉 224
任務2 導航的切換與層的提示效果 230
任務3 可折疊的豎向菜單 233
上機實習 236
項目六 事件處理 240
任務1 onClick事件的事件處理程序 240
任務2 onChange事件的事件處理程序 242
任務3 onFocus事件和onBlur事件的事件處理程序 244
任務4 OnMouseOver事件和OnMouseOut事件的事件處理程序 246
上機實習 252
項目七 表單驗證 256
任務1 制作簡單的計算器 256
任務2 登錄非空驗證 258
任務3 驗證密碼是否是數字 260
任務4 驗證登錄密碼輸入長度 261
任務5 非空驗證及密碼長度驗證 263
任務6 驗證郵箱地址 264
任務7 驗證出生日期的輸入範圍 266
任務8 驗證一組單選按鈕是否被選中 267
上機實習

前 言

隨著網絡技術的進一步發展，對網站開發技術的要求日益提高。各企事業單位對網站開發的人員需求逐步增加。網站開發技術涉及的內容非常多，有網頁的美工設計、網站後臺的程序開發、數據庫設計以及網站功能和架構的設計等。本書重點介紹了利用HTML語言和JavaScript語言制作動態網頁的方法。本書的編寫采用項目教學法，每個項目又分解為若干個任務和相應的知識鏈接，具有以下特點：

1．準確定位，培養目標明確。以培養網站建設與開發應用型人纔為目標，有針對性地規劃教材內容。

2．突出操作，體現了以應用為核心，以培養學生的實際動手能力為重點，力求做到學與教並重，科學性與實用性相統一。

3．結構合理，教材從實例出發，采取任務驅動，使學生容易理解，便於掌握。

4．教學適用性強，本書兩大部分按項目進行編寫，每個項目又分解為若干個任務，每個項目結束配合相應的上機練習內容，便於教師教學和學生自學。

5．本書配備了教學資源包，包括教學素材、習題結果，電子教案等，為老師備課提供了全方位的服務。

本書教學時數為112學時。

HTML部分

項目 課時分配

講授 實訓 合計

1 2 2 4

2 2 2 4

3 2 2 4

4 2 2 4

5 4 4 8

6 4 4 8

7 4 4 8

8 2 2 4

9 4 4 8

10 2 2 4

11 2 2 4

JavaScript部分

項目 課時分配

講授 實訓 合計

1 4 4 8

2 4 4 8

3 4 4 8

4 4 4 8

5 4 4 8

6 4 4 8

7 4 4 8

本書主編為董麗紅，參編有梁爽、劉貴坤。HTML部分的項目一至項目七由董麗紅編寫，項目八至項目十一以及JavaScript部分的項目一、項目二由梁爽編寫，JavaScript部分的項目三至項目七由劉貴坤編寫。

由於作者水平所限，書中瑕疵之處，敬請讀者批評指正。