本書突出項目化教學的特點,按照網頁設計與制作的相關流程與應掌握的實踐技能構建教學項目。根據相關知識點,本書將內容劃分為初識站點、網頁的基本元素——文本和圖像、網頁布局技術、表單、美化網頁、ASP動態網頁技術、站點測試7個大項目,共18項任務。 全書基于真實案例,以應用為導向,采用任務驅動的教學法,融“教、學、練”于一體,把Dreamweaver的大量知識點細化到18項任務中講解,并針對相關的知識點深化、拓展,循序漸進、直觀明了地闡述了Dreamweaver CS6的各種功能,可加深讀者的理解,具有較強的可讀性和可操作性。 本書是一本為高職院校學生量身定做的網頁設計和制作教材,適合計算機相關專業、數字媒體、電子商務專業教學使用,也適合網頁制作培訓班學員和網頁制作愛好者學習參考。
本書采用任務驅動的教學理念設計并組織全書內容,融“教、學、練”于一體。作者根據網頁設計的知識結構和Dreamweaver CS6的相關功能,共設計了7個項目,將每個項目又劃分為一項或多項子任務,每項任務都精心設計了具體的操作流程,盡可能多地積聚需重點掌握的制作環節和知識點。
全書結構新穎,每項任務都包含技能目標、知識目標、工作任務、相關理論知識的探究、知識能力的拓展等環節,以便學有余力的同學能夠掌握更多的知識。此外,編者把Dreamweaver CS6的大量功能和制作知識點細化到各項任務中去講解,并針對相關的知識點深化、拓展,循序漸進、直觀明了地闡述了Dreamweaver CS6的制作功能,加深讀者的理解,具有較強的可讀性和可操作性。
為了使本書更能符合高職學生的實際情況,編者在設計教學內容的組織與編寫過程中更多地考慮到實際開發與教學相結合的思路,使相應的理論知識在精練歸納后的任務技能實訓過程中得到理解和掌握,教學內容按照由簡單到復雜、由局部到整體、由易到難組織,以便學生能夠循序漸進地、合理地組織學習知識、訓練技能。讀者在學習過程中,只需按照相關實踐知識中對應的步驟完成工作任務,就能較快地理解網頁的設計與制作流程。
本書設計的課程教學內容劃分為7個教學項目,共18項教學任務,如下表所示。教師在教學過程中,可以靈活地采用先講后練、先練后講或者邊講邊練的方式進行。
教學任務安排
項目組織任務驅動模塊設計教 學 重 點
項目1初識站點
任務1網站欣賞
分析優秀網頁的布局結構、顏色搭配等
任務2構建簡單的Web站點
創建本地網站、Dreamweaver CS6工作環境、網頁制作基礎知識
任務3網站項目的開發與組織
網站設計的流程、SEO搜索引擎、靈活Web設計
項目2網頁的基本元素——文本和圖像
任務4文本的操作
文本操作、特殊文本、超鏈接與文本超鏈接
任務5圖像的操作
認識圖像、圖像超鏈接、加快頁面下載速度
項目3網頁布局技術
任務6布局技術之一——表格
表格、嵌套表格、布局模式
任務7布局技術之二——層AP Div
AP元素與表格的轉換、拖動AP元素行為、顯示隱藏元素行為
任務8布局技術之三——Div+CSS
Div+CSS布局
任務9布局技術之四——框架
框架和框架集、創建自定義框架和框架集、內聯框架iFrame
任務10布局技術之五——模板和庫
模板、庫項目、資源的應用
續表
項目組織任務驅動模塊設計教 學 重 點
項目4表單
任務11表單和Spry表單構件
表單及表單對象、Spry表單構件、制作具有校檢功能的會員注冊表單、檢查表單行為
項目5美化網頁
任務12使用CSS美化網頁
CSS層疊樣式表、CSS濾鏡
任務13動感頁面——多媒體
網頁中的動感元素、Spry組件
任務14網頁特效——行為
行為與事件、行為的應用、內置行為
任務15網頁特效——插件
插件、檢查插件行為
項目6ASP動態網頁技術
任務16搭建服務器平臺
ASP技術、建立虛擬目錄、Access數據庫、ADO技術、連接數據庫
任務17動態網頁
綁定數據庫制作注冊頁面、制作登錄頁面、SQL查詢、數據庫的應用
項目7站點測試
任務18站點測試與維護
管理網站、網站發布、維護站點、網站的宣傳
課外拓展實踐
根據課堂所學習的操作方法,選擇一個主題,學生自己動手制作網頁
工學結合網站開發項目
網頁設計與制作的知識和技能的綜合應用,提高網頁制作實戰技能和崗位適應能力
本書設計的項目導向、任務驅動教學還存在一定的局限性,還需要經過教學實踐的證實與提煉。由于這是一項嘗試性的教學改革思路,所以在內容的組織與歸納總結方面,難免存在不足之處,還有待于在實踐中得到進一步完善。
本書已列為2009年浙江省“十一五”重點建設教材資助計劃。
本書的編寫得到了浙江育英職業技術學院教授、高級工程師、浙江省教學名師秦學禮老師的指導與大力支持,大舟電子商務有限公司董事長兼總經理劉豪偉給予了相關技術支持。
本書由汪迎春老師任主編并負責統稿,秦學禮、李向東任副主編。具體編寫分工如下: 項目1由秦學禮編寫,項目2由劉豪偉和陳薇編寫,項目3由汪迎春編寫,項目4由杭州職業技術學院高詠梅副教授編寫,項目5由徐利華、陳靜編寫,項目6由李向東編寫,項目7由管瑞霞編寫。在編寫過程中還參閱了大量的相關教材和專業書籍,在此一并向各位專家及各位參考書籍的編者表示感謝!相關的教學素材可在清華大學出版社網站下載,也可和編者聯系。
鑒于編寫者水平有限,書中難免有不足之處,歡迎各位專家和廣大讀者不吝賜教、批評、指正,電子郵件發送至wycszjsjy@126.com。
編者
2014年6月
項目1初識站點
1.1任務1網站欣賞
1.1.1分類網站欣賞
1.1.2問題探究——網站分類
1.1.3知識拓展——網頁布局與配色
1.1.4知識拓展——Dreamweaver CS6新增功能
1.2任務2構建簡單的Web站點
1.2.1創建本地站點
1.2.2問題探究——管理本地站點
1.2.3知識拓展——Dreamweaver工作區布局
1.2.4知識拓展——網頁制作基礎知識
1.2.5知識拓展——超文本置標語言HTML
1.3任務3網站項目的開發與組織
1.3.1網站需求分析的基本流程
1.3.2問題探究——網站設計的主要流程
1.3.3知識拓展——SEO搜索引擎優化
1.4項目小結
1.5習題
項目2網頁的基本元素——文本和圖像
2.1任務4文本的操作
2.1.1編輯文本
2.1.2問題探究——文本操作
2.1.3知識拓展——特殊文本
2.1.4知識拓展——超鏈接與文本超鏈接
2.2任務5圖像的操作
2.2.1設置圖像
2.2.2問題探究——認識圖像
2.2.3知識拓展——圖像超鏈接
2.3項目小結
2.4上機操作練習
2.5習題
項目3網頁布局技術
3.1任務6布局技術之一——表格
3.1.1使用表格搭建頁面
3.1.2問題探究——認識表格
3.1.3知識拓展——標準模式和擴展表格模式
3.2任務7布局技術之二——層AP Div
3.2.1使用層AP Div搭建頁面
3.2.2問題探究——認識層AP Div
3.2.3知識拓展——AP元素與表格的轉換
3.2.4知識拓展——拖動AP元素行為
3.2.5知識拓展——顯示隱藏元素行為
3.3任務8布局技術之三——Div+CSS
3.3.1使用Div+CSS搭建頁面
3.3.2問題探究——Web標準與CSS層疊樣式表
3.3.3問題探究——Div+CSS布局
3.3.4知識拓展——使用預設CSS布局創建頁面
3.4任務9布局技術之四——框架
3.4.1使用框架搭建頁面
3.4.2問題探究——框架和框架集
3.4.3知識拓展——創建自定義框架和框架集
3.4.4知識拓展——內聯框架iFrame
3.5任務10布局技術之五——模板和庫
3.5.1使用模板搭建頁面
3.5.2問題探究——模板
3.5.3知識拓展——庫項目的應用
3.5.4知識拓展——資源的應用
3.6項目小結
3.7上機操作練習
3.8習題
項目4表單
4.1任務11表單和Spry表單構件
4.1.1創建表單
4.1.2問題探究——表單及表單對象
4.1.3知識拓展——表單驗證
4.1.4知識拓展——Spry表單構件
4.2項目小結
4.3上機操作練習
4.4習題
項目5美化網頁
5.1任務12使用CSS美化網頁
5.1.1使用CSS美化網頁
5.1.2問題探究——CSS濾鏡
5.1.3知識拓展——動態鏈接CSS樣式
5.2任務13動感頁面——多媒體
5.2.1運用多媒體裝飾頁面
5.2.2問題探究——動感元素多媒體
5.2.3知識拓展——Spry框架
5.3任務14網頁特效——行為
5.3.1使用行為制作特效
5.3.2問題探究——認識行為
5.3.3知識拓展——行為的應用
5.3.4知識拓展——內置行為
5.4任務15網頁特效——插件
5.4.1運用插件制作頁面特效
5.4.2問題探究——插件
5.4.3知識拓展——檢查插件行為
5.5項目小結
5.6上機操作練習
5.7習題
項目6ASP動態網頁技術
6.1任務16搭建服務器平臺
6.1.1安裝與配置IIS
6.1.2問題探究——ASP概述
6.1.3知識拓展——ADO組件
6.2任務17動態網頁
6.2.1創建動態頁面
6.2.2問題探究——ASP與數據庫連接
6.2.3知識拓展——SQL語言
6.2.4知識拓展——Session對象
6.2.5知識拓展——數據庫的應用
6.3項目小結
6.4上機操作練習
6.5習題
項目7站點測試
7.1任務18站點測試與維護
7.1.1測試站點
7.1.2使用設計備注管理站點信息
7.1.3知識拓展——網站發布
7.1.4知識拓展——維護站點
7.1.5知識拓展——網站的宣傳
7.2項目小結
7.3上機操作練習
7.4習題
參考文獻