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

第1章  網(wǎng)頁(yè)與網(wǎng)站基礎(chǔ) 1 1.1  網(wǎng)頁(yè)與網(wǎng)站知識(shí) 2 1.1.1  認(rèn)識(shí)網(wǎng)頁(yè)與網(wǎng)站 2 1.1.2  網(wǎng)頁(yè)基本組成元素 9 1.1.3  靜態(tài)網(wǎng)頁(yè)和動(dòng)態(tài)網(wǎng)頁(yè) 10 1.2  網(wǎng)頁(yè)編寫(xiě)語(yǔ)言與制作工具 13 1.2.1  網(wǎng)頁(yè)設(shè)計(jì)語(yǔ)言基礎(chǔ) 13 1.2.2  網(wǎng)頁(yè)編寫(xiě)語(yǔ)言介紹 19 1.2.3  網(wǎng)頁(yè)制作工具 24 1.2.4  網(wǎng)頁(yè)美化工具 25 1.3  網(wǎng)站開(kāi)發(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)頁(yè)規(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)頁(yè)布局類型 50 2.2.3  網(wǎng)頁(yè)布局方法 52 2.3  網(wǎng)頁(yè)顏色設(shè)計(jì) 53 2.3.1  色彩基礎(chǔ)知識(shí) 53 2.3.2  頁(yè)面色彩搭配 58 2.4  小結(jié)和習(xí)題 60 2.4.1  本章小結(jié) 60 2.4.2  強(qiáng)化練習(xí) 61 第3章  初識(shí)網(wǎng)頁(yè)制作軟件 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)頁(yè) 75 3.3.2  網(wǎng)頁(yè)預(yù)覽及參數(shù)設(shè)置 76 3.3.3  設(shè)置頁(yè)面屬性 77 3.4  小結(jié)和習(xí)題 79 3.4.1  本章小結(jié) 79 3.4.2  強(qiáng)化練習(xí) 80 第4章  制作網(wǎng)頁(yè)內(nèi)容 81 4.1  輸入設(shè)置網(wǎng)頁(yè)文本 82 4.1.1  輸入網(wǎng)頁(yè)文本 82 4.1.2  修改網(wǎng)頁(yè)內(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)頁(yè)中插入圖片 98 4.2.1  插入圖片 99 4.2.2  設(shè)置圖像對(duì)齊方式 100 4.2.3  制作鼠標(biāo)經(jīng)過(guò)圖像 102 4.2.4  添加背景圖像 103 4.3  網(wǎng)頁(yè)中插入多媒體 105 4.3.1  插入動(dòng)畫(huà) 105 4.3.2  插入視頻文件 107 4.3.3  插入音樂(lè) 108 4.4  使用模板快速制作網(wǎng)頁(yè) 112 4.4.1  創(chuàng)建模板文件 112 4.4.2  使用模板制作網(wǎng)頁(yè) 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)頁(yè)超級(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)頁(yè) 145 6.1  CSS基礎(chǔ)知識(shí) 146 6.1.1  初識(shí)CSS樣式 146 6.1.2  使用“記事本”編寫(xiě)CSS 150 6.1.3  使用Dreamweaver編寫(xiě)CSS 152 6.2  CSS樣式基本語(yǔ)法 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)頁(yè) 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)頁(yè) 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)頁(yè) 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)頁(yè)元素 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  用框架布局頁(yè)面 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)頁(yè)特效 266 8.1  使用網(wǎng)頁(yè)行為添加網(wǎng)頁(yè)特效 267 8.1.1  交換圖像 267 8.1.2  彈出信息 268 8.1.3  打開(kāi)窗口 270 8.1.4  其他效果 271 8.2  使用AP元素增加網(wǎng)頁(yè)特效 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)視覺(jué)效果 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)頁(yè) 292 9.1  動(dòng)態(tài)網(wǎng)頁(yè)概述 293 9.1.1  靜態(tài)網(wǎng)頁(yè)和動(dòng)態(tài)網(wǎng)頁(yè) 293 9.1.2  動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)語(yǔ)言 294 9.2  安裝和配置Web服務(wù)器 295 9.2.1  安裝IIS 295 9.2.2  配置Web服務(wù)器 298 9.3  制作網(wǎng)頁(yè)表單 303 9.3.1  認(rèn)識(shí)表單元素 303 9.3.2  建立表單 304 9.3.3  提交表單 306 9.4  建立網(wǎng)站數(shù)據(jù)庫(kù) 308 9.4.1  數(shù)據(jù)庫(kù)技術(shù)概述 308 9.4.2  創(chuàng)建Access數(shù)據(jù)庫(kù) 310 9.5  使用ASP+Access制作動(dòng)態(tài)網(wǎng)頁(yè) 314 9.5.1  登錄頁(yè)面 314 9.5.2  答題頁(yè)面 316 9.5.3  答題結(jié)果頁(yè)面 320 9.6  小結(jié)和習(xí)題 325 9.6.1  本章小結(jié) 325 9.6.2  強(qiáng)化練習(xí) 325 第10章  網(wǎng)頁(yè)設(shè)計(jì)與制作實(shí)例 328 10.1  制作靜態(tài)網(wǎng)頁(yè) 329 10.1.1  規(guī)劃網(wǎng)站 329 10.1.2  建立站點(diǎn) 330 10.1.3  制作首頁(yè) 331 10.1.4  制作分欄目頁(yè)面 339 10.2  制作動(dòng)態(tài)網(wǎng)頁(yè) 341 10.2.1  規(guī)劃網(wǎng)站 342 10.2.2  創(chuàng)建數(shù)據(jù)庫(kù) 343 10.2.3  制作前臺(tái)網(wǎng)頁(yè) 348 10.2.4  制作后臺(tái)管理網(wǎng)頁(yè) 353 10.3  小結(jié)和習(xí)題 366 10.3.1  本章小結(jié) 366 10.3.2  強(qiáng)化練習(xí) 366