《工業(yè)和信息化人才培養(yǎng)規(guī)劃教材·高職高專計算機系列：網(wǎng)頁設計與制作實例教程》以培養(yǎng)職業(yè)能力為核心，以工作實踐為主線，以實例應用為導向，建立以企業(yè)工作流程為框架的現(xiàn)代職業(yè)教育課程結(jié)構，面向網(wǎng)頁設計師崗位設置課程內(nèi)容。
本書教學內(nèi)容采用模塊化的編寫思路，主要有網(wǎng)頁設計概述、網(wǎng)站規(guī)劃與制作流程、網(wǎng)頁效果圖設計、Dreamweaver創(chuàng)建基本網(wǎng)頁、多媒體元素的制作與應用、框架與表格布局頁面、HTML語言應用、CSS樣式表的應用、模板與庫的應用、JavaScript腳本應用、HTML+CSS頁面布局、網(wǎng)站的測試與發(fā)布、綜合教學實例、項目開發(fā)綜合實訓14個主教學模塊，構成了系統(tǒng)的課程教學內(nèi)容體系，所有教學內(nèi)容符合崗位需求。同時本書以“書法家莊輝個人網(wǎng)站”項目貫穿始終講解了靜態(tài)網(wǎng)站的開發(fā)過程，同時又以“淮安市專用汽車制造有限公司網(wǎng)站”作為綜合實例系統(tǒng)講解了動態(tài)網(wǎng)站的開發(fā)過程。初級網(wǎng)頁設計師通過本書的學習，輔助項目實訓的系統(tǒng)鍛煉必將勝任企業(yè)網(wǎng)頁設計師的崗位。
本書結(jié)構合理，內(nèi)容豐富，實用性強，可以作為計算機類專業(yè)、商務類專業(yè)、藝術類專業(yè)的教學用書，也可以作為培訓教程，還可以作為相關專業(yè)從業(yè)人員的自學用書。
第1章 網(wǎng)頁設計概述
1.1 網(wǎng)頁、網(wǎng)站的概念
1.1.1 網(wǎng)頁、網(wǎng)站和主頁
1.1.2 專業(yè)術語
1.1.3 靜態(tài)網(wǎng)頁和動態(tài)網(wǎng)頁
1.2 Web標準
1.2.1 Web標準的概念
1.2.2 建立Web標準的目的
1.2.3 采用Web標準的優(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)應用軟件
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 習題
第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è)建設網(wǎng)站制作流程
2.2.1 前期策劃與內(nèi)容組織
2.2.2 收集和整理資料
2.2.3 網(wǎng)站效果圖的設計制作
2.2.4 網(wǎng)站頁面的設計制作
2.2.5 靜態(tài)頁面的動態(tài)化
2.2.6 網(wǎng)站測試與發(fā)布
2.2.7 站點的更新與維護
2.3 實例2：書法家莊輝網(wǎng)站項目規(guī)劃
2.3.1 網(wǎng)站策劃書的要點
2.3.2 書法家莊輝網(wǎng)站策劃書
2.4 習題
第3章 網(wǎng)頁效果圖設計
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 版式構成的類型
3.3.3 網(wǎng)頁布局類型的確定方法
3.4 Photoshop應用基礎
3.4.1 認識PhotoshopCS5界面
3.4.2 PhotoshopCS5的基本操作
3.4.3 圖層的相關應用
3.4.4 PhotoshopCS5專業(yè)快捷鍵的應用
3.5 實例1：書法家莊輝主頁效果圖設計
3.5.1 實例制作過程
3.5.2 實例拓展1：企業(yè)Logo的制作
3.5.3 實例拓展2：網(wǎng)頁效果圖切片
3.6 Photoshop高級應用
3.6.1 通道的概念與使用技巧
3.6.2 蒙板的概念與使用技巧
3.6.3 路徑的概念與使用技巧
3.7 實例2：書法家莊輝模板頁效果圖設計
3.7.1 實例實施過程
3.7.2 實例拓展：線的制作與使用技巧
3.8 習題
第4章 Dreamweaver創(chuàng)建基本網(wǎng)頁
4.1 DreamweaverCS5入門
4.1.1 DreamweaverCS5工作環(huán)境
4.1.2 DreamweaverCS5的參數(shù)設置
4.2 制作簡單網(wǎng)頁
4.2.1 創(chuàng)建網(wǎng)站站點
4.2.2 新建與保存網(wǎng)頁
4.2.3 頁面屬性設置
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 實例設計思路
4.4.2 實例實施過程
4.5 練習
第5章 多媒體元素的制作與應用
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軟件認識
5.4 實例：書法家莊輝個人網(wǎng)站動畫的設計
5.4.1 實例展示
5.4.2 實例實施過程
5.5 插入多媒體元素
5.5.1 插入視頻與音頻元素
5.5.2 插入FlashPaper電子文檔
5.5.3 插入背景音樂
5.6 習題
第6章 框架與表格布局頁面
6.2 框架布局的基本應用
6.1.1 框架面板
6.1.2 創(chuàng)建框架頁
6.1.3 框架的選擇與保存
6.1.4 設置框架的屬性
6.1.5 設置框架集的屬性
6.2 實例1：無名山人作品集框架網(wǎng)頁
6.2.1 實例設計思路
6.2.2 實例實施過程
6.3 實例2：淮安市維達科技有限公司網(wǎng)站布局
6.3.1 實例設計思路
6.3.2 實例實施過程
6.4 習題
第7章 HTML語言應用
7.1 HTML的基本概念
7.1.1 HTML簡介
7.1.2 HTML的結(jié)構
7.1.3 HTML的標記
7.2 與標簽
7.2.1 標簽
7.2.2 標簽
7.3 文字段落與多媒體元素
7.3.1 文字段落相關標記
7.3.2 網(wǎng)頁中插入圖片標簽
7.3.3 播放音頻與視頻
7.4 列表
7.4.1 無序列表
7.4.2 有序列表
7.4.3 嵌套列表
7.5 表格
7.5.1 表格的基本結(jié)構
7.5.2 表格的尺寸設置
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 子窗口標簽的設定
7.9 實例1：現(xiàn)代教育技術中心網(wǎng)站HTML編輯
7.9.1 實例設計思路
7.9.2 實例實施過程
7.1 0實例2：客戶留言信息表單編輯
7.1 1實例3：無名山人作品集框架頁HTML編輯
7.1 2習題
第8章 CSS樣式表的應用
8.1 CSS簡介
8.1.1 CSS的概念
8.1.2 CSS的特點
8.1.3 樣式表的規(guī)則
8.2 創(chuàng)建新樣式表與應用樣式表
8.2.1 CSS樣式面板
8.2.2 新建CSS規(guī)則對話框
8.2.3 新建與應用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樣式擴展屬性
8.4 實例：淮安市高校教學資源共建共享平臺CSS樣式設計
8.5 習題
第9章 模板與庫的應用
9.1 模板
9.1.1 模板的概念
9.1.2 模板的新建
9.1.3 定義可編輯區(qū)域
9.2 模板的應用
9.3 庫
9.3.1 庫的概念
9.3.2 庫項目的創(chuàng)建
9.3.3 編輯庫項目
9.4 實例：書法家莊輝個人網(wǎng)站模板應用
9.4.1 模板與庫的設計
9.4.2 創(chuàng)建庫項目
9.4.3 網(wǎng)站模板的創(chuàng)建
9.4.4 應用模板創(chuàng)建并編輯網(wǎng)頁
9.5 習題
第10章 JavaScript腳本應用
10.1 JavaScript應用基礎
10.1.1 JavaScript簡介
10.1.2 JavaScript的特點
10.1.3 網(wǎng)頁中應用JavaScript的方法及定義
10.2 基于對象的JavaScript腳本語言
10.2.1 對象及相關概念
10.2.2 DHTML對象模型簡介
10.2.3 事件介紹
10.3 Spry構件應用
10.3.1 Spry菜單欄構件
10.3.2 Spry選項卡式面板構件
10.3.3 Spry折疊構件
10.4 常用的JavaScript特效應用實例
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 習題
第11章 HTML+CSS頁面布局
11.1 DIV布局基礎
11.1.1 理解表現(xiàn)和內(nèi)容的分離
11.1.2 選擇符的分類
11.1.3 類標簽與id標簽的應用
11.1.4 元素的繼承性與分類
11.2 DIV+CSS布局基礎
11.2.1 CSS盒模型
11.2.2 CSS布局基礎
11.2.3 單行單列結(jié)構
11.2.4 二列布局結(jié)構
11.2.5 三列式布局結(jié)構
11.3 實例：數(shù)字化教學資源平臺網(wǎng)站布局
11.3.1 效果圖的分析與切片
11.3.2 制作站點的首頁頭部
11.3.3 制作首頁的主體部分
11.3.4 制作首頁的底部
11.4 習題
第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 設置遠程站點
12.3.5 連接服務器
12.3.6 文件的上傳和下載
12.3.7 測試發(fā)布后的網(wǎng)站
12.4 習題
第13章 淮安市專用汽車制造有限公司網(wǎng)站建設
13.1 項目目標與項目展示
13.1.1 項目展示
13.1.2 項目目標
13.2 項目資訊
13.2.1 網(wǎng)站需求分析
13.2.2 網(wǎng)站的風格定位
13.2.3 規(guī)劃草圖
13.3 項目計劃
13.4 效果圖與靜態(tài)頁面制作
13.4.1 效果圖設計
13.4.2 效果圖切片導出網(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)登錄與欄目的設置
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 習題
第14章 項目開發(fā)綜合實訓
14.1 網(wǎng)頁設計師職業(yè)成長規(guī)律
14.1.1 從初學者到專家
14.1.2 網(wǎng)頁設計師的現(xiàn)狀分析
14.1.3 網(wǎng)頁設計師的崗位要求與學習重點
14.2 網(wǎng)站開發(fā)規(guī)范
14.2.1 組建開發(fā)團隊
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)站建設尺寸規(guī)范
14.3 實訓任務安排
14.4 項目進展計劃
14.5 實訓報告書
參考文獻
新書資訊