第1章 網(wǎng)頁設(shè)計概述
1.1 網(wǎng)頁、網(wǎng)站的概念
1.1.1 網(wǎng)頁、網(wǎng)站和主頁
1.1.2 專業(yè)術(shù)語
1.1.3 靜態(tài)網(wǎng)頁和動態(tài)網(wǎng)頁
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)點
1.3 常用網(wǎng)頁制作軟件
1.3.1 網(wǎng)頁圖形圖像處理工具
1.3.2 網(wǎng)站頁面的編輯工具
1.3.3 網(wǎng)頁動畫的制作工具
1.3.4 網(wǎng)頁CMS系統(tǒng)應(yīng)用軟件
1.3.5 網(wǎng)頁上傳工具
1.4 實例1：優(yōu)秀網(wǎng)站的賞析與搜集
1.4.1 優(yōu)秀網(wǎng)頁實例欣賞
1.4.2 實例拓展：網(wǎng)頁界面的收集與整理
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 實例1：專業(yè)建設(shè)網(wǎng)站制作流程
2.2.1 前期策劃與內(nèi)容組織
2.2.2 收集和整理資料
2.2.3 網(wǎng)站效果圖的設(shè)計制作
2.2.4 網(wǎng)站頁面的設(shè)計制作
2.2.5 靜態(tài)頁面的動態(tài)化
2.2.6 網(wǎng)站測試與發(fā)布
2.2.7 站點的更新與維護(hù)
2.3 實例2：書法家莊輝網(wǎng)站項目規(guī)劃
2.3.1 網(wǎng)站策劃書的要點
2.3.2 書法家莊輝網(wǎng)站策劃書
2.4 習(xí)題

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

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

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

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

第7章 HTML語言應(yīng)用
7.1 HTML的基本概念
7.1.1 HTML簡介
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)頁中插入圖片標(biāo)簽
7.3.3 播放音頻與視頻
7.4 列表
7.4.1 無序列表

7.4.2 有序列表

7.4.3 嵌套列表
7.5 表格
7.5.1 表格的基本結(jié)構(gòu)
7.5.2 表格的尺寸設(shè)置
7.5.3 表格內(nèi)文字的對齊與合并
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 實例1：現(xiàn)代教育技術(shù)中心網(wǎng)站HTML編輯
7.9.1 實例設(shè)計思路
7.9.2 實例實施過程
7.1 0實例2：客戶留言信息表單編輯
7.1 1實例3：無名山人作品集框架頁HTML編輯
7.1 2習(xí)題

第8章 CSS樣式表的應(yīng)用
8.1 CSS簡介
8.1.1 CSS的概念
8.1.2 CSS的特點
8.1.3 樣式表的規(guī)則
8.2 創(chuàng)建新樣式表與應(yīng)用樣式表
8.2.1 CSS樣式面板
8.2.2 新建CSS規(guī)則對話框
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 實例：淮安市高校教學(xué)資源共建共享平臺CSS樣式設(shè)計
8.5 習(xí)題

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

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

第11章 HTML+CSS頁面布局
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ù)字化教學(xué)資源平臺網(wǎng)站布局
11.3.1 效果圖的分析與切片
11.3.2 制作站點的首頁頭部
11.3.3 制作首頁的主體部分
11.3.4 制作首頁的底部
11.4 習(xí)題

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

第13章 淮安市專用汽車制造有限公司網(wǎng)站建設(shè)
13.1 項目目標(biāo)與項目展示
13.1.1 項目展示
13.1.2 項目目標(biāo)
13.2 項目資訊
13.2.1 網(wǎng)站需求分析
13.2.2 網(wǎng)站的風(fēng)格定位
13.2.3 規(guī)劃草圖
13.3 項目計劃
13.4 效果圖與靜態(tài)頁面制作
13.4.1 效果圖設(shè)計
13.4.2 效果圖切片導(dǎo)出網(wǎng)頁
13.4.3 后期網(wǎng)頁編輯
13.4.4 動畫制作
13.4.5 動畫的使用
13.5 動態(tài)網(wǎng)站管理系統(tǒng)與靜態(tài)頁面的融合
13.5.1 搜索網(wǎng)站管理平臺
13.5.2 靜態(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 前臺網(wǎng)站調(diào)用后臺程序
13.5.8 網(wǎng)站測試與后期完善
13.6 習(xí)題

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