産品特色

編輯推薦

　　零基礎、入門級的講解

　　無論您是否從事計算機相關行業，是否接觸過網頁製作和設計，都能從本書中找到*佳起點。

　　超多、實用、專業的範例和項目

　　本書在編排上緊密結閤深入學習網頁製作技術的先後過程，從HTML 5的基本概念開始，帶領大傢逐步深入地學習各種應用技巧，側重實戰技能，使用簡單易懂的實際案例進行分析和操作指導，讓讀者讀起來簡明輕鬆，操作起來有章可循。

　　隨時檢測自己的學習成果

　　每章首頁中，均提供瞭學習目標，以指導讀者重點學習及學後檢查。

　　大部分章*後的“跟我學上機”闆塊，均根據本章內容精選而成，讀者可以隨時檢測自己的學習成果和實戰能力，做到融會貫通。

　　細緻入微、貼心提示

　　本書在講解過程中，在各章中使用瞭“注意”“提示”“技巧”等小貼士，使讀者在學習過程中更清楚地瞭解相關操作、理解相關概念，並輕鬆掌握各種操作技巧。

　　專業創作團隊和技術支持

　　本書由韆榖高新教育中心編著和提供技術支持。

　　您在學習過程中遇到任何問題，可加入QQ群進行提問，專傢人員會在綫答疑。

　　超值資源大放送

　　全程同步教學錄像

　　涵蓋本書所有知識點，詳細講解每個實例及項目的過程及技術關鍵點。比看書更輕鬆地掌握書中所有的網頁製作和設計知識，而且擴展的講解部分使您得到比書中更多的收獲。

　　超多容量資源

　　贈送大量資源，包括實例源代碼、教學幻燈片、本書精品教學視頻、88個實用類網頁模闆、12部網頁開發必備參考手冊、HTML 5標簽速查手冊、精選的JavaScript實例、CSS 3屬性速查錶、JavaScript函數速查手冊、CSS+DIV布局賞析案例、精彩網站配色方案賞析、網頁樣式與布局案例賞析、Web前端工程師常見麵試題等。讀者可以通過QQ群獲取贈送資源，也可以掃描二維碼，下載本書資源。

內容簡介

　　《HTML 5+CSS 3+JavaScript網頁設計案例課堂(第2版)》以零基礎講解為宗旨，用實例引導讀者深入學習，采取【HTML 5網頁設計→CSS 3美化網頁→JavaScript動態特效→綜閤案例實戰】的講解模式，深入淺齣地講解CSS+DIV的各項技術及實戰技能。

　　《HTML 5+CSS 3+JavaScript網頁設計案例課堂(第2版)》第I篇主要內容包括初識HTML 5、HTML 5網頁的文檔結構、HTML 5網頁中的文本和圖像、用HTML 5建立超鏈接、用HTML 5創建錶格、用HTML 5創建錶單、用HTML 5繪製圖形、HTML 5中的音頻和視頻等；第II篇主要內容包括CSS 3概述與基本語法、用CSS 3美化網頁字體與段落、用CSS 3美化網頁圖片、用CSS 3美化網頁背景與邊框、用CSS 3美化超級鏈接和鼠標、用CSS 3美化錶格和錶單的樣式、用CSS 3美化網頁菜單、用濾鏡美化網頁元素、CSS 3中的動畫效果等；第III篇主要內容包括JavaScript編程基本知識、JavaScript的程序控製結構與語句、JavaScript中的函數、JavaScript對象編程、JavaScript的內置對象、HTML 5、CSS 3和JavaScript的綜閤應用等；第IV篇主要內容包括製作企業門戶類網頁、製作在綫購物類網頁、移動設備類型網站開發。

　　《HTML 5+CSS 3+JavaScript網頁設計案例課堂(第2版)》適閤任何想學習網頁前颱網頁設計與布局的人員，無論您是否從事計算機相關行業，是否接觸過HTML 5、CSS 3和JavaScript，通過學習均可快速掌握HTML 5+CSS 3+JavaScript的設計方法和技巧。

作者簡介

　　劉春茂，本科畢業於上海復旦大學，碩士畢業於清華大學。曾在美國IBM公司移動産品開發組從事Android平颱應用的開發。

　　擅長的核心技術

　　媒體和教育領域個性化信息推薦，網站用戶行為數據挖掘，健康領域非結構化數據處理。

　　擅長的其他技術

　　熟悉各種網站和手機（Andorid和iOS）app的開發等，精通Java, C/C++, PHP, Python等流行語言並對Hadoop， MapReduce等大數據框架有深入研究。

目錄

第1篇 HTML 5網頁設計

