網(wǎng)頁設(shè)計(jì)與制作實(shí)例教程

第1章  網(wǎng)頁與網(wǎng)站基礎(chǔ) 1 1.1  網(wǎng)頁與網(wǎng)站知識(shí) 2 1.1.1  認(rèn)識(shí)網(wǎng)頁與網(wǎng)站 2 1.1.2  網(wǎng)頁基本組成元素 9 1.1.3  靜態(tài)網(wǎng)頁和動(dòng)態(tài)網(wǎng)頁 10 1.2  網(wǎng)頁編寫語言與制作工具 13 1.2.1  網(wǎng)頁設(shè)計(jì)語言基礎(chǔ) 13 1.2.2  網(wǎng)頁編寫語言介紹 19 1.2.3  網(wǎng)頁制作工具 24 1.2.4  網(wǎng)頁美化工具 25 1.3  網(wǎng)站開發(fā)流程 26 1.3.1  網(wǎng)站總體策劃 26 1.3.2  建立發(fā)布網(wǎng)站 29 1.3.3  維護(hù)加密網(wǎng)站 34 1.4  小結(jié)和習(xí)題 36 1.4.1  本章小結(jié) 36 1.4.2  強(qiáng)化練習(xí) 36 第2章  網(wǎng)頁規(guī)劃設(shè)計(jì) 38 2.1  規(guī)劃網(wǎng)站主題 39 2.1.1  網(wǎng)站需求分析 39 2.1.2  網(wǎng)站主題確定 43 2.1.3  網(wǎng)站內(nèi)容設(shè)計(jì)原則 44 2.1.4  網(wǎng)站內(nèi)容組織 47 2.2  設(shè)計(jì)版面布局 48 2.2.1  版面布局的基本概念 49 2.2.2  網(wǎng)頁布局類型 50 2.2.3  網(wǎng)頁布局方法 52 2.3  網(wǎng)頁顏色設(shè)計(jì) 53 2.3.1  色彩基礎(chǔ)知識(shí) 53 2.3.2  頁面色彩搭配 58 2.4  小結(jié)和習(xí)題 60 2.4.1  本章小結(jié) 60 2.4.2  強(qiáng)化練習(xí) 61 第3章  初識(shí)網(wǎng)頁制作軟件 62 3.1  Dreamweaver工作環(huán)境 63 3.1.1  使用界面 63 3.1.2  自定義工作界面 64 3.1.3  視圖模式 65 3.2  站點(diǎn)的創(chuàng)建與管理 67 3.2.1  站點(diǎn)的規(guī)劃 67 3.2.2  站點(diǎn)的創(chuàng)建 68 3.2.3  站點(diǎn)的管理 70 3.3  Dreamweaver基本操作 75 3.3.1  新建網(wǎng)頁 75 3.3.2  網(wǎng)頁預(yù)覽及參數(shù)設(shè)置 76 3.3.3  設(shè)置頁面屬性 77 3.4  小結(jié)和習(xí)題 79 3.4.1  本章小結(jié) 79 3.4.2  強(qiáng)化練習(xí) 80 第4章  制作網(wǎng)頁內(nèi)容 81 4.1  輸入設(shè)置網(wǎng)頁文本 82 4.1.1  輸入網(wǎng)頁文本 82 4.1.2  修改網(wǎng)頁內(nèi)容 85 4.1.3  設(shè)置文本格式 87 4.1.4  設(shè)置段落格式 90 4.1.5  插入列表 93 4.1.6  插入數(shù)據(jù)表格 95 4.2  網(wǎng)頁中插入圖片 98 4.2.1  插入圖片 99 4.2.2  設(shè)置圖像對(duì)齊方式 100 4.2.3  制作鼠標(biāo)經(jīng)過圖像 102 4.2.4  添加背景圖像 103 4.3  網(wǎng)頁中插入多媒體 105 4.3.1  插入動(dòng)畫 105 4.3.2  插入視頻文件 107 4.3.3  插入音樂 108 4.4  使用模板快速制作網(wǎng)頁 112 4.4.1  創(chuàng)建模板文件 112 4.4.2  使用模板制作網(wǎng)頁 120 4.4.3  管理模板文件 122 4.5  小結(jié)和習(xí)題 124 4.5.1  本章小結(jié) 124 4.5.2  強(qiáng)化練習(xí) 125 第5章  設(shè)置網(wǎng)頁超級(jí)鏈接 127 5.1  認(rèn)識(shí)超級(jí)鏈接 128 5.1.1  超級(jí)鏈接定義與分類 128 5.1.2  URL簡(jiǎn)介 128 5.1.3  超級(jí)鏈接的路徑 128 5.2  創(chuàng)建超級(jí)鏈接 129 5.2.1  創(chuàng)建圖像超鏈接 129 5.2.2  創(chuàng)建文本超鏈接 131 5.2.3  創(chuàng)建電子郵件超鏈接 133 5.2.4  創(chuàng)建錨記超鏈接 135 5.2.5  創(chuàng)建空鏈接及腳本鏈接 136 5.2.6  創(chuàng)建下載文件超鏈接 137 5.2.7  創(chuàng)建熱區(qū)鏈接 138 5.3  管理超級(jí)鏈接 141 5.3.1  自動(dòng)更新超鏈接 141 5.3.2  檢查鏈接錯(cuò)誤 142 5.4  小結(jié)和習(xí)題 143 5.4.1  本章小結(jié) 143 5.4.2  強(qiáng)化練習(xí) 143 第6章  使用CSS樣式美化網(wǎng)頁 145 6.1  CSS基礎(chǔ)知識(shí) 146 6.1.1  初識(shí)CSS樣式 146 6.1.2  使用“記事本”編寫CSS 150 6.1.3  使用Dreamweaver編寫CSS 152 6.2  CSS樣式基本語法 158 6.2.1  CSS常用選擇器 158 6.2.2  CSS選擇器聲明 161 6.2.3  CSS樣式常用單位 163 6.3  使用CSS樣式設(shè)置文本 168 6.3.1  字體屬性 168 6.3.2  段落屬性 174 6.4  使用CSS樣式美化網(wǎng)頁 183 6.4.1  設(shè)置圖片樣式 183 6.4.2  設(shè)置背景與邊框 189 6.5  小結(jié)和習(xí)題 194 6.5.1  本章小結(jié) 194 6.5.2  強(qiáng)化練習(xí) 195 第7章  規(guī)劃布局網(wǎng)頁 199 7.1  使用表格布局 200 7.1.1  插入表格 200 7.1.2  設(shè)置表格屬性 203 7.1.3  認(rèn)識(shí)表格標(biāo)簽 206 7.1.4  用表格布局網(wǎng)頁 208 7.1.5  表格模式 215 7.2  使用層布局 217 7.2.1  制作層 217 7.2.2  嵌套層 222 7.2.3  認(rèn)識(shí)層HTML代碼 225 7.2.4  定位網(wǎng)頁元素 228 7.2.5  表格與層轉(zhuǎn)換 230 7.3  使用框架布局 233 7.3.1  創(chuàng)建框架和框架集 233 7.3.2  保存框架集和框架 235 7.3.3  設(shè)置框架和框架集屬性 238 7.3.4  用框架布局頁面 241 7.3.5  控制帶有鏈接的框架內(nèi)容 244 7.4  使用CSS布局 246 7.4.1  表格＋CSS布局 246 7.4.2  DIV＋CSS布局 251 7.5  小結(jié)和習(xí)題 263 7.5.1  本章小結(jié) 263 7.5.2  強(qiáng)化練習(xí) 263 第8章  添加網(wǎng)頁特效 266 8.1  使用網(wǎng)頁行為添加網(wǎng)頁特效 267 8.1.1  交換圖像 267 8.1.2  彈出信息 268 8.1.3  打開窗口 270 8.1.4  其他效果 271 8.2  使用AP元素增加網(wǎng)頁特效 274 8.2.1  拖動(dòng)元素效果 275 8.2.2  切換元素效果 276 8.2.3  分割元素效果 277 8.2.4  熱點(diǎn)鏈接效果 279 8.3  使用Spry構(gòu)件增強(qiáng)視覺效果 282 8.3.1  創(chuàng)建菜單特效 282 8.3.2  增加選項(xiàng)特效 285 8.3.3  使用折疊特效 286 8.3.4  顯示可折疊特效 287 8.4  小結(jié)和習(xí)題 290 8.4.1  本章小結(jié) 290 8.4.2  強(qiáng)化練習(xí) 290 第9章  制作動(dòng)態(tài)網(wǎng)頁 292 9.1  動(dòng)態(tài)網(wǎng)頁概述 293 9.1.1  靜態(tài)網(wǎng)頁和動(dòng)態(tài)網(wǎng)頁 293 9.1.2  動(dòng)態(tài)網(wǎng)頁設(shè)計(jì)語言 294 9.2  安裝和配置Web服務(wù)器 295 9.2.1  安裝IIS 295 9.2.2  配置Web服務(wù)器 298 9.3  制作網(wǎng)頁表單 303 9.3.1  認(rèn)識(shí)表單元素 303 9.3.2  建立表單 304 9.3.3  提交表單 306 9.4  建立網(wǎng)站數(shù)據(jù)庫 308 9.4.1  數(shù)據(jù)庫技術(shù)概述 308 9.4.2  創(chuàng)建Access數(shù)據(jù)庫 310 9.5  使用ASP+Access制作動(dòng)態(tài)網(wǎng)頁 314 9.5.1  登錄頁面 314 9.5.2  答題頁面 316 9.5.3  答題結(jié)果頁面 320 9.6  小結(jié)和習(xí)題 325 9.6.1  本章小結(jié) 325 9.6.2  強(qiáng)化練習(xí) 325 第10章  網(wǎng)頁設(shè)計(jì)與制作實(shí)例 328 10.1  制作靜態(tài)網(wǎng)頁 329 10.1.1  規(guī)劃網(wǎng)站 329 10.1.2  建立站點(diǎn) 330 10.1.3  制作首頁 331 10.1.4  制作分欄目頁面 339 10.2  制作動(dòng)態(tài)網(wǎng)頁 341 10.2.1  規(guī)劃網(wǎng)站 342 10.2.2  創(chuàng)建數(shù)據(jù)庫 343 10.2.3  制作前臺(tái)網(wǎng)頁 348 10.2.4  制作后臺(tái)管理網(wǎng)頁 353 10.3  小結(jié)和習(xí)題 366 10.3.1  本章小結(jié) 366 10.3.2  強(qiáng)化練習(xí) 366