網(wǎng)頁設計與制作實例教程

第1章  網(wǎng)頁與網(wǎng)站基礎 1 1.1  網(wǎng)頁與網(wǎng)站知識 2 1.1.1  認識網(wǎng)頁與網(wǎng)站 2 1.1.2  網(wǎng)頁基本組成元素 9 1.1.3  靜態(tài)網(wǎng)頁和動態(tài)網(wǎng)頁 10 1.2  網(wǎng)頁編寫語言與制作工具 13 1.2.1  網(wǎng)頁設計語言基礎 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  維護加密網(wǎng)站 34 1.4  小結和習題 36 1.4.1  本章小結 36 1.4.2  強化練習 36 第2章  網(wǎng)頁規(guī)劃設計 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)容設計原則 44 2.1.4  網(wǎng)站內(nèi)容組織 47 2.2  設計版面布局 48 2.2.1  版面布局的基本概念 49 2.2.2  網(wǎng)頁布局類型 50 2.2.3  網(wǎng)頁布局方法 52 2.3  網(wǎng)頁顏色設計 53 2.3.1  色彩基礎知識 53 2.3.2  頁面色彩搭配 58 2.4  小結和習題 60 2.4.1  本章小結 60 2.4.2  強化練習 61 第3章  初識網(wǎng)頁制作軟件 62 3.1  Dreamweaver工作環(huán)境 63 3.1.1  使用界面 63 3.1.2  自定義工作界面 64 3.1.3  視圖模式 65 3.2  站點的創(chuàng)建與管理 67 3.2.1  站點的規(guī)劃 67 3.2.2  站點的創(chuàng)建 68 3.2.3  站點的管理 70 3.3  Dreamweaver基本操作 75 3.3.1  新建網(wǎng)頁 75 3.3.2  網(wǎng)頁預覽及參數(shù)設置 76 3.3.3  設置頁面屬性 77 3.4  小結和習題 79 3.4.1  本章小結 79 3.4.2  強化練習 80 第4章  制作網(wǎng)頁內(nèi)容 81 4.1  輸入設置網(wǎng)頁文本 82 4.1.1  輸入網(wǎng)頁文本 82 4.1.2  修改網(wǎng)頁內(nèi)容 85 4.1.3  設置文本格式 87 4.1.4  設置段落格式 90 4.1.5  插入列表 93 4.1.6  插入數(shù)據(jù)表格 95 4.2  網(wǎng)頁中插入圖片 98 4.2.1  插入圖片 99 4.2.2  設置圖像對齊方式 100 4.2.3  制作鼠標經(jīng)過圖像 102 4.2.4  添加背景圖像 103 4.3  網(wǎng)頁中插入多媒體 105 4.3.1  插入動畫 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  小結和習題 124 4.5.1  本章小結 124 4.5.2  強化練習 125 第5章  設置網(wǎng)頁超級鏈接 127 5.1  認識超級鏈接 128 5.1.1  超級鏈接定義與分類 128 5.1.2  URL簡介 128 5.1.3  超級鏈接的路徑 128 5.2  創(chuàng)建超級鏈接 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  管理超級鏈接 141 5.3.1  自動更新超鏈接 141 5.3.2  檢查鏈接錯誤 142 5.4  小結和習題 143 5.4.1  本章小結 143 5.4.2  強化練習 143 第6章  使用CSS樣式美化網(wǎng)頁 145 6.1  CSS基礎知識 146 6.1.1  初識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樣式設置文本 168 6.3.1  字體屬性 168 6.3.2  段落屬性 174 6.4  使用CSS樣式美化網(wǎng)頁 183 6.4.1  設置圖片樣式 183 6.4.2  設置背景與邊框 189 6.5  小結和習題 194 6.5.1  本章小結 194 6.5.2  強化練習 195 第7章  規(guī)劃布局網(wǎng)頁 199 7.1  使用表格布局 200 7.1.1  插入表格 200 7.1.2  設置表格屬性 203 7.1.3  認識表格標簽 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  認識層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  設置框架和框架集屬性 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  小結和習題 263 7.5.1  本章小結 263 7.5.2  強化練習 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  拖動元素效果 275 8.2.2  切換元素效果 276 8.2.3  分割元素效果 277 8.2.4  熱點鏈接效果 279 8.3  使用Spry構件增強視覺效果 282 8.3.1  創(chuàng)建菜單特效 282 8.3.2  增加選項特效 285 8.3.3  使用折疊特效 286 8.3.4  顯示可折疊特效 287 8.4  小結和習題 290 8.4.1  本章小結 290 8.4.2  強化練習 290 第9章  制作動態(tài)網(wǎng)頁 292 9.1  動態(tài)網(wǎng)頁概述 293 9.1.1  靜態(tài)網(wǎng)頁和動態(tài)網(wǎng)頁 293 9.1.2  動態(tài)網(wǎng)頁設計語言 294 9.2  安裝和配置Web服務器 295 9.2.1  安裝IIS 295 9.2.2  配置Web服務器 298 9.3  制作網(wǎng)頁表單 303 9.3.1  認識表單元素 303 9.3.2  建立表單 304 9.3.3  提交表單 306 9.4  建立網(wǎng)站數(shù)據(jù)庫 308 9.4.1  數(shù)據(jù)庫技術概述 308 9.4.2  創(chuàng)建Access數(shù)據(jù)庫 310 9.5  使用ASP+Access制作動態(tài)網(wǎng)頁 314 9.5.1  登錄頁面 314 9.5.2  答題頁面 316 9.5.3  答題結果頁面 320 9.6  小結和習題 325 9.6.1  本章小結 325 9.6.2  強化練習 325 第10章  網(wǎng)頁設計與制作實例 328 10.1  制作靜態(tài)網(wǎng)頁 329 10.1.1  規(guī)劃網(wǎng)站 329 10.1.2  建立站點 330 10.1.3  制作首頁 331 10.1.4  制作分欄目頁面 339 10.2  制作動態(tài)網(wǎng)頁 341 10.2.1  規(guī)劃網(wǎng)站 342 10.2.2  創(chuàng)建數(shù)據(jù)庫 343 10.2.3  制作前臺網(wǎng)頁 348 10.2.4  制作后臺管理網(wǎng)頁 353 10.3  小結和習題 366 10.3.1  本章小結 366 10.3.2  強化練習 366