Web前端工程師修煉之道(原書第4版)

前言

第一部分 開始起步
第1章 我從哪里開始
我該從哪里開始呢
Web設計師是做什麼的
我需要學習哪些語言
我需要購買些什麼
你學會了什麼
自我測驗
第2章 Web是如何工作的
互聯網與Web
提供你的信息
關於瀏覽器
網頁地址（URL）
網頁結構
小結
自我測驗
第3章 Web設計基本概念
眼花繚亂的設備
與標准一致
逐步提高
自適應Web設計
可訪問性——所有用戶，一個網站
連接速度的要求（站點性能）
自我測驗

第二部分 HTML結構化標記
第4章 創建簡單網頁（HTML概述）
一個網頁，一步一步來
開始之前，啟動文本編輯器
第1步：從內容開始
第2步：文檔結構化
第3步：確定文本元素
第4步：添加圖像
第5步：使用樣式表改變外觀
當網頁出錯時
驗證你的文檔
自我測驗
元素回顧：文檔結構
第5章 標記文本
段落
標題
列表
更多內容元素
組織網頁內容
內聯元素綜述
泛型元素（div和span）
特殊字符
小結
自我測驗
元素回顧：文本
第6章 添加鏈接
href特性
鏈接到Web上的網頁
站內鏈接
以新瀏覽器窗口為目標
郵件鏈接
電話鏈接
自我測驗
元素回顧：鏈接
第7章 添加圖片
首先，關於圖片格式的信息
img元素
窗口中的窗口
自我測驗
元素回顧：圖片
第8章 表格標記
如何使用表格
最小表結構
表頭
合並單元格
表格可達性
小結
自我測驗
元素回顧：表格
第9章 表單
表單如何工作
表單元素
變量和內容
重要表單控件綜述
表格的可訪問性
表單布局和設計
自我測驗
元素回顧：表單
第10章 HTML5
在通往XHTML2的路上發生的有趣的事
標記部分
遇到API
視頻與音頻
canvas
小結
自我檢測

第三部分 表現層的CSS
第11章 CSS入門
CSS的益處
樣式表如何工作
大概念
繼續使用CSS
自我測驗
第12章 格式化文本（使用更多選擇器）
字體屬性
改變文本顏色
更多選擇器類型
字行設置
下划線和其他的「修飾」
改變字母大寫
空格
文本陰影
改變列表的數字編號
自我測驗
CSS回顧：字體和文本屬性
第13章 顏色和背景（附加更多選擇器和外部樣式表）
指定顏色值
前景色
背景色
使用不透明度
偽類選擇器簡介
偽元素選擇器
屬性選擇器
背景圖像
快捷背景屬性
像彩虹一樣（漸變）
最后，外部樣式表
自我測驗
CSS回顧：色彩和背景屬性
第14章 盒子思想（填充、邊框和空白邊）
元素盒子
指定盒子尺寸
填充
邊框
空白邊
分配顯示角色
給盒子添加陰影
自我測驗
CSS回顧：基本盒子屬性
第15章 浮動與定位
普通流
浮動
定位基礎
相對定位
絕對定位
固定定位
自我測驗
CSS回顧：浮動和定位屬性
第16章 使用CSS進行網頁布局
網頁布局策略
網頁布局技術
使用浮動元素的多欄布局
定位布局
自上而下的欄目背景
自我測驗
第17章 過渡、變換和動畫
很容易做到（CSS過渡）
CSS變換
關鍵幀動畫
自我測驗
CSS回顧：過渡、變換和動畫
第18章 CSS技術
一個干凈的石板（CSS重置）
圖像代替技術1
CSSsprite2
樣式化表單
樣式化表格
簡單的自適應Web設計
小結
自我測驗
CSS回顧：表格屬性

第四部分 JavaScript行為
第19章 JavaScript簡介
什麼是JavaScript
給網頁添加JavaScript
腳本剖析
瀏覽器對象
事件
綜合應用
自我測驗
第20章 使用JavaScript
遇見DOM
polyfills
JavaScript庫
小結
自我測驗

第五部分 創建Web圖像
第21章 Web圖像基礎
圖像來源
格式簡介
圖像尺寸和分辨率
使用透明度
SVG簡介
小結
自我測驗
第22章 精簡Web圖像
通用圖像優化策略
優化GIF圖像
優化JPEG圖像
優化PNG圖像
優化到指定大小
小結
自我測驗

附錄A 答案
附錄B CSS3選擇器