第1章 網(wǎng)頁(yè)設(shè)計(jì)概述
1.1 網(wǎng)頁(yè)、網(wǎng)站的概念
1.1.1 網(wǎng)頁(yè)、網(wǎng)站和主頁(yè)
1.1.2 專業(yè)術(shù)語(yǔ)
1.1.3 靜態(tài)網(wǎng)頁(yè)和動(dòng)態(tài)網(wǎng)頁(yè)
1.2 Web標(biāo)準(zhǔn)
1.2.1 Web標(biāo)準(zhǔn)的概念
1.2.2 建立Web標(biāo)準(zhǔn)的目的
1.2.3 采用Web標(biāo)準(zhǔn)的優(yōu)點(diǎn)
1.3 常用網(wǎng)頁(yè)制作軟件
1.3.1 網(wǎng)頁(yè)圖形圖像處理工具
1.3.2 網(wǎng)站頁(yè)面的編輯工具
1.3.3 網(wǎng)頁(yè)動(dòng)畫(huà)的制作工具
1.3.4 網(wǎng)頁(yè)CMS系統(tǒng)應(yīng)用軟件
1.3.5 網(wǎng)頁(yè)上傳工具
1.4 實(shí)例1：優(yōu)秀網(wǎng)站的賞析與搜集
1.4.1 優(yōu)秀網(wǎng)頁(yè)實(shí)例欣賞
1.4.2 實(shí)例拓展：網(wǎng)頁(yè)界面的收集與整理
1.5 習(xí)題

第2章 網(wǎng)站規(guī)劃與制作流程
2.1 網(wǎng)站規(guī)劃的內(nèi)容及原則
2.1.1 網(wǎng)站策劃的一般內(nèi)容
2.1.2 網(wǎng)站形象策劃原則
2.2 實(shí)例1：專業(yè)建設(shè)網(wǎng)站制作流程
2.2.1 前期策劃與內(nèi)容組織
2.2.2 收集和整理資料
2.2.3 網(wǎng)站效果圖的設(shè)計(jì)制作
2.2.4 網(wǎng)站頁(yè)面的設(shè)計(jì)制作
2.2.5 靜態(tài)頁(yè)面的動(dòng)態(tài)化
2.2.6 網(wǎng)站測(cè)試與發(fā)布
2.2.7 站點(diǎn)的更新與維護(hù)
2.3 實(shí)例2：書(shū)法家莊輝網(wǎng)站項(xiàng)目規(guī)劃
2.3.1 網(wǎng)站策劃書(shū)的要點(diǎn)
2.3.2 書(shū)法家莊輝網(wǎng)站策劃書(shū)
2.4 習(xí)題

第3章 網(wǎng)頁(yè)效果圖設(shè)計(jì)
3.1 網(wǎng)頁(yè)色彩概述
3.1.1 色彩的基本理論
3.1.2 顏色的含義
3.2 網(wǎng)頁(yè)配色方案
3.2.1 網(wǎng)頁(yè)配色的原則
3.2.2 網(wǎng)頁(yè)配色的方法
3.3 網(wǎng)站版式布局
3.3.1 網(wǎng)頁(yè)版式布局的要點(diǎn)
3.3.2 版式構(gòu)成的類型
3.3.3 網(wǎng)頁(yè)布局類型的確定方法
3.4 Photoshop應(yīng)用基礎(chǔ)
3.4.1 認(rèn)識(shí)PhotoshopCS5界面
3.4.2 PhotoshopCS5的基本操作
3.4.3 圖層的相關(guān)應(yīng)用
3.4.4 PhotoshopCS5專業(yè)快捷鍵的應(yīng)用
3.5 實(shí)例1：書(shū)法家莊輝主頁(yè)效果圖設(shè)計(jì)
3.5.1 實(shí)例制作過(guò)程
3.5.2 實(shí)例拓展1：企業(yè)Logo的制作
3.5.3 實(shí)例拓展2：網(wǎng)頁(yè)效果圖切片
3.6 Photoshop高級(jí)應(yīng)用
3.6.1 通道的概念與使用技巧
3.6.2 蒙板的概念與使用技巧
3.6.3 路徑的概念與使用技巧
3.7 實(shí)例2：書(shū)法家莊輝模板頁(yè)效果圖設(shè)計(jì)
3.7.1 實(shí)例實(shí)施過(guò)程
3.7.2 實(shí)例拓展：線的制作與使用技巧
3.8 習(xí)題

