網頁設計與製作(HTML+CSS+JavaScript)(2013年高等教育出版社出版教材)

《網頁設計與製作（HTML+CSS+JavaScript）》是由張洪斌、劉萬輝主編，2013年由高等教育出版社出版的高等職業教育專業教學資源庫建設項目規劃教材。該教材可作為計算機類專業、商務類專業、藝術設計類專業的教學用書，也可作為相關專業從業人員的自學用書。。

該教材分為5個單元，重點闡述HTML語言、CSS樣式、JavaScript腳本三方面的知識，主要包括Web站點的配置與發布、HTML靜態網頁設計、HTML高級套用、CSS的套用、JavaScript編程等內容，包含配置Web站點、發布Web站點、文欄位落與圖片的設定、頁面布局、超連結的使用、表單設計、視窗框架的使用、多媒體頁面設計、CSS引用、頁面樣式設計、區塊與層的頁面布局、下拉選單的設計、表格美化的設計、表單驗證的設計等14個教學任務。

基本介紹

• 書名：網頁設計與製作（HTML+CSS+JavaScript）
• 作者：張洪斌、劉萬輝
• 類別：高等職業教育專業教學資源庫建設項目規劃教材
• 出版社：高等教育出版社
• 出版時間：2013年4月24日
• 頁數：303 頁
• 開本：16 開
• 裝幀：平裝
• ISBN：978-7-04-037210-6
• 版面字數：430千字
• CIP核字號：2013067694

成書過程

修訂過程

《網頁設計與製作（HTML+CSS+JavaScript）》按照高職高專軟體技術專業人才培養方案的要求，總結國家示範性高職院校軟體技術專業教學改革經驗編寫而成。

《網頁設計與製作（HTML+CSS+JavaScript）》由張洪斌、劉萬輝任主編，負責教材總體設計及統稿。管曙亮、闞寶朋等參與了該教材的編寫工作和相關資料的收集工作。此外，相關人員對該教材進行了審訂，並提出了修改意見。

出版工作

2013年4月24日，該教材由高等教育出版社出版。

出版社工作人員名單

職務	姓名
策劃編輯	張值勝
責任編輯	張值勝
封面設計	張志
版式設計	於婕
插圖繪製	尹莉
責任校對	劉麗嫻
責任印製	朱學忠

內容簡介

《網頁設計與製作（HTML+CSS+JavaScript）》分為5個單元，重點闡述HTML語言、CSS樣式、JavaScript腳本三方面的知識，主要包括Web站點的配置與發布、HTML靜態網頁設計、HTML高級套用、CSS的套用、JavaScript編程等內容，包含配置Web站點、發布Web站點、文欄位落與圖片的設定、頁面布局、超連結的使用、表單設計、視窗框架的使用、多媒體頁面設計、CSS引用、頁面樣式設計、區塊與層的頁面布局、下拉選單的設計、表格美化的設計、表單驗證的設計等14個教學任務。

單元1Web站點的配置與發布是個引子，主要講解網頁網站的相關概念、Web伺服器的相關知識、IIs的安裝與配置、靜態網頁的編輯與發布等。

單元2HTML靜態網頁設計是HTML的基礎部分，主要從HTML的基本結構與語法入手，進而講解HTML的基本標籤、特殊字元、列表、表格、超連結、相對與絕對路徑等知識。

單元3HTML高級套用，主要講解HTML中的表單設計、框架套用技術以及多媒體相關的知識。

單元4CSS的套用主要講述網頁中的表現層技術。重點講解CSS技術的一般套用和網頁布局方法。

單元5JavaScript編程是Web技術邏輯層，也是互動處理，重點講解JavaScript技術的核心知識和DOM技術的一般套用，通過下拉選單的設計、表格的美化設計、表單的驗證設計3個任務講解JavaScript的互動套用。

每個單元通過引例陳述引出單元的教學核心內容，明確教學任務。每個任務的編寫分為任務陳述、知識準備、任務實施、任務拓展、項目實訓五個環節。

任務陳述：簡述任務目標，展示任務實施效果；

知識準備：講解知識點，通過系列實例的實踐，邊學邊做；

任務實施：通過任務綜合套用所學知識，提高學生系統運用知識的能力；

任務拓展：強調一些擴展知識、提高知識與技巧交流；

項目實訓：在項目實施的基礎上通過“學、仿、做”達到理論與實踐統一、知識的內化與套用的教學目的。

教材目錄

