本書全面系統地介紹了Web前端開發所涉及的HTML、CSS、JavaScript等各方面的知識和技巧。本書共9章,每章都設計有實用案例,且圖文并茂,形象直觀。書中對HTML元素、CSS工作原理、定位元素、字體和文本、表格、表單、CSS框架、jQuery應用等內容做了詳細介紹;最后通過一個綜合實例,詳細講解了一個網站從產品原型到網頁制作的完整Web前端開發過程,整合了利用各種Web前端技術制作網頁的各方面知識和技巧。
本書可作為大中專院校、培訓學校計算機及相關專業的教材,亦可供從事Web前端開發、后臺開發等工作的人員參考。
本書特點具體如下: 1.在崗位調研的基礎上,深入分析該課程所面向的崗位群應具有的專業技能、工作流程和工作規范,并按照行業的要求來組織教材內容。 2.融CSS、XHTML、javascript等Web前端必備技術為一體,講解了Web前端常用開發工具的使用方法,精選了部分實用性很強的案例,并盡可能地增加案例的趣味性,加強與日常生活中遇到的實際問題的聯系,從而幫助讀者理解案例的內容。 3.注重實用性和可操作性,貫穿“理論夠用、實踐為主”的原則,突出高職教育特色。 4.注重技能培養,突出企業開發規范和職業能力的訓導。 5.完全以典型工作過程為任務驅動,充分體現基于工作過程的教學思想,全書由一個實際工程項目貫穿始終,體現技能培養的系統性。 6.具有一定的創新性和先進性,將對象建模、模型轉換等知識貫穿其中。
第1章 Web前端開發入門 1.1 項目任務與學習目標 1.2 項目基礎 1.2.1 Web前端概述 1.2.2 網頁的基本結構 1.3 項目學做 1.3.1 使用工具 1.3.2 創建第一個網頁 1.3.3 知識解析 1.4 項目小結 1.4.1 技能回顧 1.4.2 知識拓展 1.5 實戰練習第2章 使用CSS進行布局和定位 2.1 項目任務與學習目標 2.2 項目基礎 2.2.1 塊元素與內聯元素 2.2.2 CSS盒模型 2.2.3 div元素和span元素 2.2.4 CSS選擇器 2.2.5 CSS權重 2.2.6 定位 2.3 項目學做 2.3.1 頁面結構設計 2.3.2 樣式表設計 2.4 項目小結 2.4.1 技能回顧 2.4.2 知識拓展 2.5 實戰練習第3章 導航菜單——理解浮動 3.1 項目任務與學習目標 3.2 項目基礎 3.2.1 浮動 3.2.2 鏈接 3.2.3 列表 3.2.4 display屬性 3.3 項目學做 3.3.1 構建導航結構 3.3.2 設置導航基本樣式 3.4 項目小結 3.5 實戰練習第4章 新聞頁面——文本與背景 4.1 項目任務與學習目標 4.2 項目基礎 4.2.1 用XHTML組織文本內容 4.2.2 用CSS控制文本的外觀 4.3 背景 4.4 項目學做 4.4.1 頁面結構分析 4.4.2 用XHTML實現頁面結構 4.4.3 用CSS設置頁面樣式 4.5 項目小結 4.5.1 技能回顧 4.5.2 知識拓展 4.6 實戰練習第5章 網頁的交互——表單 5.1 項目任務與學習目標 5.2 項目基礎94 5.2.1 表單元素94 5.2.2 利用CSS控制表單樣式 5.3 項目學做 5.3.1 編寫XHTML網頁結構代碼 5.3.2 編寫CSS 5.4 項目小結 5.5 實戰練習第6章 使用表格有效地組織數據 6.1 項目任務與學習目標 6.2 項目基礎 6.2.1 表格相關元素 6.2.2 利用CSS控制表格樣式 6.3 項目學做 6.3.1 編寫XHTML網頁結構代碼 6.3.2 編寫CSS 6.3.3 提高表格的可讀性 6.4 項目小結 6.5 實戰練習第7章 精彩的JavaScript特效——jQuery 7.1 項目任務與學習目標 7.2 項目基礎 7.2.1 jQuery與JavaScript 7.2.2 DOM結構 7.2.3 第一個特效網頁 7.2.4 選擇器 7.2.5 事件 7.2.6 文檔處理 7.2.7 操作文本 7.2.8 操作CSS 7.2.9 動畫特效 7.3 項目學做 7.3.1 構建選項卡結構 7.3.2 設置選項卡基本樣式 7.3.3 jQuery語句 7.4 項目小結 7.5 實戰練習第8章 模塊式開發——CSS框架 8.1 項目任務與學習目標 8.2 項目基礎 8.2.1 base.css 8.2.2 common.css 8.2.3 page.css 8.3 項目學做140 8.3.1 頁面結構分析 8.3.2 用XHTML實現頁面結構 8.3.3 用CSS設置頁面樣式 8.4 項目小結第9章 綜合項目 9.1 項目任務與學習目標 9.2 項目基礎 9.2.1 原型圖 9.2.2 效果圖 9.3 項目學做 9.3.1 定義網頁尺寸 9.3.2 制作圖片素材 9.3.3 規劃網站目錄 9.3.4 編寫首頁代碼 9.3.5 編寫列表頁 9.3.6 編寫詳細頁 9.3.7 添加jQuery插件 9.4 項目小結 9.5 實戰練習