第4章 Dreamweaver創(chuàng)建基本網(wǎng)頁(yè)
4.1 DreamweaverCS5入門
4.1.1 DreamweaverCS5工作環(huán)境
4.1.2 DreamweaverCS5的參數(shù)設(shè)置
4.2 制作簡(jiǎn)單網(wǎng)頁(yè)
4.2.1 創(chuàng)建網(wǎng)站站點(diǎn)
4.2.2 新建與保存網(wǎng)頁(yè)
4.2.3 頁(yè)面屬性設(shè)置
4.2.4 網(wǎng)頁(yè)的基本排版
4.2.5 插入圖像
4.3 插入表格、超級(jí)鏈接與Flash
4.3.1 Dreamweaver插入表格
4.3.2 Dreamweaver插入超級(jí)鏈接
4.3.3 Dreamweaver插入Flash元素
4.4 實(shí)例：書(shū)法家莊輝個(gè)人介紹頁(yè)面制作
4.4.1 實(shí)例設(shè)計(jì)思路
4.4.2 實(shí)例實(shí)施過(guò)程
4.5 練習(xí)

第5章 多媒體元素的制作與應(yīng)用
5.1 多媒體對(duì)象的基本知識(shí)
5.1.1 音頻媒體的格式
5.1.2 視頻媒體的格式
5.2 多媒體素材的制作
5.2.1 FlashPaper電子文檔的制作方法
5.2.2 屏幕錄制視頻的方法
5.3 常用動(dòng)畫(huà)制作軟件
5.3.1 Photoshop的動(dòng)畫(huà)面板
5.3.2 Photoshop制作過(guò)渡動(dòng)畫(huà)
5.3.3 FlashSwish軟件認(rèn)識(shí)
5.4 實(shí)例：書(shū)法家莊輝個(gè)人網(wǎng)站動(dòng)畫(huà)的設(shè)計(jì)
5.4.1 實(shí)例展示
5.4.2 實(shí)例實(shí)施過(guò)程
5.5 插入多媒體元素
5.5.1 插入視頻與音頻元素
5.5.2 插入FlashPaper電子文檔
5.5.3 插入背景音樂(lè)
5.6 習(xí)題

第6章 框架與表格布局頁(yè)面
6.2 框架布局的基本應(yīng)用
6.1.1 框架面板
6.1.2 創(chuàng)建框架頁(yè)
6.1.3 框架的選擇與保存
6.1.4 設(shè)置框架的屬性
6.1.5 設(shè)置框架集的屬性
6.2 實(shí)例1：無(wú)名山人作品集框架網(wǎng)頁(yè)
6.2.1 實(shí)例設(shè)計(jì)思路
6.2.2 實(shí)例實(shí)施過(guò)程
6.3 實(shí)例2：淮安市維達(dá)科技有限公司網(wǎng)站布局
6.3.1 實(shí)例設(shè)計(jì)思路
6.3.2 實(shí)例實(shí)施過(guò)程
6.4 習(xí)題

第7章 HTML語(yǔ)言應(yīng)用
7.1 HTML的基本概念
7.1.1 HTML簡(jiǎn)介
7.1.2 HTML的結(jié)構(gòu)
7.1.3 HTML的標(biāo)記
7.2 與標(biāo)簽
7.2.1 標(biāo)簽
7.2.2 標(biāo)簽
7.3 文字段落與多媒體元素
7.3.1 文字段落相關(guān)標(biāo)記
7.3.2 網(wǎng)頁(yè)中插入圖片標(biāo)簽
7.3.3 播放音頻與視頻
7.4 列表
7.4.1 無(wú)序列表

7.4.2 有序列表

7.4.3 嵌套列表
7.5 表格
7.5.1 表格的基本結(jié)構(gòu)
7.5.2 表格的尺寸設(shè)置
7.5.3 表格內(nèi)文字的對(duì)齊與合并
7.6 超鏈接
7.6.1 創(chuàng)建內(nèi)部超鏈接
7.6.2 創(chuàng)建文字超鏈接
7.6.3 創(chuàng)建圖片超鏈接
7.7 插入表單
7.7.1 表單的定義
7.7.2 表單控件
7.8 框架的使用
7.8.1 框架集
7.8.2 子窗口標(biāo)簽的設(shè)定
7.9 實(shí)例1：現(xiàn)代教育技術(shù)中心網(wǎng)站HTML編輯
7.9.1 實(shí)例設(shè)計(jì)思路
7.9.2 實(shí)例實(shí)施過(guò)程
7.1 0實(shí)例2：客戶留言信息表單編輯
7.1 1實(shí)例3：無(wú)名山人作品集框架頁(yè)HTML編輯
7.1 2習(xí)題

