網(wǎng)頁(yè)設(shè)計(jì)與制作項(xiàng)目教程(第2版)/“十二五”職業(yè)教育國(guó)家規(guī)劃教材
定 價(jià):42.8 元
叢書名:“十二五”職業(yè)教育國(guó)家規(guī)劃教材
- 作者:
- 出版時(shí)間:2018/1/1
- ISBN:9787568512381
- 出 版 社:大連理工大學(xué)出版社
- 中圖法分類:TP393.092.2
- 頁(yè)碼:269
- 紙張:膠版紙
- 版次:2
- 開(kāi)本:16開(kāi)
《網(wǎng)頁(yè)設(shè)計(jì)與制作項(xiàng)目教程(第2版)/“十二五”職業(yè)教育國(guó)家規(guī)劃教材》共設(shè)11個(gè)模塊,內(nèi)容包括:了解開(kāi)發(fā)工具,制作基本網(wǎng)頁(yè)、構(gòu)建網(wǎng)頁(yè)的圖文信息、利用表格和框架設(shè)計(jì)規(guī)整的網(wǎng)頁(yè)、在網(wǎng)頁(yè)中展示多媒體、高效制作更為精致的網(wǎng)頁(yè)等。每個(gè)模塊后面,還精心設(shè)計(jì)了一個(gè)圖文形式的網(wǎng)頁(yè)設(shè)計(jì)練習(xí),學(xué)生可以依照本模塊所學(xué)知識(shí)點(diǎn)將其設(shè)計(jì)制作完成,這樣能夠進(jìn)一步培養(yǎng)學(xué)生開(kāi)發(fā)網(wǎng)站的實(shí)踐能力和創(chuàng)造能力。
《網(wǎng)頁(yè)設(shè)計(jì)與制作項(xiàng)目教程(第2版)/“十二五”職業(yè)教育國(guó)家規(guī)劃教材》適合于各類高職高專、大中專院校的計(jì)算機(jī)專業(yè)教學(xué)使用。對(duì)于廣大從事IT職業(yè)的工作人員和初、中級(jí)網(wǎng)站開(kāi)發(fā)者以及業(yè)余愛(ài)好者也均適用。
模塊1 了解開(kāi)發(fā)工具,制作基本網(wǎng)頁(yè)
任務(wù)引領(lǐng) “世界你好!”
1.網(wǎng)站項(xiàng)目開(kāi)發(fā)流程
2.Dreamweaver的下載與啟動(dòng)
3.Dreamweaver的操作界面
4.可自由擺放的面板組
項(xiàng)目漸近 網(wǎng)站項(xiàng)目“我心飛揚(yáng)”之
第一階段“溫馨提示”
回味思考
模塊2 構(gòu)建網(wǎng)頁(yè)的圖文信息
任務(wù)引領(lǐng)1 “古詩(shī)鑒賞”
1.創(chuàng)建網(wǎng)站制作空間
2.設(shè)置網(wǎng)頁(yè)文檔屬性
3.修改文字屬性
4.利用項(xiàng)目列表整理散亂的內(nèi)容
5.在網(wǎng)頁(yè)文檔中插入水平線
6.插入各種符號(hào)
任務(wù)引領(lǐng)2 “名車風(fēng)采”
1.在網(wǎng)頁(yè)文檔中插入圖像
2.優(yōu)化圖像和段落
3.制作鼠標(biāo)響應(yīng)的翻轉(zhuǎn)菜單
4.利用超鏈接連接相關(guān)網(wǎng)頁(yè)
5.利用“錨”功能定位到網(wǎng)頁(yè)特定位置
6.利用圖像熱點(diǎn)設(shè)置鏈接
7.設(shè)置文件頭標(biāo)簽
項(xiàng)目漸近 網(wǎng)站項(xiàng)目“我心飛揚(yáng)”之
第二階段“發(fā)布圖文信息”
拓展訓(xùn)練 “產(chǎn)品介紹”
回味思考
模塊3 利用表格和框架設(shè)計(jì)規(guī)整的網(wǎng)頁(yè)
任務(wù)引領(lǐng)1 “課程表”
1.在網(wǎng)頁(yè)中應(yīng)用表格
2.設(shè)置表格和單元格屬性
任務(wù)引領(lǐng)2 “時(shí)尚話題”
1.利用表格對(duì)頁(yè)面進(jìn)行布局
2.利用表格設(shè)計(jì)特殊頁(yè)面布局
3.在表格中插入背景圖像
4.使用“跟蹤圖像”功能輔助布局定位
模塊3 利用表格和框架設(shè)計(jì)規(guī)整的網(wǎng)頁(yè)
任務(wù)引領(lǐng)3 “中國(guó)名勝”
1.利用框架提高空間利用率
2.創(chuàng)建并保存框架
3.相關(guān)框架屬性
4.制作框架網(wǎng)頁(yè)
5.利用IFRAME,在網(wǎng)頁(yè)的內(nèi)部顯示另一個(gè)網(wǎng)頁(yè)
項(xiàng)目漸近 網(wǎng)站項(xiàng)目“我心飛揚(yáng)”之
第三階段“愛(ài)好分享”
拓展訓(xùn)練 “求職網(wǎng)頁(yè)”設(shè)計(jì)
回味思考
模塊4 層的應(yīng)用
任務(wù)引領(lǐng) “拼圖游戲”網(wǎng)頁(yè)設(shè)計(jì)
1.理解層概念
2.創(chuàng)建并應(yīng)用層
3.靈活運(yùn)用層的高級(jí)屬性
項(xiàng)目漸近 網(wǎng)站項(xiàng)目“我心飛揚(yáng)”之
第四階段“最新公告”
拓展訓(xùn)練 “滾動(dòng)的公告欄”設(shè)計(jì)
回味思考
模塊5 在網(wǎng)頁(yè)中展示多媒體
任務(wù)引領(lǐng)1 “點(diǎn)歌臺(tái)”
1.利用多媒體制作動(dòng)態(tài)效果網(wǎng)頁(yè)
2.在網(wǎng)頁(yè)文檔中插入背景音樂(lè)
3.在指定位置插入影像
4.設(shè)置影像的詳細(xì)屬性
任務(wù)引領(lǐng)2 “小廣告”
1.Flash簡(jiǎn)介
2.在網(wǎng)頁(yè)文檔中插入Flash視頻FLV
3.Flash“屬性”面板
4.在網(wǎng)頁(yè)文檔中插入Flash動(dòng)畫SWF
5.設(shè)置透明的Flash動(dòng)畫背景
項(xiàng)目漸近 網(wǎng)站項(xiàng)目“我心飛揚(yáng)”之
第五階段“頁(yè)頭的制作”
拓展訓(xùn)練 “節(jié)日祝!
回味思考
模塊6 高效制作更為精致的網(wǎng)頁(yè)
任務(wù)引領(lǐng)1 “產(chǎn)品說(shuō)明書”
1.理解CSS樣式表
2.改變文字屬性
3.修改行間距
4.修改鏈接的顯示風(fēng)格
5.制作列表圖標(biāo)
6.固定背景圖像的位置
模塊6 高效制作更為精致的網(wǎng)頁(yè)
任務(wù)引領(lǐng)2 “散文集”
1.運(yùn)用保存素材的庫(kù)
2.運(yùn)用保存在庫(kù)中的項(xiàng)目
3.利用模板功能批量制作網(wǎng)頁(yè)
項(xiàng)目漸近 網(wǎng)站項(xiàng)目“我心飛揚(yáng)”之
第六階段美化并高效制作各頁(yè)面
拓展訓(xùn)練 “流行文學(xué)作品薈萃”
回味思考
模塊7 運(yùn)用“行為”功能提升用戶體驗(yàn)
任務(wù)引領(lǐng)1 “動(dòng)物世界:網(wǎng)絡(luò)相冊(cè)”
1.Dreamweaver行為的概念和作用
2.認(rèn)識(shí)事件
3.認(rèn)識(shí)動(dòng)作
4.行為的應(yīng)用順序
5.圖形類常用行為的添加
任務(wù)引領(lǐng)2 “百變頁(yè)面”
1.添加拖動(dòng)圖層的行為
2.在網(wǎng)頁(yè)上添加彈出窗口
3.替換容器文本
4.設(shè)置狀態(tài)欄文本
5.改變特定區(qū)域文本大小
6.設(shè)定直接跳轉(zhuǎn)到其他頁(yè)面
項(xiàng)目漸近 網(wǎng)站項(xiàng)目“我心飛揚(yáng)”之
第七階段“交互效果”添加
拓展訓(xùn)練 “導(dǎo)航菜單”設(shè)計(jì)
回味思考
模塊8 使用“插件”事半功倍
任務(wù)引領(lǐng) “首頁(yè)效果”
1.理解插件
2.制作隨機(jī)廣告圖片和幻燈片
3.自動(dòng)啟動(dòng)的電子郵件服務(wù)
4.定義鼠標(biāo)右鍵菜單
5.根據(jù)瀏覽器大小自動(dòng)改變背景圖片
6.文字滾動(dòng)顯示的效果
7.始終位于指定位置的層
8.圖片輪播
項(xiàng)目漸近 網(wǎng)站項(xiàng)目“我心飛揚(yáng)”之
第八階段“圖片輪播”的制作
拓展訓(xùn)練 “影集”設(shè)計(jì)
回味思考
模塊9 制作可讓用戶提交信息的表單文檔
任務(wù)引領(lǐng) “旅游訂購(gòu)單”
1.網(wǎng)頁(yè)交互的定義
2.表單的知識(shí)
項(xiàng)目漸近 網(wǎng)站項(xiàng)目“我心飛揚(yáng)”之
第九階段“給我留言”
拓展訓(xùn)練 “吧友注冊(cè)”設(shè)計(jì)
回味思考
模塊10 制作能提供會(huì)員注冊(cè)、登錄功能的動(dòng)態(tài)頁(yè)面知識(shí)要點(diǎn)
任務(wù)引領(lǐng)1 “網(wǎng)站服務(wù)器架設(shè)”
1.把“我”的個(gè)人電腦配置成網(wǎng)站服務(wù)器
2.還有哪些Web服務(wù)
3.如何使IIS顯示自己的網(wǎng)站
任務(wù)引領(lǐng)2 “用數(shù)據(jù)庫(kù)存儲(chǔ)賬號(hào)信息”
1.?dāng)?shù)據(jù)庫(kù)的定義
2.Access數(shù)據(jù)庫(kù)的安裝
3.Access的使用
4.?dāng)?shù)據(jù)庫(kù)
任務(wù)引領(lǐng)3 “站點(diǎn)權(quán)限設(shè)置”
1.什么情況下需要進(jìn)行站點(diǎn)權(quán)限設(shè)置
2.為什么給用戶“Everyone”完全控制的權(quán)限
任務(wù)引領(lǐng)4 “會(huì)員注冊(cè)”
1.調(diào)試中查看錯(cuò)誤信息
2.注冊(cè)登錄的實(shí)質(zhì)
3.ASP網(wǎng)頁(yè)結(jié)構(gòu)
任務(wù)引領(lǐng)5 “會(huì)員登錄與注銷”
項(xiàng)目漸近 網(wǎng)站項(xiàng)目“我心飛揚(yáng)”之
第十階段“用戶登錄”
拓展訓(xùn)練 “日記本”
回味思考
模塊11 項(xiàng)目網(wǎng)站綜合完善
11.1 項(xiàng)目網(wǎng)站最終效果
11.2 項(xiàng)目網(wǎng)站完善
11.3 項(xiàng)目網(wǎng)站總結(jié)
回味思考
參考文獻(xiàn)
附錄
附錄A HTML基礎(chǔ)
附錄B CSS基礎(chǔ)
附錄C DIV+CSS布局基礎(chǔ)