第1章 初識HTML 5 3
1.1 HTML 5的基本概念 4
1.1.1 HTML的發展曆程 4
1.1.2 什麼是HTML 5 4
1.1.3 HTML 5文件的基本結構 5
1.2 HTML 5的優勢 5
1.2.1 解決瞭跨瀏覽器問題 5
1.2.2 新增瞭多個新特性 5
1.2.3 用戶優先的原則 6
1.2.4 化繁為簡的優勢 7
1.3 HTML 5文件的編寫方法 7
1.3.1 使用記事本手工編寫HTML 5 7
1.3.2 使用Dreamweaver CC編寫
HTML文件 8
1.4 使用瀏覽器查看HTML 5文件 12
1.4.1 查看頁麵效果 12
1.4.2 查看源文件 13
1.5 疑難解惑 13
第2章 HTML 5網頁的文檔結構 15
2.1 HTML 5文件的基本結構 16
2.1.1 HTML 5頁麵的整體結構 16
2.1.2 HTML 5新增的結構標記 16
2.2 HTML 5基本標記詳解 17
2.2.1 文檔類型說明 17
2.2.2 HTML標記 17
2.2.3 頭標記head 18
2.2.4 網頁的主體標記body 20
2.2.5 頁麵注釋標記 21
2.3 HTML 5語法的變化 22
2.3.1 標簽不再區分大小寫 22
2.3.2 允許屬性值不使用引號 22
2.3.3 允許部分屬性的屬性值省略 23
2.4 綜閤案例——符閤W3C標準的
HTML 5網頁 23
2.5 跟我學上機——簡單的HTML 5
網頁 25
2.6 疑難解惑 26
第3章 HTML 5網頁中的文本和圖像 27
3.1 在網頁中添加文本 28
3.1.1 普通文本的添加 28
3.1.2 特殊字符文本的添加 28
3.1.3 使用HTML 5標記添加特殊
文本 30
3.2 文本排版 32
3.2.1 換行標記
32
3.2.2 段落標記

32
3.2.3 標題標記

~

33
3.3 文字列錶 34
3.3.1 建立無序列錶

34
3.3.2 建立有序列錶
36
3.3.3 建立不同類型的無序列錶 37
3.3.4 建立不同類型的有序列錶 38
3.3.5 建立嵌套列錶 38
3.3.6 自定義列錶 39
3.4 網頁中的圖像 40
3.4.1 在網頁中插入圖像 40
3.4.2 設置圖像的寬度和高度 42
3.4.3 設置圖像的提示文字 43
3.4.4 將圖片設置為網頁背景 44
3.4.5 排列圖像 45
3.5 綜閤案例——圖文並茂的房屋裝飾裝修
網頁 45
3.6 跟我學上機——在綫購物網站的産品
展示效果 47
3.7 疑難解惑 48
第4章 用HTML 5建立超鏈接 49
4.1 URL的概念 50
4.1.1 URL的格式 50
4.1.2 URL的類型 50
4.2 超鏈接標記

精彩書摘

　　第2章 HTML 5網頁的文檔結構

　　一個完整的HTML 5網頁文檔包括標題、段落、列錶、錶格、繪製的圖形以及各種嵌入對象，這些對象統稱為HTML 5元素。本章詳細介紹HTML 5網頁文檔的基本結構。

　　2.1 HTML 5文件的基本結構

　　在一個HTML 5文檔中，必須包含標記，並且放在一個HTML 5文檔中的開始和結束位置。即每個文檔以開始，以結束。之間通常包含兩個部分，分彆為和。HEAD標記包含HTML頭部信息，如文檔標題、樣式定義等。BODY包含文檔主體部分，即網頁內容。需要注意的是，HTML標記不區分大小寫。

　　2.1.1 HTML 5頁麵的整體結構

　　為瞭便於讀者從整體上把握HTML 5的文檔結構，我們通過一個HTML 5頁麵來介紹HTML 5頁麵的整體結構，示例代碼如下：

　　網頁內容

　　從上麵的代碼可以看齣，一個基本的HTML 5頁麵由以下幾個部分構成。

　　(1) 聲明。該聲明必須位於HTML 5文檔中的第一行，也就是位於標記之前。該標記告知瀏覽器文檔所使用的HTML規範。聲明不屬於HTML標記；它是一條指令，告訴瀏覽器編寫頁麵所用的標記的版本。由於HTML 5版本還沒有得到瀏覽器的完全認可，後麵介紹時還采用以前的通用標準。

　　(2) 標記。說明本頁麵是用HTML語言編寫的，使瀏覽器軟件能夠準確無誤地解釋和顯示。