第8章 CSS樣式表的應(yīng)用
8.1 CSS簡(jiǎn)介
8.1.1 CSS的概念
8.1.2 CSS的特點(diǎn)
8.1.3 樣式表的規(guī)則
8.2 創(chuàng)建新樣式表與應(yīng)用樣式表
8.2.1 CSS樣式面板
8.2.2 新建CSS規(guī)則對(duì)話框
8.2.3 新建與應(yīng)用CSS樣式
8.2.4 鏈接外部CSS樣式表
8.3 CSS的規(guī)則定義
8.3.1 定義CSS樣式類型屬性
8.3.2 定義CSS樣式背景屬性
8.3.3 定義CSS樣式區(qū)塊屬性
8.3.4 定義CSS樣式方框?qū)傩?br>8.3.5 定義CSS樣式邊框?qū)傩?br>8.3.6 定義CSS樣式列表屬性
8.3.7 定義CSS樣式定位屬性
8.3.8 定義CSS樣式擴(kuò)展屬性
8.4 實(shí)例：淮安市高校教學(xué)資源共建共享平臺(tái)CSS樣式設(shè)計(jì)
8.5 習(xí)題

第9章 模板與庫(kù)的應(yīng)用
9.1 模板
9.1.1 模板的概念
9.1.2 模板的新建
9.1.3 定義可編輯區(qū)域
9.2 模板的應(yīng)用
9.3 庫(kù)
9.3.1 庫(kù)的概念
9.3.2 庫(kù)項(xiàng)目的創(chuàng)建
9.3.3 編輯庫(kù)項(xiàng)目
9.4 實(shí)例：書(shū)法家莊輝個(gè)人網(wǎng)站模板應(yīng)用
9.4.1 模板與庫(kù)的設(shè)計(jì)
9.4.2 創(chuàng)建庫(kù)項(xiàng)目
9.4.3 網(wǎng)站模板的創(chuàng)建
9.4.4 應(yīng)用模板創(chuàng)建并編輯網(wǎng)頁(yè)
9.5 習(xí)題

第10章 JavaScript腳本應(yīng)用
10.1 JavaScript應(yīng)用基礎(chǔ)
10.1.1 JavaScript簡(jiǎn)介
10.1.2 JavaScript的特點(diǎn)
10.1.3 網(wǎng)頁(yè)中應(yīng)用JavaScript的方法及定義
10.2 基于對(duì)象的JavaScript腳本語(yǔ)言
10.2.1 對(duì)象及相關(guān)概念
10.2.2 DHTML對(duì)象模型簡(jiǎn)介
10.2.3 事件介紹
10.3 Spry構(gòu)件應(yīng)用
10.3.1 Spry菜單欄構(gòu)件
10.3.2 Spry選項(xiàng)卡式面板構(gòu)件
10.3.3 Spry折疊構(gòu)件
10.4 常用的JavaScript特效應(yīng)用實(shí)例
10.4.1 實(shí)例1：日期顯示效果
10.4.2 實(shí)例2：圖片展示幻燈片F(xiàn)lash切換效果
10.4.3 實(shí)例3：圖片展示幻燈片切換效果
10.4.4 實(shí)例4：文本或圖像滾動(dòng)效果
10.4.5 實(shí)例5：網(wǎng)頁(yè)飄動(dòng)廣告效果
10.5 實(shí)例：驗(yàn)證用戶登錄界面
10.6 習(xí)題

