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