HTML+JavaScript動態(tài)網(wǎng)頁制作

第一部分  HTML部分
項(xiàng)目一  HTML簡介 3
任務(wù)1  編寫一個(gè)簡單的頁面 3
項(xiàng)目二  動手寫我們的第一個(gè)網(wǎng)頁 7
任務(wù)1  用記事本打開一個(gè)頁面 7
任務(wù)2  HTML文檔的基本結(jié)構(gòu)和語法規(guī)則 9
任務(wù)3  HTML語言基本標(biāo)簽的作用及頭標(biāo)簽對象 11
上機(jī)練習(xí) 16
項(xiàng)目三  網(wǎng)頁中的文本和文本的排版樣式 19
任務(wù)1  文本的排版格式 19
任務(wù)2  文本的段落對齊方式 23
任務(wù)3  制作網(wǎng)頁中的水平線 25
上機(jī)練習(xí) 27
項(xiàng)目四  整齊的項(xiàng)目列表 30
任務(wù)1  了解列表在網(wǎng)頁中的作用 30
任務(wù)2  制作無序列表 31
任務(wù)3  制作有序列表 34
任務(wù)4  制作嵌套列表 37
上機(jī)練習(xí) 39
項(xiàng)目五  讓網(wǎng)頁變得好看起來 44
任務(wù)1  圖像的基本知識 44
任務(wù)2  在網(wǎng)頁中插入圖像讓網(wǎng)頁美麗起來 47
上機(jī)練習(xí) 57
項(xiàng)目六  網(wǎng)頁鏈接 60
任務(wù)1  超鏈接概述 60
任務(wù)2  設(shè)置基本文本鏈接 61
任務(wù)3  在同一頁面中快速查找信息 66
任務(wù)4  提高頁面的美觀度――鏈接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)目八  使用表單制作頁面 95
任務(wù)1  表單概述 95
任務(wù)2  在表單中插入表單元素 96
上機(jī)練習(xí) 106
項(xiàng)目九  框架的制作 111
任務(wù)1  框架的概念 111
任務(wù)2  框架的使用 113
任務(wù)3  浮動框架 117
上機(jī)練習(xí) 120
項(xiàng)目十  層疊樣式表 124
任務(wù)1  制作帶有CSS樣式的網(wǎng)頁 124
任務(wù)2  樣式表中的選擇器 129
任務(wù)3  應(yīng)用CSS樣式表 135
上機(jī)練習(xí) 139
項(xiàng)目十一  使用層和多媒體 142
任務(wù)1  層的使用 142
任務(wù)2  在網(wǎng)頁中插入多媒體 146
上機(jī)練習(xí) 149
第二部分  JavaScript部分
項(xiàng)目一  開啟JavaScript編程之旅 155
任務(wù)1  在網(wǎng)頁中嵌入JavaScript 155
任務(wù)2  使用外部JS文件 157
任務(wù)3  JavaScript的4個(gè)常用方法 159
上機(jī)實(shí)習(xí) 162
項(xiàng)目二  JavaScript語法 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的核心對象 206
任務(wù)1  JavaScript的String對象 206
任務(wù)2  JavaScript的Math對象 209
任務(wù)3  JavaScript的Date對象 212
任務(wù)4  JavaScript的Window對象 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  制作簡單的計(jì)算器 256
任務(wù)2  登錄非空驗(yàn)證 258
任務(wù)3  驗(yàn)證密碼是否是數(shù)字 260
任務(wù)4  驗(yàn)證登錄密碼輸入長度 261
任務(wù)5  非空驗(yàn)證及密碼長度驗(yàn)證 263
任務(wù)6  驗(yàn)證郵箱地址 264
任務(wù)7  驗(yàn)證出生日期的輸入范圍 266
任務(wù)8  驗(yàn)證一組單選按鈕是否被選中 267
上機(jī)實(shí)習(xí)