第11章 HTML+CSS頁(yè)面布局
11.1 DIV布局基礎(chǔ)
11.1.1 理解表現(xiàn)和內(nèi)容的分離
11.1.2 選擇符的分類
11.1.3 類標(biāo)簽與id標(biāo)簽的應(yīng)用
11.1.4 元素的繼承性與分類
11.2 DIV+CSS布局基礎(chǔ)
11.2.1 CSS盒模型
11.2.2 CSS布局基礎(chǔ)
11.2.3 單行單列結(jié)構(gòu)
11.2.4 二列布局結(jié)構(gòu)
11.2.5 三列式布局結(jié)構(gòu)
11.3 實(shí)例：數(shù)字化教學(xué)資源平臺(tái)網(wǎng)站布局
11.3.1 效果圖的分析與切片
11.3.2 制作站點(diǎn)的首頁(yè)頭部
11.3.3 制作首頁(yè)的主體部分
11.3.4 制作首頁(yè)的底部
11.4 習(xí)題

第12章 網(wǎng)站的測(cè)試與發(fā)布
12.1 網(wǎng)站的整合
12.2 本地站點(diǎn)測(cè)試網(wǎng)站
12.2.1 網(wǎng)站測(cè)試的參數(shù)
12.2.2 實(shí)例：測(cè)試書(shū)法家莊輝個(gè)人網(wǎng)站
12.3 網(wǎng)站的發(fā)布
12.3.1 域名申請(qǐng)
12.3.2 申請(qǐng)空間
12.3.3 申請(qǐng)免費(fèi)域名、空間
12.3.4 設(shè)置遠(yuǎn)程站點(diǎn)
12.3.5 連接服務(wù)器
12.3.6 文件的上傳和下載
12.3.7 測(cè)試發(fā)布后的網(wǎng)站
12.4 習(xí)題

第13章 淮安市專用汽車制造有限公司網(wǎng)站建設(shè)
13.1 項(xiàng)目目標(biāo)與項(xiàng)目展示
13.1.1 項(xiàng)目展示
13.1.2 項(xiàng)目目標(biāo)
13.2 項(xiàng)目資訊
13.2.1 網(wǎng)站需求分析
13.2.2 網(wǎng)站的風(fēng)格定位
13.2.3 規(guī)劃草圖
13.3 項(xiàng)目計(jì)劃
13.4 效果圖與靜態(tài)頁(yè)面制作
13.4.1 效果圖設(shè)計(jì)
13.4.2 效果圖切片導(dǎo)出網(wǎng)頁(yè)
13.4.3 后期網(wǎng)頁(yè)編輯
13.4.4 動(dòng)畫(huà)制作
13.4.5 動(dòng)畫(huà)的使用
13.5 動(dòng)態(tài)網(wǎng)站管理系統(tǒng)與靜態(tài)頁(yè)面的融合
13.5.1 搜索網(wǎng)站管理平臺(tái)
13.5.2 靜態(tài)前臺(tái)與動(dòng)態(tài)后臺(tái)的文件整合
13.5.3 IIS的安裝與配置
13.5.4 系統(tǒng)登錄與欄目的設(shè)置
13.5.5 網(wǎng)站內(nèi)容的添加
13.5.6 網(wǎng)站模板的添加
13.5.7 前臺(tái)網(wǎng)站調(diào)用后臺(tái)程序
13.5.8 網(wǎng)站測(cè)試與后期完善
13.6 習(xí)題

第14章 項(xiàng)目開(kāi)發(fā)綜合實(shí)訓(xùn)
14.1 網(wǎng)頁(yè)設(shè)計(jì)師職業(yè)成長(zhǎng)規(guī)律
14.1.1 從初學(xué)者到專家
14.1.2 網(wǎng)頁(yè)設(shè)計(jì)師的現(xiàn)狀分析
14.1.3 網(wǎng)頁(yè)設(shè)計(jì)師的崗位要求與學(xué)習(xí)重點(diǎn)
14.2 網(wǎng)站開(kāi)發(fā)規(guī)范
14.2.1 組建開(kāi)發(fā)團(tuán)隊(duì)
14.2.2 開(kāi)發(fā)工具
14.2.3 網(wǎng)站開(kāi)發(fā)流程
14.2.4 文件夾文件名命名規(guī)范
14.2.5 網(wǎng)站首頁(yè)head區(qū)代碼規(guī)范
14.2.6 網(wǎng)站建設(shè)尺寸規(guī)范
14.3 實(shí)訓(xùn)任務(wù)安排
14.4 項(xiàng)目進(jìn)展計(jì)劃
14.5 實(shí)訓(xùn)報(bào)告書(shū)
參考文獻(xiàn)