HTML與CSS網頁設計是動漫設計與制作、視覺效果設計、多媒體技術、計算機網絡技術等專業的必修課程,也是許多計算機愛好者所希望掌握的技能。
《HTML與CSS網頁設計教學做一體化教程》采用教、學、做一體化模式,以核心知識、能力目標、任務驅動和實踐環節為單元組織《HTML與CSS網頁設計教學做一體化教程》的體系結構。精選大量的真實案例,循序漸進地介紹了使用HTML和CSS創建網頁以及進行頁面布局的基礎知識。注重結合實例講解一些難點和關鍵技術,在實例上側重實用性和啟發性。特別強調知識點的能力目標,通過合理的任務驅動和實踐環節提高靜態網頁制作的能力。全書分為12章,內容包括:初始HTML、HTML文件基本標記、文字布局與文字效果、列表、圖像與多媒體、超鏈接、表格、表單與頁面控件、框架與浮動窗口、JavaScript、CSS、地址簿網站的布局。
《HTML與CSS網頁設計教學做一體化教程》不僅適合作為高等院校動漫設計與制作、計算機網絡技術等專業的相關課程教材,而且特別適合于作為“教、學、做”一體化的教材。
本教材采用教學做一體化的方式撰寫,合理地組織學習單元,并將每個單元分解為核心知識、能力目標、任務驅動、實踐環節4個模塊,體現教學做一體化過程。
每個單元的核心知識點強調在靜態網頁制作中最重要和實用的知識,能力目標強調使用核心知識點進行靜態網頁制作的能力,需要完成的任務中的“任務模板”起著訓練靜態網頁制作能力的作用,其中的任務總結主要總結任務中涉及的重要技巧、注意事項以及擴展知識,通過該“任務模板”的訓練,讀者有能力完成后續的實踐環節。第1章主要介紹HTML文件的基本結構以及如何運行HTML文件。第2章是HTML文件基本標記,在核心知識點和任務的安排方面特別注重訓練初學者應當掌握和理解重要的基礎知識以及知識點的能力目標。第3章是文字布局與文字效果,在任務安排上注重結合實際問題訓練讀者熟練地設計網頁中的文字布局與文字效果。第4章是列表,著重講解在網頁中使用列表設計結構化的、易讀的文本。第5章是圖像與多媒體,在任務安排上注重結合實際問題訓練讀者熟練地使用圖像與多媒體美化網頁。第6章是超鏈接,主要講述了在網頁中如何使用超鏈接。第7章是表格,重點介紹了表格的創建、屬性以及結構。第8章是本書的重點內容之一,主要講述在網頁中使用表單實現程序與用戶的交互。第9章介紹了框架與浮動窗口的用法。第10章是JavaScript,重點介紹了JavaScript的基本語法,在任務安排上注重結合實際問題訓練讀者在網頁中熟練地使用JavaScript完成客戶端的特定功能。第11章是本書的重點內容之一,主要介紹了CSS的基本語法、經典的網頁布局。第12章是一個綜合網站案例,通過一個小型的地址簿網站,講述如何采用DIV+CSS進行網站的前臺布局設計。
本教材特別注重引導學生參與課堂教學活動,適合高等院校相關專業作為教、學、做一體化的教材。
本教材的示例和任務模板的源程序以及電子教案可以在清華大學出版社網站免費下載,以供讀者和教學使用。
由于編者水平有限,書中難免存在錯誤和疏漏之處,敬請廣大讀者給予批評指正。
第1章 初始HTML
1.1 HTML文件的基本結構
1.2 使用記事本編寫HTML頁面
1.3 使用Eclipse編寫HTML頁面
1.4 小結
習題1
第2章 HTML文件基本標記
2.1 head和title標記
2.2 使用meta標記定義編碼方式、定時跳轉以及過渡效果
2.3 使用body標記設置背景色和文字顏色
2.4 使用body標記設置背景圖片和邊距
2.5 小結
習題2
第3章 文字布局與文字效果
3.1 標題標記
3.2 使用font標記設計文字的大小、字體以及顏色
3.3 粗體與斜體
3.4 上標與下標
3.5 刪除線與下畫線
3.6 使用p標記設計段落格式
3.7 水平線
3.8 文字滾動
3.9 小結
習題3
第4章 列表
4.1 無序列表
4.2 有序列表
4.3 嵌套序列表
4.4 小結
習題4
第5章 圖像與多媒體
5.1 在網頁中使用圖像
5.2 添加網頁背景音樂
5.3 在網頁中使用多媒體
5.4 小結
習題5
第6章 超鏈接
6.1 在網頁中使用基本超鏈接
6.2 在網頁中使用錨點鏈接
6.3 在網頁中使用其他鏈接
6.4 小結
習題6
第7章 表格
7.1 創建表格
7.2 設置表格的寬度、高度以及對齊方式
7.3 設置表格的邊框
7.4 設置表格的背景
7.5 設置表格的行屬性
7.6 設置表格的單元格屬性
7.7 表格的嵌套
7.8 表格的結構
7.9 小結
習題7
第8章 表單與頁面控件
8.1 表單標記form
8.2 input標記——文本框與密碼框
8.3 input標記——單選按鈕與復選框
8.4 input標記——按鈕
8.5 input標記——圖像域、隱藏域以及文件域
……
第9章 框架與浮動窗口
第10章 JavaScript
第11章 CSS
第12章 地址簿網站的布局