本書通過11個項目30多個任務(wù)系統(tǒng)介紹了網(wǎng)頁設(shè)計與制作的基礎(chǔ)知識和規(guī)范要求、HTML和腳本語言相關(guān)知識、站點創(chuàng)建、網(wǎng)頁元素編輯、表格應(yīng)用、層和框架布局、網(wǎng)頁行為添加、樣式與模板應(yīng)用、表單元素使用等內(nèi)容。
張呈江,有豐富的教學(xué)及教研經(jīng)驗。為了提高學(xué)習(xí)效率和教學(xué)效果,方便教師教學(xué),作者為本書配備了教學(xué)指南、案例素材及結(jié)果文件、習(xí)題答案、授課PPT講義等豐富的教學(xué)輔助資源。
項目一 初窺網(wǎng)頁制作門徑 1
任務(wù)一 認識網(wǎng)頁 1
活動一 瀏覽優(yōu)秀網(wǎng)頁作品 2
活動二 認識Dreamweaver工作界面 3
任務(wù)二 創(chuàng)建、管理站點 6
活動一 創(chuàng)建本地站點 6
活動二 管理站點 7
任務(wù)三 制作自己的第一個網(wǎng)頁作品 9
活動一 在硬盤建立站點文件夾 10
活動二 建立站點 10
活動三 制作主頁 11
活動四 制作子頁 12
活動五 創(chuàng)建鏈接 13
項目二 網(wǎng)頁元素編輯及超級鏈接的運用 17
任務(wù)一 文本的編輯和頁面屬性的設(shè)置 17
活動一 “希望之星”簡介 18
活動二 詩歌鑒賞―《再別康橋》 23
任務(wù)二 利用圖像美化網(wǎng)頁 26
活動一 校園生活 26
活動二 主頁―利用“鼠標經(jīng)過圖像” 30
活動三 主頁―利用導(dǎo)航條完成 33
任務(wù)三 插入多媒體對象 35
活動一 插入Flash動畫、背景音樂 36
活動二 插入電子相冊、視頻 38
任務(wù)四 使用超級鏈接 41
活動一 文本鏈接和圖像鏈接 42
活動二 熱區(qū)鏈接及錨點鏈接 45
活動三 其他鏈接 51
項目三 網(wǎng)頁的規(guī)劃師―表格 54
任務(wù)一 表格的基本操作 54
活動一 課程表 55
活動二 美化課程表 57
活動三 國慶贊歌 62
任務(wù)二 表格的嵌套 64
活動一 國慶祝福 64
活動二 國慶閱兵 67
任務(wù)三 表格在網(wǎng)頁布局中的應(yīng)用 71
活動一 國慶首頁 71
活動二 鏈接整個網(wǎng)站 73
任務(wù)四 綜合練習(xí)―“學(xué)雷鋒 在行動”主題網(wǎng)站 74
活動一 分析效果圖并加工素材 74
活動二 制作網(wǎng)頁 78
活動三 鏈接屬性的設(shè)置 84
項目四 層和框架布局 87
任務(wù)一 框架布局 87
活動一 創(chuàng)建框架與框架集 88
活動二 框架的屬性設(shè)置 92
活動三 框架網(wǎng)頁實例―學(xué)校招生網(wǎng)頁 94
任務(wù)二 層的使用 100
活動一 層的創(chuàng)建與屬性 100
活動二 層和時間軸的應(yīng)用 106
活動三 轉(zhuǎn)化層和表格 109
活動四 層網(wǎng)頁實例―無限音樂網(wǎng)頁 109
項目五 網(wǎng)頁“行為”的添加 116
任務(wù)一 認識“行為”面板 116
活動一 添加“打開瀏覽器窗口”行為 117
任務(wù)二 行為網(wǎng)頁實例―攝影網(wǎng)頁 120
活動一 添加“彈出信息”行為 120
活動二 添加“交換圖像”行為 121
活動三 添加“轉(zhuǎn)到URL”行為 123
活動四 添加“顯示-隱藏層”行為 124
活動五 添加“播放聲音”行為 126
項目六 快速建立網(wǎng)站技術(shù)―模板與庫應(yīng)用 129
任務(wù)一 使用模板快速制作網(wǎng)頁 129
活動一 創(chuàng)建模板 130
活動二 定義可編輯區(qū)域 131
活動三 使用模板制作網(wǎng)站 133
活動四 使用模板更新網(wǎng)頁 136
任務(wù)二 庫項目的建立與應(yīng)用 137
活動一 創(chuàng)建庫項目 137
活動二 插入庫項目 140
活動三 修改庫項目 142
項目七 美化網(wǎng)頁―CSS樣式的應(yīng)用 146
任務(wù)一 使用CSS樣式美化網(wǎng)頁 146
活動一 使用CSS美化文本 147
活動二 使用CSS美化段落 150
活動三 使用CSS美化圖片 152
活動四 使用CSS美化導(dǎo)航欄 154
任務(wù)二 使用一個CSS樣式美化多個網(wǎng)頁 156
活動一 創(chuàng)建外部樣式表 156
活動二 鏈接外部樣式表 158
任務(wù)三 使用css濾鏡美化網(wǎng)頁 160
活動一 使用濾鏡美化文字 160
活動二 使用濾鏡美化圖片 162
項目八 “植樹節(jié)”專題網(wǎng)站制作案例 167
任務(wù)一 網(wǎng)站結(jié)構(gòu)圖的制作 167
活動一 規(guī)劃網(wǎng)站結(jié)構(gòu)圖 168
活動二 制作網(wǎng)站結(jié)構(gòu)圖 168
任務(wù)二 網(wǎng)頁美工圖的制作 169
活動一 制作主頁美工圖 169
活動二 制作子頁美工圖 176
任務(wù)三 網(wǎng)頁Banner的制作 177
活動一 制作Banner 177
任務(wù)四 使用Dreamweaver集成網(wǎng)站 181
活動一 集成主頁 181
活動二 集成子頁 188
任務(wù)五 發(fā)布網(wǎng)站 190
活動一 用戶注冊、登錄 191
活動二 申請網(wǎng)站域名 193
活動三 申請域名空間 195
活動四 發(fā)布網(wǎng)站 196
項目九 表單的制作 204
任務(wù)一 制作用戶注冊表單 204
活動一 表單及表單元素的創(chuàng)建 205
活動二 制作用戶注冊表單頁 209
任務(wù)二 使用Spry構(gòu)件驗證表單 212
活動一 使用Spry構(gòu)件驗證文本域 212
活動二 Spry構(gòu)件驗證的延伸與局限 216
項目十 利用HTML語言編寫靜態(tài)網(wǎng)站 223
任務(wù)一 網(wǎng)頁的基本結(jié)構(gòu)及文字段落的編排 223
活動一 認識網(wǎng)頁的基本架構(gòu) 224
活動二 使用文字標簽 225
活動三 使用排版標簽 227
任務(wù)二 插入圖像、超鏈接及設(shè)置背景 230
活動一 使用圖像標簽 230
活動二 使用超級鏈接標簽 232
活動三 使用背景標簽 234
任務(wù)三 制作表格、框架以及表單 235
活動一 使用表格標簽 235
活動二 使用框架標簽 239
活動三 使用表單標簽 242
項目十一 動態(tài)網(wǎng)站的制作 247
任務(wù)一 數(shù)據(jù)庫技術(shù) 247
活動一 創(chuàng)建數(shù)據(jù)庫與數(shù)據(jù)表 248
活動二 利用SQL語言實現(xiàn)簡單的查詢 251
任務(wù)二 搭建ASP環(huán)境并連接數(shù)據(jù)庫 253
活動一 用IIS搭建ASP環(huán)境 253
活動二 利用ASP連接數(shù)據(jù)庫 257
任務(wù)三 編寫動態(tài)新聞系統(tǒng) 259
活動一 編寫新聞的顯示頁面 259
活動二 編寫新聞的添加頁面 262
活動三 編寫新聞的刪除頁面 264
活動四 編寫新聞的更新頁面 266