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

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