基本介紹
- 書名：網頁設計與製作教程（HTML+CSS+JavaScript）第2版
- 作者：劉瑞新、張兵義
- 出版社：機械工業出版社
- 出版時間：2019年12月
- 定價：55 元
- 開本：16 開
- 裝幀：平裝
- ISBN：9787111580355
內容簡介,圖書目錄,
內容簡介
《網頁設計與製作教程（HTML+CSS+JavaScript）第2版》面向網頁製作的讀者，採用全新流行的Web標準，以HTML技術為基礎，由淺入深、完整詳細地介紹了HTML5、CSS3及JavaScript網頁製作內容。《網頁設計與製作教程（HTML+CSS+JavaScript）第2版》把介紹知識與實例製作融於一體，以光影世界網站（包括主頁、欄目頁、內容頁、後台管理等頁面）作為案例講解，配以家具商城網站的實訓練習，兩條主線互相結合、相輔相成，自始至終貫穿全書。《網頁設計與製作教程（HTML+CSS+JavaScript）第2版》採用案例驅動的教學方法，以案例為引導，結構上採用點面結合，引導讀者學習網頁製作、設計、規劃的基本知識以及項目開發、測試的完整流程。 《網頁設計與製作教程（HTML+CSS+JavaScript）第2版》適合作為高等學校、職業院校計算機及相關專業或培訓班的網站開發與網頁製作教材，也可作為網頁製作愛好者與網站開發維護人員的學習參考書。
圖書目錄
第1章 網頁設計與製作基礎
1.1 網頁與網站的概念
1.2 Web標準
1.2.1 Web標準的概念
1.2.2 建立Web標準的優點
1.2.3 理解表現和結構相分離
1.3 HTML語法基礎
1.3.1 HTML簡介
1.3.2 HTML語法結構
1.3.3 HTML語法規範
1.3.4 HTML文檔結構
1.4 網頁結構
1.5 創建HTML文檔
1.6 頁面摘要信息
1.6.1 <title>標籤
1.6.2 <meta>標籤
1.6.3 案例——製作光影世界頁面摘要信息
1.7 注釋和特殊符號
1.7.1 注釋
1.7.2 特殊符號
1.8 課堂綜合實訓——製作家具商城頁面的版權資訊
習題
第2章 編輯網頁元素
2.1 文字與段落排版
2.1.1 標題標籤<h#>…</h#>
2.1.2 段落標籤<p>…</p>
2.1.3 換行標籤<br/>
2.1.4 水平線標籤<hr/>
2.1.5 案例——製作光影世界關於我們頁面
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 案例——製作光影世界服務嚮導頁面
2.4 圖像
2.4.1 Web中常用的圖像格式及使用要點
2.4.2 圖像標籤<img>
2.4.3 圖文混排
2.5 <div>標籤
2.6 <span>標籤
2.6.1 基本語法
2.6.2 span與div的區別
2.6.3 製作客照展示上傳檔案步驟及版權資訊
2.7 課堂綜合實訓——製作家具商城簡介頁面
習題
第3章 網頁布局與互動
3.1 表格
3.1.1 表格的結構
3.1.2 表格的基本語法
3.1.3 表格修飾
3.1.4 不規範表格
3.1.5 表格數據的分組標籤
3.1.6 使用表格實現頁面局部布局
3.2 表單
3.2.1 表單的工作機制
3.2.2 表單標籤
3.2.3 表單元素
3.2.4 案例——製作光影世界會員註冊表單
3.2.5 使用表格布局表單
3.3 課堂綜合實訓——製作家具商城客服中心表單
習題
第4章 CSS樣式基礎
4.1 初識CSS
4.1.1 CSS標準
4.1.2 CSS的發展歷史
4.1.3 CSS代碼規範
4.1.4 CSS的工作環境
4.2 HTML與CSS
4.2.1 傳統HTML的缺點
4.2.2 CSS的優點
4.2.3 CSS的局限性
4.3 CSS的定義與使用
4.3.1 行內樣式
4.3.2 內部樣式表
4.3.3 鏈入外部樣式表
4.3.4 導入外部樣式表
4.3.5 案例——製作光影世界服務簡介頁面
4.4 CSS語法基礎
4.4.1 CSS樣式規則
4.4.2 基本選擇符
4.4.3 複合選擇符
4.4.4 通用選擇符
4.4.5 屬性選擇符
4.4.6 特殊選擇符
4.5 CSS的屬性單位
4.5.1 長度、百分比單位
4.5.2 色彩單位
4.6 文檔結構
4.6.1 文檔結構的基本概念
4.6.2 繼承
4.6.3 樣式表的層疊、特殊性與重要性
4.6.4 元素類型
4.6.5 案例——製作光影世界作品欣賞明細頁面
4.7 課堂綜合實訓——使用CSS製作家具商城簡介頁面
習題
第5章 CSS盒模型
5.1 盒模型簡介
5.2 框線、外邊距與內邊距
5.2.1 框線
5.2.2 外邊距
5.2.3 內邊距
5.3 盒模型的寬度與高度
5.4 塊級元素與行級元素寬度和高度的區別
5.5 盒子的margin疊加問題
5.5.1 行級元素之間的水平margin疊加
5.5.2 塊級元素之間的垂直margin疊加
5.6 盒模型綜合案例——製作光影世界高端外景局部頁面
5.7 盒子的定位
5.7.1 定位屬性
5.7.2 定位方式
5.8 浮動與清除浮動
5.8.1 浮動
5.8.2 清除浮動
5.9 課堂綜合實訓——家具商城登錄頁面整體布局
習題
第6章 Div+CSS布局頁面
6.1 Div+CSS布局技術簡介
6.1.1 Div+CSS布局的優點
6.1.2 使用嵌套的Div實現頁面排版
6.2 典型的CSS布局樣式
6.2.1 兩列布局樣式
6.2.2 三列布局樣式
6.3 綜合案例——製作光影世界最近活動局部頁面
6.3.1 頁面布局規劃
6.3.2 頁面的製作過程
6.4 課堂綜合實訓——製作家具商城產品明細局部頁面
6.4.1 頁面布局規劃
6.4.2 頁面的製作過程
習題
第7章 使用CSS修飾網頁元素
7.1 文本控制
7.1.1 設定字型的類別
7.1.2 設定字型的尺寸
7.1.3 設定字型的粗細
7.1.4 設定字型的傾斜
7.1.5 設定文字的顏色
7.1.6 設定文字的背景顏色
7.1.7 設定文本的修飾
7.2 段落控制
7.2.1 設定文字的對齊方式
7.2.2 設定段落的首行縮進
7.2.3 設定首字下沉
7.2.4 設定行高
7.2.5 設定字元間距
7.2.6 設定文字的截斷
7.3 設定圖像樣式
7.3.1 設定圖像框線
7.3.2 設定圖像縮放
7.3.3 設定背景圖像
7.3.4 設定背景重複
7.3.5 設定背景圖像定位
7.4 設定表格樣式
7.4.1 常用的CSS表格屬性
7.4.2 案例——使用隔行換色表格製作暢銷活動排行榜
7.5 設定表單樣式
7.5.1 使用CSS美化常用的表單元素
7.5.2 案例——製作光影世界聯繫我們表單
7.6 綜合案例——製作光影世界網路融資平台頁面
7.6.1 頁面布局規劃
7.6.2 頁面的製作過程
7.7 課堂綜合實訓——製作家具商城會員註冊頁面
習題
第8章 使用CSS修飾連結與列表
8.1 製作超連結特效
8.1.1 動態超連結
8.1.2 浮雕背景超連結
8.1.3 按鈕式超連結
8.2 修飾列表
8.2.1 表格布局的缺點
8.2.2 列表布局的優勢
8.2.3 CSS列表屬性
8.3 綜合案例——製作光影世界風景圖文列表
8.4 課堂綜合實訓——製作家具商城友情連結局部頁面
習題
第9章 使用CSS製作導航選單
9.1 垂直導航選單
9.1.1 普通的垂直連結導航選單
9.1.2 縱向列表垂直導航選單
9.2 水平導航選單
9.3 綜合案例——使用CSS美化和布局頁面
9.3.1 頁面布局規劃
9.3.2 頁面的製作過程
9.4 課堂綜合實訓——製作家具商城關於頁面
習題
第10章 網頁行為語言——JavaScript
10.1 JavaScript簡介
10.2 在網頁中插入JavaScript
10.3 JavaScript互動基本方法
10.3.1 信息對話框
10.3.2 選擇對話框
10.3.3 提示對話框
10.4 製作網頁特效
10.4.1 幻燈片切換廣告
10.4.2 製作網頁Tab選項卡切換效果
10.4.3 循環滾動的圖文字幕
10.5 課堂綜合實訓——製作家具商城家具展示頁面
習題248
第11章 光影世界前台頁面
11.1 網站的開發流程
11.1.1 規劃站點
11.1.2 網站製作
11.1.3 測試網站
11.1.4 發布站點
11.2 設計首頁布局
11.2.1 創建站點
11.2.2 頁面布局規劃
11.3 首頁的製作
11.4 製作作品欣賞列表頁
11.5 製作新聞動態列表頁
11.6 製作新聞明細頁
習題
第12章 光影世界後台管理頁面
12.1 製作後台管理登錄頁面
12.2 製作查詢新聞頁面
12.3 製作添加新聞頁面
12.4 製作修改新聞頁面
12.5 網站的整合
習題
