●第1章 Web基礎知識
1.1 Web前端開發
1.1.1 什麼是前端開發
1.1.2 前端開發要學哪些內容
1.2 Web工作原理
1.2.1 因特網與萬維網
1.2.2 Web架構
1.2.3 協議
1.2.4 服務器
1.2.5 什麼是網頁
1.2.6 瀏覽器的工作原理
1.2.7 網頁與網站的關繫
1.3 HTML概念與HTML5的聯繫
1.3.1 什麼是HTML
1.3.2 HTML到XHTML
1.3.3 HTML5的發展
1.4 HTML文件的基本標記
1.4.1 開始標簽
1.4.2 頭部標簽
1.4.3 標題標簽
1.4.4 主體標簽
1.4信息標簽
1.4.6 標簽
綜合實戰 制作我的第一個網頁
課後作業 簡單網頁的制作方法
第2章 填充網頁內容
2.1 網頁中文字和段落
2.1.1 標題文字
課堂練習：制作大小不同的標題
2.1.2 文字對齊
課堂練習：使用align設置對齊方式
2.1.3 文字字體
課堂練習：字體的設置
2.1.4 段落換行
課堂練習：給文字換行
2.1.5 字體顏色
課堂練習：給文字設置色彩
2.1.6 文字的上標和下標
課堂練習：制作數學方程式
2.1.7 文字刪除線
課堂練習：刪除線的制作
2.1.8 文字不換行
課堂練習：制作文字不換行效果
2.1.9 文字加粗
課堂練習：讓文字更加突出
2.2 網頁中的圖片樣式
2.2.1 圖片的格式
2.2.2 給網頁添加圖片
課堂練習：使用img標簽
2.2.3 設置圖片的大小
課堂練習：圖片的大小設置
2.2.4 圖片的邊框顯示
課堂練習：給圖片設置邊框
2.2.5 水平間距
課堂練習：設置圖片的間距效果
2.2.6 提示文字
課堂練習：設置圖片的提示文字
2.2.7 文字替換圖片
課堂練習：設置圖片的替換文字
綜合實戰 定義圖片熱區
課後作業 設置字體和圖片樣式
……
第3章 表格布局網頁
第4章 列表和超鏈接
第5章 HTML素
第6章 表單的應用詳解
第7章 進行拖拽和存儲
第8章 HTML5定位機制
第9章 使用canvas繪圖
第10章 選擇器的妙用
第11章 CSS定位效果
第12章 網頁常用的樣式
第13章 盒子模型詳解
第14章 新增選擇器用法
第15章 變色和轉換函數
第16章 頁面動畫效果
第17章 制作網頁自適應
第18章 初次使用JavaScript
第19章 JavaScript基礎語法
第20章 JavaScript事件解析
第21章 JavaScript網頁中常用事件
第22章 JavaScript操作DOM
第23章 綜合項目實戰
附錄配套學習資源

本書以“理論知識”為鋪墊，以“實際應用”為指向，從簡單易學的角度出發，繫統講述了Web前端開發的相關知識，內容由淺入深，通俗易懂，知識點與案例結合緊密，所選案例新穎豐富，緊貼實戰。本書從Web基礎知識講起，循序漸進地融入了HTML5、CSS3、JavaScript、繪圖、地理定位、本地存儲等實用技術，是一本真正的Web前端開發從學到用的自學教程。本書配備了極為豐富的學習資源，不僅有教學視頻、實例素材及源程序，還有HTML頁面基本速查、CSS常用屬性速查、JavaScript對像參考手冊，jQuery參考手冊、網頁配色基本知識速查等電子書。本書適合作為Web前端開發、網頁設計、網頁制作、網站建設的入門級或者有一定基礎讀者的自學用書，也可用作高等院校或培訓學校相關專業的教材及參考書。