HTML5+CSS+JavaScript網頁設計與製作

內容簡介

HTML5、CSS3和JavaScript是網站前端開發的主要套用技術，《HTML5+CSS+JavaScript網頁設計與製作/高等院校“十三五”套用技能培養規劃教材·移動套用開發系列》以理論結合實例加上機實訓的形式，逐一詳細講解這三大核心技術的基礎知識，包市辣舉括HTML5網頁設計的文檔結構、常用標記、表單的使用及HTML5新增的標記和屬性，CSS在網頁中的套用、CSS3新增的功能，以及JavaScript語言基礎、內置對象、對象編程、JavaScript操整盼糊作HTML5+CSS實現網頁設計的方法和技巧。

　　《HTML5+CSS+JavaScript網頁設射鞏計與製作/高等院校“十三五”套用技能培養規劃教材·移動套用開發系列》內容全面，結構安排合理，突出實踐。

　　通過《HTML5+CSS+JavaScript網頁設計與製作/高等院校“十三五”套用技能培養規劃教材·移動套用開發系列》的學習，學生既可以掌握網頁超文本標記及傳統網頁布局設計技巧，也可以深入運用HTML5+CSS3+JavaScript製作網頁體催采殼。

　　《HTML5+CSS+JavaScript網頁設計與製作/高等院校“十三五”套用技能培養規劃教材·移動套用開發系列》既可作為普通本科或高職高專計算機相關專業Web前端網站開發課程的教材，又可作為學習網站設計開發從業人員的技術參考書。

圖書目錄

第1章網站前端設計基礎

1．1 Web基礎

1．1．1 Web的基本概念

1．1．2 了解“Web標準”

1．1．3 靜態網頁

1．1．4 動態網頁

1．2 網站開發

1．2．1 網站開發的基本流程

1．2．2 網站開發的人才需求

1．2．3 網站開發的主要技術

1．3 Web前端開發所需技能

1．3．1 Web前端工程師的工作內容

1．3．2 Web前端工程師需要掌握的技術

1．4 網站開發工具介紹

1．4．1 原型設計工具

1．4．2 技術開發工具

1．4．3 Web調試工具

1．4．4 代碼託管工具

本章小結

自測題

第2章 HTML 5基礎

2．1 HTML概述

2．1．1 了解HTML

2．1．2 HTML元素

2．2 初識HTML 5

2．2．1 HTML 5的新功能

2．2．2 HTML 5的廢棄標記

2．2．3 HTML 5的新增標記

2．2．4 HTML 5的新增屬性

2．3 HTML 5的結構

2．3．1 HTML 5的基本結構

2．3．2 編寫第一個符合W3C標準的

HTML 5網頁

2．4 HTML 5文檔的常用標記

2．4．1 文本段落的相關標記

2．4．2 圖像標記

2．4．3 超連結

2．4．4 列表

2．4．5 表格

2．4．6 HTML 5的音頻和視頻

2．5 HTML 5的表單元素

2．5．1 創建表單

2．5．2 input輸入類型控制項

2．5．3 列表框

2．5．4 多行文本輸入框

2．5．5 表單控制項綜合示例

2．6 HTML 5語義化結構性元素

2．6．1 新增的主體結構元素

2．6．2 新增的非主體結構元素

2．7 上機實訓：使用結構元素進行網頁布局

本章小結

自測題

第3章 CSS基礎

3．1 CSS 3概述

3．2 CSS的組成

3．2．1 CSS基本語法規則

3．2．2 選擇符的分類

3．3 在HTML中使用CSS樣式

3．3．1 行內樣式

3．3．2 內部樣式

3．3．3 外部樣式

3．3．4 CSS的優先權

3．3．5 常用的CSS 3屬性前綴

本章小結

自測題

第4章 CSS設計布局

4．1 CSS的盒模型

4．1．1 盒模型的結構

4．1．2 盒模型的元素類型

4．1．3 使用DIV

4．1．4 外邊距、內邊距與框線的CSS設定

4．1．5 CSS 3對盒模型框線的完善

4．2 網頁元素的定位

4．2．1 定位屬性position

4．2．2 float浮動定位凶束立舟

4．2．3 其他CSS布局定位方式

4．3 DIV+CSS常用的布局方式

