本書從移動Web前端頁面開發者的角度，詳細地介紹關于前端開發中所涉及的全部知識內容。全書分為四個部分共16章：*部分為HTML5與CSS3的基礎知識，分別介紹HTML5的基礎知識和CSS3的基礎應用；第二部分為JavaScript編程，分別介紹JavaScript基本語法、面向對象編程、對象模型和開發框架等內容；第三部分為HTML5與CSS3的高級開發，分別介紹HTML5中的推送、視頻、存儲和CSS3中的動態布局等進階內容；第四部分為實戰項目，分別介紹移動端、PC端兩個完整案例開發的全過程。
1．創作背景
當今時代是互聯網發展的最好時期，無論從網絡通信技術的高速發展，還是從各行業對網絡的認知和支持來看，互聯網都是眼下最炙手可熱的行業。
然而，互聯網產業與其他傳統行業有著明顯的區別，它多以技術為主，因此，對從事這一產業的人員提出了更高的要求，要求從業人員必須了解和掌握互聯行業的技術。
前端頁面的開發是互聯網行業的基礎技術，也是相關從業人員都必須掌握的基礎知識，隨著互聯技術的高速發展，前端開發已不再是簡單的頁面制作，而是賦予了更多的新功能，如與MVC框架的結合、移動端的項目制作、CSS3效果的應用。而這些技術的實現，都需要開發人員更加全面地了解和掌握前端開發的整體技術，再將技術運用到一個個完整的項目中進行鞏固，從而達到最終掌握的目的。
從目前圖書市場來看，與這一類型需求相配套的圖書并不是太多，有的側重某個前端框架的介紹，有的并非主流的開發模式，市場需要一本更全面、更完整、更主流的圖書。針對這一圖書市場的現狀，我們聯合電子工業出版社，推出了這本圖書。
2．本書內容概述
全書共分為四個部分，第一部分介紹HTML5和CSS3的基礎內容，由此引入對最前沿知識的整體了解；第二部分介紹前端開發的核心語言JavaScript編程的基礎知識，這是全書的重點內容，詳細介紹語法與框架的應用開發；第三部分講述HTML5與CSS3的高級應用，以案例的形式，詳細介紹時下最為流行的移動項目開發的完整過程；最后一部分是兩個完整的案例，一個側重移動端，另一個以PC端為主，完整、全面地介紹項目開發的全部實現過程。
3．本書特點
以案例為主、注重實戰性，這是本書的顯著特點，全書的每個知識點都通過一個完整的示例進行介紹；用前沿技術、做完整項目，又是本書的另外一個特點，全書無論是知識點還是案例，都注重技術的前沿性、示例的完整性。全書通過200余個真實、實用的示例及兩個大型的綜合案例進行講述，使讀者能通過對一個個知識點的扎實學習，真正、徹底地掌握和理解前端開發的流程及核心技術。
4．本書面向的讀者
本書內容以基礎入門為主，面向初級頁面制作人員，可作為從事Web開發人員的參考用書；此外，還可作為高等院校相關課程的教材，適合應用型人才培養，也可作為科技工作者的工具圖書。
5．編者
本書由廣西金融職業技術學院徐楓老師擔任主編，廣西金融職業技術學院唐雪濤、仇雅老師擔任副主編。參與編寫的還有廣西金融職業技術學院楊吉才、卜一川、胡秀娟、黃凡等老師，以及中軟國際教育科技公司陶國榮、王輝老師。
6．聯系方式
本書配有教學資源PPT課件，若有需要，請登錄華信教育資源網（www.hxedu.com.cn）免費下載。同時，讀者也可以通過郵箱tao_guo_rong@163.com與作者聯系。
由于作者水平所限，加之時間倉促，本書難免有錯誤和不足之處，懇請讀者批評指正。
編 者
徐楓，男，碩士研究生，廣西金融職業技術學院專任教師，高級講師，2014年主持并結師廣西職教改革項目一項，主持2015年廣西高校科研項目一項，參與教改科研課題5項。
第1章 HTML5基礎知識（1）
1.1 HTML5概述（1）
1.2 HTML5的程序結構和語法（5）
1.3 利用Dreamweaver調試HTML5代碼（7）
1.4 文本控制標記及屬性（16）
1.5 圖像標記及屬性（17）
1.6 音頻、視頻標記及屬性（21）
1.7 超鏈接標記及屬性（23）
1.8 HTML5頁面標記及屬性（26）
1.9 個人信息展示（30）
第2章 CSS3基礎應用（32）
2.1 CSS3基本概念（32）
2.2 CSS3的引入方式（34）
2.3 CSS3語法介紹（36）
2.4 CSS3選擇器（39）
2.5 CSS3文本相關樣式（43）
2.6 盒子模型相關樣式（46）
2.7 背景邊框樣式（47）
2.8 CSS3動畫功能（51）
2.9 CSS3浮動與定位（54）
2.10 企業官網首頁（58）
第3章 JavaScript基本語法（60）
3.1 JS的發展歷史、使用場景（60）
3.2 JavaScript內部模型結構層次（62）
3.3 開發及調試方法（65）
3.4 JavaScript代碼編寫、加載及調用（67）
3.5 JavaScript語法規則（70）
3.6 標識符、變量聲明（72）
3.7 數據類型（74）
3.8 操作符（76）
3.9 分支語句（79）
3.10 循環語句（82）
3.11 函數的定義（87）
3.12 函數調用、參數傳遞和返回值（88）
3.13 本息計算（90）
第4章 JavaScript面向對象（92）
4.1 變量的作用域（92）
4.2 類型定義與對象創建（94）
4.3 對象屬性、方法的內存結構（96）
4.4 prototype及其內存結構（98）
4.5 屬性定義及封裝（100）
4.6 繼承的實現（102）
4.7 this對象（104）
4.8 閉包（106）
4.9 異常處理（108）
4.10 JS和CSS文件的壓縮（110）
4.11 內置對象（111）
4.12 面向對象遛狗（113）
第5章 JavaScript對象模型（115）
5.1 BOM瀏覽器對象模型（115）
5.2 Core DOM核心對象模型（118）
5.3 HTML Tag DOM標簽對象模型（119）
5.4 Event DOM事件對象模型（121）
5.5 網站登錄（124）
第6章 JavaScript框架（126）
6.1 jQuery Core（126）
6.2 jQuery UI框架介紹（129）
6.3 jQuery Mobile（134）
6.4 EasyUI（142）
6.5 Bootstrap（147）
6.6 項目實戰BS導航及滾動監聽（152）
第7章 HTML5的相關變化（155）
7.1 HTML的發展歷程及HTML5發生的重大變革（155）
7.2 HTML5在各大瀏覽器的兼容性（156）
7.3 HTML5中已經廢棄或不建議使用的標簽（158）
7.4 HTML5中增加的語義化標簽的使用（160）
7.5 網頁中第三方插件的調用方式（161）
7.6 HTML5中新增的全局屬性（163）
7.7 企業官方首頁（165）
第8章 HTML5多媒體相關處理（168）
8.1 適合多媒體的事件類型（168）
8.2 HTML5中擴展的表單控件（170）
8.3 操作視頻和音頻控件的全局接口（172）
8.4 音/視頻中字幕的顯示方式及錯誤處理方式（175）
8.5 播放多媒體文件（177）
第9章 HTML5圖形圖像相關處理（179）
9.1 畫布功能（179）
9.2 svg功能（184）
9.3 Canvas繪制圖形（189）
第10章 文件操作與數據存儲（192）
10.1 文件操作API（192）
10.2 瀏覽器緩存（196）
10.3 瀏覽器數據格式化存儲方式indexdb（198）
10.4 文件操作（201）
第11章 多線程與服務器推送（203）
11.1 webworker的使用（203）
11.2 web socket的使用（206）
11.3 服務器端推送（208）
11.4 運用線程方式判斷奇偶性（211）
第12章 CSS布局應用（213）
12.1 CSS3新增的布局類屬性（213）
12.2 響應式布局及自適應（215）
12.3 熟練掌握CSS3彈性魔盒的全部屬性（218）
12.4 熟練掌握CSS3中新增的文本屬性（221）
12.5 運用CSS繪制圖形（223）
第13章 CSS高級應用（225）
13.1 用戶界面新增的屬性（225）
13.2 CSS中新增的多列屬性（228）
13.3 2D、3D轉換的相關屬性（230）
13.4 CSS3的過渡屬性（232）
13.5 CSS3中的動畫制作和效果以及小游戲（235）
13.6 運動的圖片（238）
第14章 CSS選擇符的高級應用（240）
14.1 媒體查詢完成響應式布局（240）
14.2 屬性選擇符中新增的屬性（242）
14.3 偽類選擇符（245）
14.4 偽對象選擇符（247）
14.5 函數類型取值方式（249）
14.6 圖像類型取值屬性（252）
14.7 CSS3中的hack屬性（254）
14.8 選擇器的高級用法（257）
第15章 旅友網（259）
15.1 首頁實現（259）
15.2 攻略頁面（261）
15.3 注冊頁面（263）
第16章 企業金融平臺（265）
16.1 項目首頁（265）
16.2 功能列表詳情頁（266）
16.3 產品列表詳情頁（267）
新書資訊