網(wǎng)頁設(shè)計(jì)與制作實(shí)例教程
定 價(jià):39.8 元
叢書名:工業(yè)和信息化人才培養(yǎng)規(guī)劃教材
- 作者:劉萬輝主編
- 出版時(shí)間:2013/2/1
- ISBN:9787115293732
- 出 版 社:人民郵電出版社
- 中圖法分類:TP393.092
- 頁碼:258頁, [2] 頁圖版
- 紙張:膠版紙
- 版次:1
- 開本:16開
讀者對象:可以作為計(jì)算機(jī)類專業(yè)、商務(wù)類專業(yè)、藝術(shù)類專業(yè)的教學(xué)用書, 也可以作為培訓(xùn)教程, 還可以作為相關(guān)專業(yè)從業(yè)人員的自學(xué)用書
《工業(yè)和信息化人才培養(yǎng)規(guī)劃教材·高職高專計(jì)算機(jī)系列:網(wǎng)頁設(shè)計(jì)與制作實(shí)例教程》以培養(yǎng)職業(yè)能力為核心,以工作實(shí)踐為主線,以實(shí)例應(yīng)用為導(dǎo)向,建立以企業(yè)工作流程為框架的現(xiàn)代職業(yè)教育課程結(jié)構(gòu),面向網(wǎng)頁設(shè)計(jì)師崗位設(shè)置課程內(nèi)容。
本書教學(xué)內(nèi)容采用模塊化的編寫思路,主要有網(wǎng)頁設(shè)計(jì)概述、網(wǎng)站規(guī)劃與制作流程、網(wǎng)頁效果圖設(shè)計(jì)、Dreamweaver創(chuàng)建基本網(wǎng)頁、多媒體元素的制作與應(yīng)用、框架與表格布局頁面、HTML語言應(yīng)用、CSS樣式表的應(yīng)用、模板與庫的應(yīng)用、JavaScript腳本應(yīng)用、HTML+CSS頁面布局、網(wǎng)站的測試與發(fā)布、綜合教學(xué)實(shí)例、項(xiàng)目開發(fā)綜合實(shí)訓(xùn)14個(gè)主教學(xué)模塊,構(gòu)成了系統(tǒng)的課程教學(xué)內(nèi)容體系,所有教學(xué)內(nèi)容符合崗位需求。同時(shí)本書以“書法家莊輝個(gè)人網(wǎng)站”項(xiàng)目貫穿始終講解了靜態(tài)網(wǎng)站的開發(fā)過程,同時(shí)又以“淮安市專用汽車制造有限公司網(wǎng)站”作為綜合實(shí)例系統(tǒng)講解了動(dòng)態(tài)網(wǎng)站的開發(fā)過程。初級網(wǎng)頁設(shè)計(jì)師通過本書的學(xué)習(xí),輔助項(xiàng)目實(shí)訓(xùn)的系統(tǒng)鍛煉必將勝任企業(yè)網(wǎng)頁設(shè)計(jì)師的崗位。
本書結(jié)構(gòu)合理,內(nèi)容豐富,實(shí)用性強(qiáng),可以作為計(jì)算機(jī)類專業(yè)、商務(wù)類專業(yè)、藝術(shù)類專業(yè)的教學(xué)用書,也可以作為培訓(xùn)教程,還可以作為相關(guān)專業(yè)從業(yè)人員的自學(xué)用書。
第1章 網(wǎng)頁設(shè)計(jì)概述
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)頁和動(dò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)點(diǎn)
1.3 常用網(wǎng)頁制作軟件
1.3.1 網(wǎng)頁圖形圖像處理工具
1.3.2 網(wǎng)站頁面的編輯工具
1.3.3 網(wǎng)頁動(dòng)畫的制作工具
1.3.4 網(wǎng)頁CMS系統(tǒng)應(yīng)用軟件
1.3.5 網(wǎng)頁上傳工具
1.4 實(shí)例1:優(yōu)秀網(wǎng)站的賞析與搜集
1.4.1 優(yōu)秀網(wǎng)頁實(shí)例欣賞
1.4.2 實(shí)例拓展:網(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 實(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)站頁面的設(shè)計(jì)制作
2.2.5 靜態(tài)頁面的動(dòng)態(tài)化
2.2.6 網(wǎng)站測試與發(fā)布
2.2.7 站點(diǎn)的更新與維護(hù)
2.3 實(shí)例2:書法家莊輝網(wǎng)站項(xiàng)目規(guī)劃
2.3.1 網(wǎng)站策劃書的要點(diǎn)
2.3.2 書法家莊輝網(wǎng)站策劃書
2.4 習(xí)題
第3章 網(wǎng)頁效果圖設(shè)計(jì)
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)頁版式布局的要點(diǎn)
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 實(shí)例1:書法家莊輝主頁效果圖設(shè)計(jì)
3.5.1 實(shí)例制作過程
3.5.2 實(shí)例拓展1:企業(yè)Logo的制作
3.5.3 實(shí)例拓展2:網(wǎng)頁效果圖切片
3.6 Photoshop高級應(yīng)用
3.6.1 通道的概念與使用技巧
3.6.2 蒙板的概念與使用技巧
3.6.3 路徑的概念與使用技巧
3.7 實(shí)例2:書法家莊輝模板頁效果圖設(shè)計(jì)
3.7.1 實(shí)例實(shí)施過程
3.7.2 實(shí)例拓展:線的制作與使用技巧
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)站站點(diǎn)
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 實(shí)例:書法家莊輝個(gè)人介紹頁面制作
4.4.1 實(shí)例設(shè)計(jì)思路
4.4.2 實(shí)例實(shí)施過程
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 常用動(dòng)畫制作軟件
5.3.1 Photoshop的動(dòng)畫面板
5.3.2 Photoshop制作過渡動(dòng)畫
5.3.3 FlashSwish軟件認(rèn)識
5.4 實(shí)例:書法家莊輝個(gè)人網(wǎng)站動(dòng)畫的設(shè)計(jì)
5.4.1 實(shí)例展示
5.4.2 實(shí)例實(shí)施過程
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 實(shí)例1:無名山人作品集框架網(wǎng)頁
6.2.1 實(shí)例設(shè)計(jì)思路
6.2.2 實(shí)例實(shí)施過程
6.3 實(shí)例2:淮安市維達(dá)科技有限公司網(wǎng)站布局
6.3.1 實(shí)例設(shè)計(jì)思路
6.3.2 實(shí)例實(shí)施過程
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 實(shí)例1:現(xiàn)代教育技術(shù)中心網(wǎng)站HTML編輯
7.9.1 實(shí)例設(shè)計(jì)思路
7.9.2 實(shí)例實(shí)施過程
7.1 0實(shí)例2:客戶留言信息表單編輯
7.1 1實(shí)例3:無名山人作品集框架頁HTML編輯
7.1 2習(xí)題
第8章 CSS樣式表的應(yīng)用
8.1 CSS簡介
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ī)則對話框
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章 模板與庫的應(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 庫項(xiàng)目的創(chuàng)建
9.3.3 編輯庫項(xiàng)目
9.4 實(shí)例:書法家莊輝個(gè)人網(wǎng)站模板應(yīng)用
9.4.1 模板與庫的設(shè)計(jì)
9.4.2 創(chuàng)建庫項(xià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的特點(diǎn)
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選項(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)頁飄動(dòng)廣告效果
10.5 實(shí)例:驗(yàn)證用戶登錄界面
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í)例:數(shù)字化教學(xué)資源平臺(tái)網(wǎng)站布局
11.3.1 效果圖的分析與切片
11.3.2 制作站點(diǎn)的首頁頭部
11.3.3 制作首頁的主體部分
11.3.4 制作首頁的底部
11.4 習(xí)題
第12章 網(wǎng)站的測試與發(fā)布
12.1 網(wǎng)站的整合
12.2 本地站點(diǎn)測試網(wǎng)站
12.2.1 網(wǎng)站測試的參數(shù)
12.2.2 實(shí)例:測試書法家莊輝個(gè)人網(wǎng)站
12.3 網(wǎng)站的發(fā)布
12.3.1 域名申請
12.3.2 申請空間
12.3.3 申請免費(fèi)域名、空間
12.3.4 設(shè)置遠(yuǎn)程站點(diǎn)
12.3.5 連接服務(wù)器
12.3.6 文件的上傳和下載
12.3.7 測試發(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)頁面制作
13.4.1 效果圖設(shè)計(jì)
13.4.2 效果圖切片導(dǎo)出網(wǎng)頁
13.4.3 后期網(wǎng)頁編輯
13.4.4 動(dòng)畫制作
13.4.5 動(dòng)畫的使用
13.5 動(dòng)態(tài)網(wǎng)站管理系統(tǒng)與靜態(tài)頁面的融合
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)站測試與后期完善
13.6 習(xí)題
第14章 項(xiàng)目開發(fā)綜合實(shí)訓(xùn)
14.1 網(wǎng)頁設(shè)計(jì)師職業(yè)成長規(guī)律
14.1.1 從初學(xué)者到專家
14.1.2 網(wǎng)頁設(shè)計(jì)師的現(xiàn)狀分析
14.1.3 網(wǎng)頁設(shè)計(jì)師的崗位要求與學(xué)習(xí)重點(diǎn)
14.2 網(wǎng)站開發(fā)規(guī)范
14.2.1 組建開發(fā)團(tuán)隊(duì)
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 實(shí)訓(xùn)任務(wù)安排
14.4 項(xiàng)目進(jìn)展計(jì)劃
14.5 實(shí)訓(xùn)報(bào)告書
參考文獻(xiàn)