《網頁設計與制作案例教程》以Dream weaver 8為網頁制作工具,在網頁制作方法和設計技術方面緊跟主流技術。本教材面向課堂教學,共分為三十個教學單元。教材內容的組織突出模塊化的特點,以網頁制作知識和操作技能為依據構建模塊,分為網頁欣賞、網頁基礎、網頁制作、網頁編程、網頁特效、網頁設計、實例剖析、綜合實訓等8大模塊。
本教材不僅僅是要教會讀者如何制作網頁,更重要的是探索一種行之有效的教學方法。全書采用基于真實案例的應用導向、任務驅動教學法,圍繞4個完整的網站展開。《網頁設計與制作案例教程》適用于理論與實踐一體化教學,融“教、學、練”三者于一體,網頁制作的技能訓練分為5個環節:課堂操作演示、課堂模仿操作、課外拓展訓練、單元綜合實驗和綜合設計實訓。
本教材可作為高職高專相關專業的教材,也適用于自學網頁制作的讀者。
《網頁設計與制作案例教程》選用Dreamweaver 8作為網頁制作工具,在網頁制作方法和設計技術方面緊跟主流技術。教材內容的組織突出模塊化,以網頁制作知識和操作技能為依據構建模塊:網頁賞析-網頁制作-網頁編程-網站管理模塊-網頁設計。并設置了階梯式的實踐訓練環節:課堂操作示范-課堂模仿實踐-課外拓展實踐-單元獨立實踐-綜合項目實訓-探索網站設計。
《網頁設計與制作案例教程》是國家級精品課程配套教材,湖南省教育科學“十一五”規劃重點資助課題研究成果教材
《網頁設計與制作案例教程》采用“模塊化”的課程結構、“任務驅動”的教學方法、“階梯式”的技能訓練環節,并提供“項目化”的實踐任務、“立體化”的教學資源。《網頁設計與制作案例教程》適應于理論實踐一體化的教學,融“教、學、練”三者于一體。在內容編排中,先提出操作任務,然后介紹操作步驟,再講解操作方法,有利于實施基于真實案例的應用導向、任務驅動教學法,體現了“在做中學,學以致用”的教學理念。
《網頁設計與制作案例教程》面向課堂教學全過程設置了8個教學環節:明確知識技能目標、展示網頁瀏覽效果、分析操作任務、知識講解與操作示范、課堂實踐、疑難解析、歸納總結、布置習題。充分把握了學生的認知規律,讓學生循序漸進地掌握知識、積累經驗、訓練技能、培養能力。
在真實環境中訓練網頁制作技能
在階梯實踐中強化職業能力
面向課堂教學設置教學環節
目前,高職高專教育已經成為我國普通高等教育的重要組成部分。在高職高專教育如火如荼的發展形勢下,高職高專教材也百花齊放。根據教育部發布的《關于全面提高高等職業教育教學質量的若干意見》(簡稱16號文)的文件精神,本著為進一步提高高等教育的教學質量和服務的根本目的,同時針對高職高專院校計算機教學思路和方法的不斷改革和創新,人民郵電出版社精心策劃了這套高質量、實用型的教材——“高等職業院校計算機教育規劃教材”。
本套教材中的絕大多數品種是我社多年來高職計算機精品教材的積淀,都經過了廣泛的市場檢驗,贏得了廣大師生的認可。為了適應新的教學要求,緊跟新的技術發展,我社再一次組織了廣泛深入的調研,組織了上百名教師、專家對原有教材做認真的分析和研討,在此基礎上重新修訂出版。
本套教材中雖然還有一部分品種是首次出版,但其原稿也經過實際教學的檢驗并不斷完善。因此,本套教材集中反映了高職院校近幾年來的教學改革成果,是教師們多年來教學經驗的總結。本套教材中的每一部作品都特色鮮明,集高質量與實用性為一體。
本套教材的作者都具有豐富的教學經驗和寫作經驗,思路清晰,文筆流暢。教材編寫充分體現高職高專教學的特點,深入淺出,言簡意賅。理論知識以“夠用”為度,突出工作過程導向,突出實際技能的培養。
第1章 優秀網站賞析
1.1 公司類網站賞析
1.2 旅游類網站賞析
1.3 體育類網站賞析
1.4 教育培訓類網站賞析
1.5 班級網站賞析
課堂實踐
疑難解析
課外拓展實踐
本章小結
習題
第2章 網頁制作基礎
2.1 網站和網頁的基礎知識
2.2 網頁的基本構成元素
2.3 制作網頁的工具概述
2.4 初識Dreamweaver 8中文版
課堂實踐
課外拓展實踐
本章小結
習題
第3章 站點的創建與管理
3.1 站點的創建
3.2 站點的管理
3.3 管理網站中的文件和文件夾
3.4 使用“資源”面板管理網站中的資源
3.5 網頁文檔的基本操作
課堂實踐
疑難解析
課外拓展實踐
本章小結
習題
第4章 頁面的整體控制
4.1 參數設置
4.2 設置頁面屬性
4.3 設置文件頭內容
4.4 輔助工具的使用
課堂實踐
疑難解析
課外拓展實踐
本章小結
習題
第5章 文本操作
5.1 在網頁中輸入文本
5.2 在網頁中編輯文本
5.3 插入相關文本要素
5.4 文本的格式化
課堂實踐
疑難解析
課外拓展實踐
本章小結
習題
第6章 圖像操作
6.1 圖像概述
6.2 圖像操作
6.3 插入相關圖像元素
課堂實踐
疑難解析
課外拓展實踐
本章小結
第7章 網頁的布局
7.1 使用表格布局網頁
課堂實踐
疑難解析
課外拓展實踐
7.2 使用布局表格布局網頁
課堂實踐
疑難解析
課外拓展實踐
7.3 使用層布局網頁
課堂實踐
疑難解析
課外拓展實踐
7.4 使用框架布局網頁
課堂實踐
疑難解析
課外拓展實踐
7.5 利用模板和庫制作網頁
課堂實踐
疑難解析
課外拓展實踐
本章小結
習題
第8章 網頁中的動感元素
8.1 Flash文件類型
8.2 插入Flash
8.3 插入Flash按鈕和Flash文本
課堂實踐
疑難解析
課外拓展實踐
本章小結
第9章 超級鏈接與導航欄
9.1 超級鏈接概述
9.2 創建超級鏈接
9.3 導航欄簡介
課堂實踐
疑難解析
課外拓展實踐
本章小結
習題
第10章 創建表單網頁
10.1 表單概述
10.2 插入表單元素
課堂實踐
疑難解析
課外拓展實踐
本章小結
習題
第11章 HTML
11.1 HTML簡介
11.2 Dreamweaver 8的HTML源代碼編輯功能
11.3 HTML標記
課堂實踐
疑難解析
課外拓展實踐
本章小結
習題
第12章 使用CSS美化網頁
12.1 CSS概述
12.2 使用CSS美化頁面
課堂實踐
疑難解析
課外拓展實踐
本章小結
習題
第13章 JavaScript技術
13.1 JavaScript概述
13.2 JavaScript的應用舉例
13.3 JavaScript的基本語法
13.4 JavaScript的對象
13.5 JavaScript代碼嵌入HTML文檔的方法
課堂實踐
疑難解析
課外拓展實踐
本章小結
習題
第14章 制作網頁特效
14.1 使用腳本制作特效
14.2 使用行為制作特效
14.3 使用時間軸制作特效
14.4 使用插件制作特效
課堂實踐
疑難解析
課外拓展實踐
本章小結
習題
第15章 網站規劃與網頁設計
15.1 網站的規劃與開發流程
15.2 網頁的設計原理與技巧
15.3 網頁設計的規范
課堂實踐
課外拓展實踐
本章小結
習題
第16章 網站的測試、發布與維護
16.1 網站的測試
16.2 申請域名與申請空間
16.3 網站的發布
16.4 網站的宣傳與推廣
16.5 網站的維護與更新
本章小結
習題
第17章 網頁制作綜合實例
17.1 規劃網站
17.2 準備素材
17.3 創建網站
17.4 網站首頁的設計與制作
17.5 制作二級欄目網頁和內容網頁
17.6 設置首頁的超級鏈接
17.7 制作首頁彈出式菜單
17.8 查看與設置站點地圖
17.9 測試網站
17.10 發布網站
本章小結
附錄A 網頁設計與制作實驗
實驗1 創建本地站點,整體控制頁面
實驗2 文本操作與圖像操作
實驗3 網頁布局之一
實驗4 網頁布局之二
實驗5 動感元素與超級鏈接
實驗6 創建表單網頁
實驗7 CSS樣式與JavaScript技術的綜合應用
實驗8 綜合網頁制作
附錄B 網頁制作綜合實訓
2.圖像
豐富多彩的圖像是美化網頁必不可少的元素,用于網頁上的圖像一般為JPG格式和GIF格式。網頁中的圖像主要有用于點綴標題的小圖片,介紹性的照片,代表企業形象或欄目內容的標志性圖片(即Logo),用于宣傳的廣告(即Banner)等多種形式。
3.超級鏈接
超級鏈接是Web網頁的主要特色,是指從一個網頁指向另一個目的端的鏈接。這個“目的端”通常是另一個網頁,也可以是下列情況之一:相同網頁上的不同位置、一個下載的文件、一幅圖片、一個E-mail地址等。超級鏈接可以是文本、按鈕或圖片,鼠標指針指向超級鏈接位置時,會變成小手形狀。
4.導航欄
導航欄是一組超級鏈接,用來方便地瀏覽站點。導航欄一般由多個按鈕或者多個文本超級鏈接組成。
5.動畫
動畫是網頁中最活躍的元素,創意出眾、制作精致的動畫是吸引瀏覽者眼球的有效方法之一。但是如果網頁動畫太多,也會物極必反,使人眼花繚亂,進而產生視覺疲勞。
6.表格
表格是HTML語言中的一種元素,主要用于網頁內容的布局,組織整個網頁的外觀,通過表格可以精確地控制各網頁元素在網頁中的位置。
7.框架
框架是網頁的一種組織形式,將相互關聯的多個網頁的內容組織在一個瀏覽器窗口中顯示。例如在一個框架內放置導航欄,另一個框架中的內容可以隨單擊導航欄中的鏈接而改變。
8.表單
表單是用來收集訪問者信息或實現一些交互作用的網頁,瀏覽者填寫表單的方式是輸入文本、選中單選按鈕或復選框、從下拉菜單中選擇選項等。
網頁中除了上述這些最基本的構成元素外,還包括橫幅廣告、字幕、懸停按鈕、日戳、計數器、音頻、視頻、Java Applet等元素。