　　(3) 標記。是HTML的頭部標記，頭部信息不顯示在網頁中，此標記內可以包含一些其他標記，用於說明文件標題和整個文件的一些公用屬性。

　　……

前言/序言

　　前 言

　　“網站開發案例課堂”係列圖書是專門為辦公技能和網頁設計初學者量身定製的一套學習用書。整套書涵蓋高效辦公、網站開發、數據庫設計等方麵。整套書具有以下幾個特點。

　　前沿科技

　　無論是網站建設、數據庫設計還是HTML 5、CSS 3，我們都精選較為前沿或者用戶群最大的領域推進，幫助大傢認識和瞭解最新動態。

　　權威的作者團隊

　　組織國傢重點實驗室和資深應用專傢聯手編著該套圖書，融閤豐富的教學經驗與優秀的管理理念。

　　學習型案例設計

　　以技術的實際應用過程為主綫，全程采用圖解和同步多媒體結閤的教學方式，生動、直觀、全麵地剖析使用過程中的各種應用技能，降低難度以提升學習效率。

　　為什麼要寫這樣一本書

　　目前，HTML 5、CSS 3和JavaScript是網頁製作和設計的黃金搭檔。特彆是HTML 5的齣現，大大減輕瞭前端開發者的工作量，降低瞭開發成本。目前學習和關注的人越來越多，而很多網頁製作和設計的初學者都苦於找不到一本通俗易懂、容易入門和案例實用的參考書。通過本書的案例實訓，讀者可以很快地上手流行的工具，提高職業化能力，從而幫助解決公司與學生的雙重需求問題。

　　本書特色

　　零基礎、入門級的講解

　　無論您是否從事計算機相關行業，是否接觸過網頁製作和設計，都能從本書中找到最佳起點。

　　超多、實用、專業的範例和項目

　　本書在編排上緊密結閤深入學習網頁製作技術的先後過程，從HTML 5的基本概念開始，帶領大傢逐步深入地學習各種應用技巧，側重實戰技能，使用簡單易懂的實際案例進行分析和操作指導，讓讀者讀起來簡明輕鬆，操作起來有章可循。

　　隨時檢測自己的學習成果

　　每章首頁中，均提供瞭學習目標，以指導讀者重點學習及學後檢查。

　　大部分章最後的“跟我學上機”闆塊，均根據本章內容精選而成，讀者可以隨時檢測自己的學習成果和實戰能力，做到融會貫通。

　　細緻入微、貼心提示

　　本書在講解過程中，在各章中使用瞭“注意”“提示”“技巧”等小貼士，使讀者在學習過程中更清楚地瞭解相關操作、理解相關概念，並輕鬆掌握各種操作技巧。

　　專業創作團隊和技術支持

　　本書由韆榖高新教育中心編著和提供技術支持。

　　您在學習過程中遇到任何問題，可加入QQ群(案例課堂VIP)——451102631進行提問，專傢人員會在綫答疑。

　　超值資源大放送

　　全程同步教學錄像

　　涵蓋本書所有知識點，詳細講解每個實例及項目的過程及技術關鍵點。比看書更輕鬆地掌握書中所有的網頁製作和設計知識，而且擴展的講解部分使您得到比書中更多的收獲。

　　超多容量王牌資源

　　贈送大量王牌資源，包括實例源代碼、教學幻燈片、本書精品教學視頻、88個實用類網頁模闆、12部網頁開發必備參考手冊、HTML 5標簽速查手冊、精選的JavaScript實例、CSS 3屬性速查錶、JavaScript函數速查手冊、CSS+DIV布局賞析案例、精彩網站配色方案賞析、網頁樣式與布局案例賞析、Web前端工程師常見麵試題等。讀者可以通過QQ群(案例課堂VIP)——451102631獲取贈送資源，也可以掃描二維碼，下載本書資源。

　　讀者對象

　　沒有任何網頁設計基礎的初學者。

　　有一定的HTML 5和CSS 3基礎，想精通網頁製作和設計的人員。

　　有一定的HTML 5和CSS 3基礎，沒有項目經驗的人員。

　　正在進行畢業設計的學生。

　　大專院校及培訓學校的老師和學生。

　　創作團隊

　　本書由劉春茂編著，參加編寫的人員還有劉玉萍、張金偉、蒲娟、周佳、付紅、李園、郭廣新、侯永崗、王攀登、劉海鬆、孫若淞、王月嬌、包慧利、陳偉光、鬍同夫、王偉、展娜娜、李琪、梁雲梁和周浩浩。在編寫過程中，我們竭盡所能地將最好的講解呈現給讀者，但也難免有疏漏和不妥之處，敬請不吝指正。

　　編 者