單元1 Web站點的配置與發布 引例描述 任務1 配置Web站點 任務陳述 知識準備 1.1 網路基本概念 任務實施 1.實施思路與方案 2.安裝IIS 3.測試IIS 4.配置Web站點 任務拓展 1.虛擬目錄的概念 2.通過虛擬目錄搭建站點 項目實訓 企業網站的配置 任務2 發布Web站點 任務陳述 知識準備 1.2 網頁與網站 任務實施 1.實施思路與方案 2.使用“記事本”編寫一個簡單的HTML頁 3.用IIS測試、發布Web站點 任務拓展 1.編寫HTML檔案的注意事項 2.認識Dreamweaver CS5界面 3.使用虛擬實訓平台進行測試 4.域名與空間 項目實訓 免費域名的註冊與空間申請 單元小結 單元2 HTML靜態網頁設計 引例描述 任務1 文欄位落與圖片的設定 任務陳述 知識準備 2.1 HTML的基本概念 2.2 、與標籤 2.3 文字與段落 2.4 標籤 任務實施 1.實施思路與方案 2.HTML的基本結構文檔編寫 3.個人信息介紹頁面的圖文混排 4.其他頁面HTML代碼編寫 任務拓展 1.特殊字元 2.使用Dreamweaver創建與保存網頁 3.頁面屬性設定 4.網頁的基本排版 項目實訓 數字油畫藝術作品展示頁面編寫 任務2 頁面布局 任務陳述 知識準備

2.5 列表 2.6 表格 任務實施 1.實施思路與方案 2.HTML基本文檔與表格的編寫 3.網站Logo、Banner與版權資訊代碼的編寫 4.列表導航代碼的編寫 任務拓展 1.表格的嵌套 2.Dreamweaver中表格的控制 項目實訓 運用表格嵌套完成個人介紹頁面 任務3 超連結的使用 任務陳述 知識準備 2.7 超連結 任務實施 1.實施思路與方案 2.使用表格布局與設定超連結製作書法作品頁面 3.製作其他作品頁面 任務拓展 1.外部連結的使用 2.下載檔案的製作 項目實訓 企業網站主頁設計 單元小結 單元3 HTML高級套用 引例描述 任務1 表單頁面設計 任務陳述 知識準備 3.1 表單的基本概念 3.2 表單元素 任務實施 1.實施思路與方案 2.訂單信息表單設計 3.作品評價表單設計 任務拓展 1.表單框線的套用 2.使用Dreamweaver進行表單設計 項目實訓 註冊與留言表單設計 任務2 視窗框架的使用 任務陳述 知識準備 3.3 框架 任務實施 1.實施思路與方案 2.定義主框架default.html頁面 3.定義頂部嵌套top.html頁面 4.定義左側嵌套left.html頁面 5.定義右側展示頁面 任務拓展 單元4CSS的套用 單元5JavaScript編程

（註：目錄排版順序為從左列至右列）

教學資源

• 課程資源

《網頁設計與製作（HTML+CSS+JavaScript）》配套建設有“網頁設計與製作（HTML+CSS+JavaScript）”數字課程。

數字課程名稱	出版社	出版時間	內容提供者
“網頁設計與製作（HTML+CSS+JavaScript）”數字課程	高等教育出版社、高等教育電子音像出版社	2013年3月	張洪斌、劉萬輝

教材特色

1、教學內容安排遵循學生職業能力培養基本規律，具有針對性、適用性

該教材以社會調查、企業調查和對高職生源的了解為基礎，本著“學生會學，教師好用，企業需要”的原則，注意理論與實踐的一體化，並注重實效性。在知識的編寫中採用Web2.0的標準，在實際套用案例的編寫中使用企業真實案例。每個任務的編寫分為任務陳述、知識準備、任務實施、任務拓展、項目實訓五個環節。

2、教學內容與資源庫有機整合

立體化的數字教學資源包含三個方面的內容：第一，課程本身的基本信息，包括課程簡介、學習指南、課程標準、整體設計、單元設計、考核方式等；第二，教學內容的全程視頻教學資源；第三，課程拓展資源，包含課程的重難點剖析，綜合項目開發、相關培訓、認證、案例、素材資源等。教材內容滿足了常規教學的教學需要，利用現代信息技術與課程資源整合，形成“主導一主體相結合”的教學結構。

作者簡介

張洪斌：淮安信息職業技術學院質量監控辦公室主任。

劉萬輝：男，1978年生，河南鄭州人，工程碩士，副教授，淮安信息職業技術學院計算機與通信工程學院網路技術專業教師。