作為UI／UE設計師，經常和IWeb前端開發人員“
吵架”：開發人員抱怨UI設計師設計得過於復雜無法
實現，UI設計師則吐槽開發人員最終開發出來的產品
和最初設計效果相差甚遠。UI設計師和開發人員究竟
如何合作和溝通？北京課工場教育科技有限公司編著
的《HTML5+CSS3前端技術--UI設計師與開發人員合作
秘籍》借鋻一位資深Web前端開發人員的經驗總結，
詳細介紹了雙方合作必備的兩方面技術和實用技巧。
相對市面上的同類教材，本套教材最大的特色是
，提供各種配套的學習資源和支持服務，包括：視頻
教程、案例素材下載、學習交流社區、作業提交批改
繫統、QQ群討論組等，請訪問課工場UI／UE學院：
kgc．cn／uiue。

前言
課程設計說明
關於引用作品的版杈聲明
第1章 初識HTML5
本章簡介
理論講解
1.1 網站開發流程及網頁基本結構
1.1.1 “互聯網+”時代的網站開發流程
1.1.2 網頁的基本結構
1.2 HTML5概述
1.2.1 什麼是HTML
1.2.2 HTML5的優勢
1.2.3 HTML5文檔的基本結構
1.2.4 HTML5代碼編輯工具
1.2.5 網頁基本信息
1.3 基本HTML5標簽及網站SEO應用
1.3.1 標題標簽
1.3.2 段落標簽和換行標簽
1.3.3 圖像標簽
1.3.4 鏈接標簽
實戰案例
本章總結
本章作業
第2章 HTML5的**標簽
本章簡介
理論講解
2.1 列表
2.1.1 列表簡介
2.1.2 列表的分類
2.1.3 列表的應用
2.2 表格
2.2.1 為什麼使用表格
2.2.2 表格的基本結構
2.2.3 表格的基本語法
2.2.4 表格的對齊方式
2.3 表單
2 3.1 表單的內容
2.3.2 表單標簽及其屬性
2.3.3 表單元素及格式
實戰案例
本章總結
本章作業
第3章 CSS3樣式及UI設計PAQ
本章簡介
理論講解
3.1 百度簡介
3.1.1 CSS3簡介
3.1.2 在Dreamweaver中創建CSS3
3.1.3 CSS3樣式
3.1.4 字體樣式
3.1.5 水平對齊方式
3.1.6 制作百度簡介頁面
3.2 **網首頁
3.2.1 背景顏色
3.2.2 背景圖像
3.2.3 制作**網首頁
實戰案例
本章總結
本章作業
第4章 盒子模型及UI設計FAQ
本章簡介
理論講解
4.1 主題相冊
4.1.1 什麼是盒子模型
4.1.2 盒子模型屬性
4.1.3 盒子模型尺寸
4.1.4 制作主題相冊頁面
4.2 騰訊網站導航
4.2.1 標準文檔流
4.2.2 display屬性
4.2.3 制作騰訊網站導航頁面
實戰案例
本章總結
本章作業
第5章 HTML5/CSSC3標準化布局
本章簡介
理論講解
5.1 CSS3排版觀念
5.2 基本的DlV+CSS3布局
5.3 自動居中的布局
5.4 “1—2—1”固定寬度布局
5.5 HTML5布局的新方法
5.6 制作QQ積分頁面
實戰案例
本章總結
本章作業
第6章 列表、定位樣式及UI設計FAQ
本章簡介
理論講解
6.1 商品分類頁面
6.1.1 list—style—type
6.1.2 Iist—style—image
6 1.3 list—style—position
6 1.4 list—style
6.2 北大青鳥首頁
6.2.1 Z-index屬性
6.2.2 制作北大青烏網站下拉列表導航菜單頁面
實戰案例
本章總結
本章作業