4．3．1 單列水平居中布局

4．3．2 浮動的布局

4．3．3 div嵌套布局

4．3．4 CSS 3多列布局

4．4 列表元素布局

4．5 上機實訓：布局電商網站首頁（製作盒模型）

4．5．1 布局網頁的總體結構

4．5．2 頭部區域的結構分析及布局

4．5．朽舟姜3 網頁主體內容區域的設計

4．5．4 頁腳區域的設計

本章小結

自測題

第5章 CSS樣式

5．1 CSS 3字型相關屬性

5．1．1 設定字型屬性

5．1．2 設定字型屬性的綜盛恥故合示例

5．1．3 CSS 3新增的字型屬性

5．2 CSS控制文本的樣式

5．2．1 文本屬性

5．2．2 設定文本屬性的綜合示例

5．2．3 CSS 3新增的文本屬性

5．3 使用CSS控制背景

5．3．1 背景屬性

5．3．2 背景設定綜合示例

5．3．3 CSS 3新增的與背景相關的屬性

5．4 使用CSS設定列表樣式

5．4．1 CSS列表屬性

5．4．2 列表屬性的綜合示例

5．5 上機實訓

5．5．1 實訓1：製作商品信息展示頁面

5．5．2 實訓2：CSS製作二級導航下拉選單

本章小結

自測題

第6章 JavaScript基礎

6．1 JavaScript概述

6．1．1 認識JavaScript

6．1．2 JavaScript的特點和作用

6．1．3 在網頁中使用JavaScript

6．1．4 JavaScript代碼規範

6．2 變數、數據類型

6．2．1 變數的聲明和使用

6．2．2 JavaScript的基本數據類型

6．3 表達式與運算符

6．3．1 表達式

6．3．2 運算符

6．4 流程控制語句

6．4．1 分支結構

6．4．2 循環結構

6．5 JavaScript函式

6．5．1 函式的定義

6．5．2 函式的調用

6．5．3 使用函式的返回值

6．5．4 函式的嵌套

6．5．5 內置函式

6．6 上機實訓：製作簡易計算器

本章小結

自測題

第7章 JavaScript中的對象

7．1 JavaScript的常用內置對象

7．1．1 數組對象

7．1．2 字元串對象

7．1．3 日期對象

7．1．4 數學對象

7．2 常用文檔對象

7．2．1 文檔對象模型

7．2．2 文檔對象的節點樹

7．2．3 文檔對象

7．2．4 表單及其控制項對象

7．2．5 style對象

7．3 常用視窗對象

7．3．1 螢幕對象

7．3．2 window視窗對象

7．3．3 瀏覽器信息對象

7．3．4 網址對象

7．3．5 歷史記錄對象

7．4 上機實訓

7．4．1 實訓1：將英文單詞首字母改成大寫

7．4．2 實訓2：限制多行文本域輸入的字元個數

本章小結

自測題

第8章事件處理

8．1 認識JavaScript事件

8．1．1 JavaScript的常用事件

8．1．2 調用事件處理程式的方法

8．2 常用事件在網頁中的套用

8．2．1 滑鼠事件

8．2．2 鍵盤事件

8．2．3 表單事件

8．2．4 頁面相關事件

8．3 上機實訓：使用JavaScript實現廣告圖像輪播

本章小結

自測題

第9章 JavaScript實現Canvas功能

9．1 創建Canvas元素

9．2 繪製基本圖形

9．2．1 繪製直線

9．2．2 繪製圓形

9．2．3 繪製矩形

9．2．4 繪製多邊形

9．3 圖形的變換

9．3．1 保存與恢復Canvas狀態

9．3．2 移動坐標位置

9．3．3 縮放圖形

9．4 特效套用

9．5 繪製文本

9．6 上機實訓：用Canvas繪製時鐘

9．6．1 繪製靜態時鐘

9．6．2 製作動態時鐘

本章小結

自測題

第10章購物車的設計

10．1 案例導入

10．2 案例分析

10．3 操作步驟

10．3．1 設計購物車的HTML結構

10．3．2 購物車的樣式設計

10．3．3 利用JavaScript實現購物車功能

參考文獻

HTML5+CSS+JavaScript網頁設計與製作

基本介紹

內容簡介

圖書目錄

熱門詞條