基于Web標(biāo)準(zhǔn)的網(wǎng)頁設(shè)計與制作目 錄

時間：2023-06-25 17:36:01 | 來源：營銷百科

時間：2023-06-25 17:36:01 來源：營銷百科

基于Web標(biāo)準(zhǔn)的網(wǎng)頁設(shè)計與制作目 錄：第1章 網(wǎng)頁設(shè)計概述 10 　　1.1 初識網(wǎng)頁設(shè)計 10 　　1.1.1 什么是網(wǎng)頁 10 　　1.1.2 網(wǎng)頁設(shè)計的兩個基本問題 11 　　1.1.3 網(wǎng)頁設(shè)計語言——HTML簡介 12 　　1.1.4網(wǎng)頁制作軟件 13 　　1.2 網(wǎng)站的建立 13 　　1.2.1 網(wǎng)站的特征 14 　　1.2.2 在Dreamweaver中建立站點 14 　　1.3 Web服務(wù)器與瀏覽器 16 　　1.3.1 Web服務(wù)器的作用 17 　　1.3.2瀏覽器的種類和作用 17 　　1.4 靜態(tài)網(wǎng)頁和動態(tài)網(wǎng)頁 18 　　1.5 URL的含義和結(jié)構(gòu) 20 　　1.6 域名與主機(jī)的關(guān)系 21 　　習(xí) 題 1 22 　　第2章HTML 22 　　2.1 HTML概述 22 　　2.1.1 HTML文檔的結(jié)構(gòu) 23 　　2.1.2 Dreamweaver的開發(fā)界面 24 　　2.1.3使用DW新建HTML文件 24 　　2.1.4 HTML標(biāo)記 25 　　2.1.5 常見的HTML標(biāo)記及屬性 26 　　2.2在網(wǎng)頁中添加文本 26 　　2.2.1 文本格式標(biāo)記 27 　　2.2.2文本的換行和空格 28 　　2.2.3 文本中的字符實體 29 　　2.2.4字體標(biāo)記 30 　　2.2.5創(chuàng)建列表 31 　　2.3 利用DW代碼視圖提高效率 32 　　2.3.1 代碼提示 32 　　2.3.2 拆分視圖和代碼快速定位 33 　　2.3.3 DW中的常用快捷鍵 34 　　2.4 插入圖像 34 　　2.4.1 img標(biāo)記 35 　　2.4.2 網(wǎng)頁中支持的圖像格式 35 　　2.5 創(chuàng)建超鏈接 37 　　2.5.1 超鏈接標(biāo)記a 37 　　2.5.2 絕對URL與相對URL 38 　　2.5.3 超鏈接的種類（href屬性的取值） 40 　　2.5.4 超鏈接目標(biāo)的打開方式 40 　　2.5.5 超鏈接制作的原則 41 　　2.5.6 DW中超鏈接屬性面板的使用 41 　　2.6插入flash及多媒體元素 42 　　2.6.1 插入flash的方法 42 　　2.6.2 插入視頻或音頻文件 43 　　2.6.3 HTML 5新增的多媒體標(biāo)記 44 　　2.7 創(chuàng)建表格 46 　　2.7.1 表格標(biāo)記（table） 46 　　2.7.2 行tr和單元格標(biāo)記（td、th） 48 　　2.7.3 在DW中操作表格的方法 51 　　2.7.4制作固定寬度的表格 52 　　2.7.5 特殊效果表格的制作 53 　　2.7.6 用普通表格與布局表格進(jìn)行網(wǎng)頁布局 55 　　2.7.7 表格布局綜合案例——制作太陽能網(wǎng)站 57 　　2.8 創(chuàng)建表單 59 　　2.8.1form標(biāo)記及其屬性 59 　　2.8.2 input/標(biāo)記 61 　　2.8.3 select和option標(biāo)記 63 　　2.8.4 多行文本域標(biāo)記textarea 64 　　2.8.5 表單數(shù)據(jù)的傳遞過程 64 　　2.8.6表單中的按鈕 66 　　2.8.7 表單的輔助標(biāo)記 66 　　2.8.8 HTML5新增的表單標(biāo)記和屬性 66 　　2.9 框架標(biāo)記* 69 　　2.9.1 框架的作用 70 　　2.9.2 frameset標(biāo)記 70 　　2.9.3 frame /標(biāo)記 71 　　2.9.4嵌入式框架標(biāo)記iframe 72 　　2.10 頭部標(biāo)記* 73 　　習(xí)題 74 　　第3章XHTML與Web標(biāo)準(zhǔn) 75 　　3.1 XHTML與HTML的區(qū)別 75 　　3.1.1 文檔類型的含義和選擇 75 　　3.1.2 XHTML與HTML的重要區(qū)別 76 　　3.2 Web標(biāo)準(zhǔn) 77 　　3.2.1 傳統(tǒng)HTML的缺點 77 　　3.2.2 Web標(biāo)準(zhǔn)的含義 78 　　3.2.3 Web標(biāo)準(zhǔn)的優(yōu)勢 80 　　3.3 HTML元素的概念 80 　　3.3.1 行內(nèi)元素和塊級元素 81 　　3.3.2 div和span標(biāo)記 82 　　3.4 HTML5簡介* 82 　　3.4.1 HTML5新增的標(biāo)記 83 　　3.4.2 HTML5語法的改進(jìn) 84 　　習(xí)題 85 　　第4章 CSS 86 　　4.1 CSS基礎(chǔ) 86 　　4.1.1 CSS的語法 86 　　4.1.2 在HTML中引入CSS的方法 87 　　4.1.3 選擇器的分類 88 　　4.1.4 CSS文本修飾 91 　　4.1.5 偽類選擇器及其應(yīng)用 92 　　4.2 CSS的特性 93 　　4.2.1 CSS的層疊性 93 　　4.2.2 CSS的繼承性 95 　　4.2.3 選擇器的組合 97 　　4.2.4 CSS 2.1新增選擇器簡介 102 　　4.3 CSS設(shè)計和書寫技巧* 106 　　4.3.1 CSS樣式總體設(shè)計原則 106 　　4.3.2 DW對CSS的可視化編輯支持 107 　　4.3.3 CSS屬性的值和單位 109 　　4.3.4 瀏覽器的私有CSS屬性 110 　　4.4盒子模型及標(biāo)準(zhǔn)流下的定位 111 　　4.4.1 盒子模型基礎(chǔ) 111 　　4.4.2 盒子模型的應(yīng)用 115 　　4.4.3 盒子在標(biāo)準(zhǔn)流下的定位原則 117 　　4.5 背景的控制 121 　　4.5.1 CSS的背景屬性 122 　　4.5.2背景的基本運用技術(shù) 123 　　4.5.3 滑動門技術(shù)－背景的高級運用 126 　　4.5.4 背景圖案的翻轉(zhuǎn)－控制背景的顯示區(qū)域 130 　　4.5.5 CSS圓角設(shè)計 131 　　4.6 盒子的浮動 135 　　4.6.1 盒子浮動后的特點 135 　　4.6.2 浮動的清除 137 　　4.6.3 浮動的瀏覽器解釋問題 138 　　4.6.4 浮動的應(yīng)用舉例 142 　　4.7 相對定位和絕對定位 147 　　4.7.1 定位屬性和偏移屬性 147 　　4.7.2 相對定位 148 　　4.7.3 相對定位的應(yīng)用舉例 148 　　4.7.4 絕對定位 150 　　4.7.5 絕對定位的應(yīng)用舉例 152 　　4.7.6 DW中定位屬性面板介紹 161 　　4.7.7 與position屬性有關(guān)的CSS屬性 162 　　4.8 CSS div布局 166 　　4.8.1 分欄布局的種類 167 　　4.8.2 固定寬度布局 168 　　4.8.3 CSS布局的案例——重構(gòu)太陽能網(wǎng)站 168 　　4.8.4 可變寬度布局 172 　　4.8.5 HTML5 新增的文檔結(jié)構(gòu)標(biāo)記 176 　　4.8.6 CSS 3新增功能和屬性一瞥* 177 　　4.9 CSS瀏覽器的兼容問題* 178 　　習(xí) 題 180 　　第5章 Fireworks 182 　　5.1 Fireworks基礎(chǔ) 182 　　5.1.1 矢量圖和位圖的概念 182 　　5.1.2 認(rèn)識Fireworks的界面 183 　　5.1.3 新建、打開和導(dǎo)入文件 184 　　5.1.4畫布和圖像的調(diào)整 185 　　5.2 操作對象 188 　　5.2.1選擇、移動和對齊對象 189 　　5.2.2 變形和扭曲 189 　　5.2.3 改變對象的疊放次序 191 　　5.2.4 設(shè)置對象的不透明度 191 　　5.2.5 操作對象的快捷鍵 192 　　5.3 編輯位圖 192 　　5.3.1 創(chuàng)建和取消選區(qū) 192 　　5.3.2 復(fù)制和移動選區(qū)中的內(nèi)容 196 　　5.3.3 編輯選區(qū)中的像素區(qū)域 197 　　5.4 繪制矢量圖形 199 　　5.4.1 創(chuàng)建矢量圖形 199 　　5.4.2 填充和筆觸屬性 200 　　5.4.3 自由形狀工具 203 　　5.4.4 調(diào)整矢量線條 205 　　5.4.5 路徑的切割和組合 206 　　5.4.6 路徑和選區(qū)的相互轉(zhuǎn)換 208 　　5.5 文本對象的使用 210 　　5.5.1 文本編輯和修飾的過程舉例 210 　　5.5.2 特殊文字效果制作舉例 212 　　5.5.3 將文本附加到路徑 213 　　5.6 蒙版 214 　　5.6.1 使用'粘貼于內(nèi)部'創(chuàng)建矢量蒙版 214 　　5.6.2 創(chuàng)建圖層蒙版 220 　　5.7 簡單GIF動畫的制作* 223 　　5.7.1 使用補(bǔ)間實例制作動畫 223 　　5.7.2 制作遮罩動畫 224 　　5.8 切片及導(dǎo)出 225 　　5.8.1 切片的作用 226 　　5.8.2 切片的基本操作 226 　　5.8.3 切片的實例 228 　　習(xí) 題 231 　　第6章 網(wǎng)站開發(fā)和網(wǎng)頁設(shè)計過程 233 　　6.1網(wǎng)站開發(fā)的過程 233 　　6.1.1 基本任務(wù)和角色 233 　　6.1.2 網(wǎng)站開發(fā)過程的各環(huán)節(jié) 234 　　6.2 遵循Web標(biāo)準(zhǔn)的網(wǎng)頁設(shè)計步驟 237 　　6.2.1網(wǎng)頁設(shè)計步驟概述 237 　　6.2.2 內(nèi)容分析 239 　　6.2.3 HTML結(jié)構(gòu)設(shè)計 240 　　6.2.4 原型設(shè)計 243 　　6.2.5 網(wǎng)頁效果圖設(shè)計 245 　　6.2.6 布局設(shè)計 247 　　6.2.7 視覺設(shè)計 252 　　6.2.8 交互效果設(shè)計 260 　　6.2.9 CSS布局的優(yōu)點 262 　　6.3 網(wǎng)站的風(fēng)格設(shè)計 262 　　6.3.1 網(wǎng)站風(fēng)格設(shè)計的基本原則 263 　　6.3.2 網(wǎng)頁色彩的搭配 263 　　6.3.3 網(wǎng)頁版式設(shè)計 271 　　6.4 網(wǎng)站的欄目規(guī)劃和目錄結(jié)構(gòu)設(shè)計 274 　　6.4.1 網(wǎng)站的欄目規(guī)劃 274 　　6.4.2 網(wǎng)站的目錄結(jié)構(gòu)設(shè)計 275 　　6.5 網(wǎng)站的導(dǎo)航設(shè)計* 276 　　6.5.1 導(dǎo)航的實現(xiàn)方法 277 　　6.5.2 導(dǎo)航的設(shè)計策略 278 　　6.6 網(wǎng)站的環(huán)境準(zhǔn)備* 278 　　6.6.1 架設(shè)網(wǎng)站的基本條件 278 　　6.6.2 購買主機(jī)空間和域名 279 　　6.6.3 配置主機(jī)空間和域名 279 　　6.6.4 上傳網(wǎng)站 280 　　習(xí) 題 6 281 　　第7章 JavaScript 282 　　7.1 JavaScript簡介 282 　　7.1.1 JavaScript的特點 282 　　7.1.2 JavaScript的用途 282 　　7.1.3 JavaScript的代碼結(jié)構(gòu) 283 　　7.1.4 事件監(jiān)聽程序 285 　　7.1.5 開發(fā)和調(diào)試JavaScript的工具 286 　　7.2 JavaScript語言基礎(chǔ) 287 　　7.2.1 JavaScript的變量 287 　　7.2.2 JavaScript的運算符 288 　　7.2.3 JavaScript數(shù)據(jù)類型 290 　　7.2.4 數(shù)組（array） 292 　　7.2.5 JavaScript語句 294 　　7.2.6 函數(shù) 298 　　7.3 對象 299 　　7.3.1 JavaScript對象 299 　　7.3.2 with語句 301 　　7.3.3 this關(guān)鍵字 301 　　7.3.4 JavaScript的內(nèi)置對象 302 　　7.4 瀏覽器對象模型BOM 303 　　7.4.1 window對象 303 　　7.4.2定時操作函數(shù) 305 　　7.4.3 location對象 308 　　7.4.4 history對象 309 　　7.4.5 document對象 309 　　7.4.6 screen對象 311 　　7.5 文檔對象模型DOM 312 　　7.5.1 網(wǎng)頁中的DOM模型 312 　　7.5.2 DOM編程引例 313 　　7.5.3 訪問指定節(jié)點 316 　　7.5.4 訪問和設(shè)置元素的HTML屬性 319 　　7.5.5 訪問和設(shè)置元素的內(nèi)容 321 　　7.5.6 訪問和設(shè)置元素的CSS屬性 321 　　7.5.7 創(chuàng)建和替換元素節(jié)點 324 　　7.5.8 用DOM控制表單 325 　　7.6 事件處理 327 　　7.6.1 事件流 327 　　7.6.2 處理事件的兩種方法 328 　　7.6.3 瀏覽器中的常用事件 330 　　7.6.4 事件對象 333 　　7.6.5 DOM和事件編程實例 335 　　7.7 JavaScript插件應(yīng)用舉例 340 　　7.7.1 使用Highslide制作lightbox效果 340 　　7.7.2 使用pxiviewer制作圖片輪顯效果 342 　　7.8 jQuery框架使用入門* 343 　　7.8.1 jQuery框架的功能 343 　　7.8.2下載并使用jQuery 344 　　7.8.3 jQuery中的'$' 345 　　7.8.4 jQuery對象與DOM對象 348 　　7.8.5 jQuery的選擇器 349 　　7.8.6 jQuery中的常用方法 352 　　7.8.7 jQuery的應(yīng)用舉例 353 　　7.8.8 jQuery的插件應(yīng)用舉例* 360 　　習(xí) 題 362 　　參考文獻(xiàn) 364