網(wǎng)站規(guī)劃與網(wǎng)頁(yè)設(shè)計(jì)（第二版）

目 錄第1章 網(wǎng)站規(guī)劃 11.1 網(wǎng)站規(guī)劃的流程 11.2 網(wǎng)站規(guī)劃的內(nèi)容 21.2.1 建設(shè)網(wǎng)站前的市場(chǎng)分析 21.2.2 建設(shè)網(wǎng)站的目的及功能定位 21.2.3 分析目標(biāo)客戶及潛在客戶對(duì)站點(diǎn)的需求 31.2.4 域名申請(qǐng) 31.2.5 Web服務(wù)器的選擇 41.2.6 確定網(wǎng)站風(fēng)格 41.2.7 考慮網(wǎng)絡(luò)的技術(shù)問(wèn)題 61.3 網(wǎng)頁(yè)設(shè)計(jì)的原則 61.4 網(wǎng)站的測(cè)試、發(fā)布與維護(hù) 81.5 網(wǎng)站規(guī)劃案例 8小結(jié) 10練習(xí)題 10上機(jī)實(shí)驗(yàn) 10第2章 網(wǎng)頁(yè)設(shè)計(jì)基礎(chǔ)知識(shí) 122.1 Internet基礎(chǔ) 122.1.1 Internet概述 122.1.2 WWW 122.1.3 網(wǎng)頁(yè)與網(wǎng)站 132.1.4 域名與IP地址 132.2 網(wǎng)頁(yè)制作工具 162.2.1 網(wǎng)頁(yè)編輯工具 162.2.2 圖形和圖像處理工具 162.2.3 動(dòng)畫制作工具 172.3 HTML語(yǔ)言 172.3.1 HTML語(yǔ)法結(jié)構(gòu) 172.3.2 常見的HTML標(biāo)簽(HTML5標(biāo)準(zhǔn)) 18小結(jié) 22練習(xí)題 22上機(jī)實(shí)驗(yàn) 22第3章 創(chuàng)建站點(diǎn) 243.1 Dreamweaver CC簡(jiǎn)介 243.2 Dreamweaver CC的工作界面 253.3 定義本地站點(diǎn) 283.3.1 創(chuàng)建站點(diǎn) 283.3.2 管理站點(diǎn) 313.3.3 創(chuàng)建網(wǎng)頁(yè) 32小結(jié) 34練習(xí)題 34上機(jī)實(shí)驗(yàn) 34第4章 制作頁(yè)面 354.1 實(shí)例導(dǎo)入：咖啡吧 354.2 頁(yè)面屬性的設(shè)置 364.3 文本的修飾 374.3.1 輸入文本 384.3.2 文本屬性的設(shè)置 394.3.3 段落格式的設(shè)置 414.3.4 列表格式的設(shè)置 424.3.5 滾動(dòng)文本 434.4 設(shè)置超鏈接 434.4.1 URL地址 444.4.2 超鏈接的分類 444.4.3 選擇鏈接目標(biāo) 46 4.5 制作包含超鏈接的純文本網(wǎng)站 474.6 使用圖像 504.6.1 插入圖像 504.6.2 設(shè)置圖像屬性 514.6.3 制作翻轉(zhuǎn)圖像 524.6.4 制作圖像映射 534.7 插入Flash影片 534.8 插入Flash視頻 55小結(jié) 56練習(xí)題 57上機(jī)實(shí)驗(yàn) 57第5章 CSS DIV頁(yè)面布局技術(shù) 595.1 實(shí)例導(dǎo)入：采用CSS樣式表的網(wǎng)頁(yè) 595.2 了解CSS樣式表 615.2.1 CSS樣式表概述 615.2.2 在Dreamweaver中定義CSS 625.3 利用CSS美化網(wǎng)頁(yè) 645.3.1 背景樣式的應(yīng)用 655.3.2 文本及列表的應(yīng)用 665.3.3 方框和邊框樣式的應(yīng)用 675.3.4 動(dòng)態(tài)鏈接樣式的應(yīng)用 695.3.5 濾鏡效果的應(yīng)用 705.4 利用CSS＋DIV進(jìn)行網(wǎng)頁(yè)布局 71小結(jié) 74練習(xí)題 75上機(jī)實(shí)驗(yàn) 75第6章 網(wǎng)頁(yè)制作：頁(yè)面布局輔助技術(shù) 786.1 網(wǎng)頁(yè)版面布局概述 786.2 實(shí)例導(dǎo)入：表格排版網(wǎng)頁(yè)806.3 使用表格布局網(wǎng)頁(yè) 816.3.1 插入表格和編輯表格 826.3.2 表格及單元格屬性的設(shè)置 856.3.3 使用表格排版網(wǎng)頁(yè) 866.3.4 表格排版實(shí)例的制作過(guò)程 876.4 Bootstrap響應(yīng)式布局 896.4.1 什么是響應(yīng)式布局 896.4.2 Bootstrap簡(jiǎn)介 896.4.3 基于Bootstrap搭建響應(yīng)式布局網(wǎng)站 906.5 使用 jQuery UIWidget 946.5.1 插入jQuery Widget 956.5.2 修改jQuery Widget 956.6 利用JavaScript制作網(wǎng)頁(yè)特效 966.6.1 利用JavaScript制作網(wǎng)頁(yè)特效 966.6.2 應(yīng)用Dreamweaver內(nèi)部的行為 996.6.3 推薦制作網(wǎng)頁(yè)特效的軟件 102小結(jié) 103練習(xí)題 104上機(jī)實(shí)驗(yàn) 104第7章 使用表單 1067.1 實(shí)例導(dǎo)入：利用表單創(chuàng)建用戶信息注冊(cè)表 1067.2 創(chuàng)建表單 1077.3 插入表單對(duì)象 1097.3.1 表單網(wǎng)頁(yè)的布局 1097.3.2 插入和編輯表單對(duì)象 1107.4 制作用戶注冊(cè)表 1157.5 驗(yàn)證表單 117小結(jié) 119練習(xí)題 119上機(jī)實(shí)驗(yàn) 119第8章 模板與庫(kù)的應(yīng)用 1218.1 實(shí)例導(dǎo)入：利用模板生成站點(diǎn) 1218.2 模板的創(chuàng)建和編輯 1228.2.1 創(chuàng)建模板 1228.2.2 編輯模板 1238.3 模板的應(yīng)用和更新 1248.3.1 模板的應(yīng)用 1248.3.2 更新模板 1258.4 使用庫(kù) 1268.4.1 創(chuàng)建庫(kù) 1268.4.2 應(yīng)用庫(kù) 1278.4.3 修改庫(kù) 1278.5 利用模板和庫(kù)生成站點(diǎn)的制作過(guò)程 129小結(jié) 131練習(xí)題 131上機(jī)實(shí)驗(yàn) 131第9章 網(wǎng)頁(yè)設(shè)計(jì)基礎(chǔ)理論 1349.1 平面設(shè)計(jì)基礎(chǔ) 1349.1.1 圖像類型 1349.1.2 圖像分辨率 1359.1.3 圖像文件格式 1359.1.4 圖像設(shè)計(jì)的分類 1359.2 色彩的應(yīng)用 1389.2.1 色彩模式 1389.2.2 色彩的應(yīng)用 1409.2.3 配色方案的應(yīng)用實(shí)例 1419.3 網(wǎng)頁(yè)設(shè)計(jì)的構(gòu)圖 1439.3.1 構(gòu)圖概述 1439.3.2 構(gòu)圖范例欣賞 1469.4 網(wǎng)頁(yè)設(shè)計(jì)的流程 1489.4.1 網(wǎng)頁(yè)策劃 1489.4.2 設(shè)計(jì)網(wǎng)頁(yè)原型圖 1489.4.3 設(shè)計(jì)網(wǎng)頁(yè)效果圖 1499.4.4 網(wǎng)頁(yè)設(shè)計(jì)實(shí)例——房地產(chǎn)網(wǎng)站首頁(yè)設(shè)計(jì) 149小結(jié) 153練習(xí)題 154上機(jī)實(shí)驗(yàn) 154第10章 利用Flash CC設(shè)計(jì)網(wǎng)頁(yè)動(dòng)畫 15510.1 實(shí)例導(dǎo)入：制作Flash 網(wǎng)頁(yè)片頭動(dòng)畫 15610.2 Flash CC概述 15610.2.1 Flash的工作界面 15610.2.2 Flash的基本操作 15910.2.3 Flash CC的新功能 16110.3 Flash的基本功能 16310.3.1 繪圖和填充 16410.3.2 位圖操作 17110.3.3 處理文本 17310.4 應(yīng)用Flash CC設(shè)計(jì)動(dòng)畫 17510.4.1 場(chǎng)景、元件與實(shí)例 17510.4.2 幀與關(guān)鍵幀 17710.4.3 圖層 17710.4.4 創(chuàng)建動(dòng)畫 17810.4.5 Flash動(dòng)畫中的交互控制 19510.5 網(wǎng)站片頭Flash動(dòng)畫設(shè)計(jì) 202小結(jié) 204練習(xí)題 204上機(jī)實(shí)驗(yàn) 205第11章 利用Photoshop設(shè)計(jì)網(wǎng)頁(yè) 20911.1 Photoshop CC簡(jiǎn)介 20911.2 Photoshop CC工作界面 21311.3 Photoshop CC基本應(yīng)用 21411.3.1 Photoshop CC基本操作 21411.3.2 Photoshop功能介紹 22711.3.3 Photoshop CC文件存儲(chǔ)格式 22811.4 Photoshop CC網(wǎng)頁(yè)設(shè)計(jì) 228 11.5 使用Photoshop制作網(wǎng)頁(yè)熱點(diǎn)鏈接 234小結(jié) 237練習(xí)題 237上機(jī)實(shí)驗(yàn) 237參考文獻(xiàn) 244