網(wǎng)頁設(shè)計與制作教程(HTML+CSS+JavaScript)第2版
定 價:55 元
叢書名:“十三五”普通高等教育規(guī)劃教材
- 作者:劉瑞新 張兵義 主編
- 出版時間:2017/10/16
- ISBN:9787111580355
- 出 版 社:機械工業(yè)出版社
- 中圖法分類:TP393.092
- 頁碼:296
- 紙張:膠版紙
- 版次:2
- 開本:16K
《網(wǎng)頁設(shè)計與制作教程(HTML+CSS+JavaScript)第2版》面向網(wǎng)頁制作的讀者,采用全新流行的Web標準,以HTML技術(shù)為基礎(chǔ),由淺入深、完整詳細地介紹了HTML5、CSS3及JavaScript網(wǎng)頁制作內(nèi)容!毒W(wǎng)頁設(shè)計與制作教程(HTML+CSS+JavaScript)第2版》把介紹知識與實例制作融于一體,以光影世界網(wǎng)站(包括主頁、欄目頁、內(nèi)容頁、后臺管理等頁面)作為案例講解,配以家具商城網(wǎng)站的實訓練習,兩條主線互相結(jié)合、相輔相成,自始至終貫穿全書!毒W(wǎng)頁設(shè)計與制作教程(HTML+CSS+JavaScript)第2版》采用案例驅(qū)動的教學方法,以案例為引導,結(jié)構(gòu)上采用點面結(jié)合,引導讀者學習網(wǎng)頁制作、設(shè)計、規(guī)劃的基本知識以及項目開發(fā)、測試的完整流程。
《網(wǎng)頁設(shè)計與制作教程(HTML+CSS+JavaScript)第2版》適合作為高等學校、職業(yè)院校計算機及相關(guān)專業(yè)或培訓班的網(wǎng)站開發(fā)與網(wǎng)頁制作教材,也可作為網(wǎng)頁制作愛好者與網(wǎng)站開發(fā)維護人員的學習參考書。
《網(wǎng)頁設(shè)計與制作教程(HTML+CSS+JavaScript)第2版》配套授課電子教案,需要的教師可登錄www.cmpedu.com免費注冊,審核通過后下載,或聯(lián)系編輯索。≦Q:2399929378,電話:010-88379739)。
第1章 網(wǎng)頁設(shè)計與制作基礎(chǔ)
1.1 網(wǎng)頁與網(wǎng)站的概念
1.2 Web標準
1.2.1 Web標準的概念
1.2.2 建立Web標準的優(yōu)點
1.2.3 理解表現(xiàn)和結(jié)構(gòu)相分離
1.3 HTML語法基礎(chǔ)
1.3.1 HTML簡介
1.3.2 HTML語法結(jié)構(gòu)
1.3.3 HTML語法規(guī)范
1.3.4 HTML文檔結(jié)構(gòu)
1.4 網(wǎng)頁結(jié)構(gòu)
1.5 創(chuàng)建HTML文檔
1.6 頁面摘要信息
1.6.1標簽
1.6.2標簽
1.6.3 案例——制作光影世界頁面摘要信息
1.7 注釋和特殊符號
1.7.1 注釋
1.7.2 特殊符號
1.8 課堂綜合實訓——制作家具商城頁面的版權(quán)信息
習題
第2章 編輯網(wǎng)頁元素
2.1 文字與段落排版
2.1.1 標題標簽
…
2.1.2 段落標簽
…
2.1.3 換行標簽
2.1.4 水平線標簽
2.1.5 案例——制作光影世界關(guān)于我們頁面
2.2 列表
2.2.1 無序列表
2.2.2 有序列表
2.2.3 定義列表
2.2.4 嵌套列表
2.3 超鏈接
2.3.1 超鏈接的基本概念
2.3.2 超鏈接的應(yīng)用
2.3.3 案例——制作光影世界服務(wù)向?qū)ы撁?
2.4 圖像
2.4.1 Web中常用的圖像格式及使用要點
2.4.2 圖像標簽
2.4.3 圖文混排
2.5
標簽
2.6 標簽
2.6.1 基本語法
2.6.2 span與div的區(qū)別
2.6.3 制作客照展示上傳文件步驟及版權(quán)信息
2.7 課堂綜合實訓——制作家具商城簡介頁面
習題
第3章 網(wǎng)頁布局與交互
3.1 表格
3.1.1 表格的結(jié)構(gòu)
3.1.2 表格的基本語法
3.1.3 表格修飾
3.1.4 不規(guī)范表格
3.1.5 表格數(shù)據(jù)的分組標簽
3.1.6 使用表格實現(xiàn)頁面局部布局
3.2 表單
3.2.1 表單的工作機制
3.2.2 表單標簽
3.2.3 表單元素
3.2.4 案例——制作光影世界會員注冊表單
3.2.5 使用表格布局表單
3.3 課堂綜合實訓——制作家具商城客服中心表單
習題
第4章 CSS樣式基礎(chǔ)
4.1 初識CSS
4.1.1 CSS標準
4.1.2 CSS的發(fā)展歷史
4.1.3 CSS代碼規(guī)范
4.1.4 CSS的工作環(huán)境
4.2 HTML與CSS
4.2.1 傳統(tǒng)HTML的缺點
4.2.2 CSS的優(yōu)點
4.2.3 CSS的局限性
4.3 CSS的定義與使用
4.3.1 行內(nèi)樣式
4.3.2 內(nèi)部樣式表
4.3.3 鏈入外部樣式表
4.3.4 導入外部樣式表
4.3.5 案例——制作光影世界服務(wù)簡介頁面
4.4 CSS語法基礎(chǔ)
4.4.1 CSS樣式規(guī)則
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 文檔結(jié)構(gòu)
4.6.1 文檔結(jié)構(gòu)的基本概念
4.6.2 繼承
4.6.3 樣式表的層疊、特殊性與重要性
4.6.4 元素類型
4.6.5 案例——制作光影世界作品欣賞明細頁面
4.7 課堂綜合實訓——使用CSS制作家具商城簡介頁面
習題
第5章 CSS盒模型
5.1 盒模型簡介
5.2 邊框、外邊距與內(nèi)邊距
5.2.1 邊框
5.2.2 外邊距
5.2.3 內(nèi)邊距
5.3 盒模型的寬度與高度
5.4 塊級元素與行級元素寬度和高度的區(qū)別
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布局技術(shù)簡介
6.1.1 Div+CSS布局的優(yōu)點
6.1.2 使用嵌套的Div實現(xiàn)頁面排版
6.2 典型的CSS布局樣式
6.2.1 兩列布局樣式
6.2.2 三列布局樣式
6.3 綜合案例——制作光影世界最近活動局部頁面
6.3.1 頁面布局規(guī)劃
6.3.2 頁面的制作過程
6.4 課堂綜合實訓——制作家具商城產(chǎn)品明細局部頁面
6.4.1 頁面布局規(guī)劃
6.4.2 頁面的制作過程
習題
第7章 使用CSS修飾網(wǎng)頁元素
7.1 文本控制
7.1.1 設(shè)置字體的類別
7.1.2 設(shè)置字體的尺寸
7.1.3 設(shè)置字體的粗細
7.1.4 設(shè)置字體的傾斜
7.1.5 設(shè)置文字的顏色
7.1.6 設(shè)置文字的背景顏色
7.1.7 設(shè)置文本的修飾
7.2 段落控制
7.2.1 設(shè)置文字的對齊方式
7.2.2 設(shè)置段落的首行縮進
7.2.3 設(shè)置首字下沉
7.2.4 設(shè)置行高
7.2.5 設(shè)置字符間距
7.2.6 設(shè)置文字的截斷
7.3 設(shè)置圖像樣式
7.3.1 設(shè)置圖像邊框
7.3.2 設(shè)置圖像縮放
7.3.3 設(shè)置背景圖像
7.3.4 設(shè)置背景重復
7.3.5 設(shè)置背景圖像定位
7.4 設(shè)置表格樣式
7.4.1 常用的CSS表格屬性
7.4.2 案例——使用隔行換色表格制作暢銷活動排行榜
7.5 設(shè)置表單樣式
7.5.1 使用CSS美化常用的表單元素
7.5.2 案例——制作光影世界聯(lián)系我們表單
7.6 綜合案例——制作光影世界網(wǎng)絡(luò)融資平臺頁面
7.6.1 頁面布局規(guī)劃
7.6.2 頁面的制作過程
7.7 課堂綜合實訓——制作家具商城會員注冊頁面
習題
第8章 使用CSS修飾鏈接與列表
8.1 制作超鏈接特效
8.1.1 動態(tài)超鏈接
8.1.2 浮雕背景超鏈接
8.1.3 按鈕式超鏈接
8.2 修飾列表
8.2.1 表格布局的缺點
8.2.2 列表布局的優(yōu)勢
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 頁面布局規(guī)劃
9.3.2 頁面的制作過程
9.4 課堂綜合實訓——制作家具商城關(guān)于頁面
習題
第10章 網(wǎng)頁行為語言——JavaScript
10.1 JavaScript簡介
10.2 在網(wǎng)頁中插入JavaScript
10.3 JavaScript交互基本方法
10.3.1 信息對話框
10.3.2 選擇對話框
10.3.3 提示對話框
10.4 制作網(wǎng)頁特效
10.4.1 幻燈片切換廣告
10.4.2 制作網(wǎng)頁Tab選項卡切換效果
10.4.3 循環(huán)滾動的圖文字幕
10.5 課堂綜合實訓——制作家具商城家具展示頁面
習題248
第11章 光影世界前臺頁面
11.1 網(wǎng)站的開發(fā)流程
11.1.1 規(guī)劃站點
11.1.2 網(wǎng)站制作
11.1.3 測試網(wǎng)站
11.1.4 發(fā)布站點
11.2 設(shè)計首頁布局
11.2.1 創(chuàng)建站點目錄
11.2.2 頁面布局規(guī)劃
11.3 首頁的制作
11.4 制作作品欣賞列表頁
11.5 制作新聞動態(tài)列表頁
11.6 制作新聞明細頁
習題
第12章 光影世界后臺管理頁面
12.1 制作后臺管理登錄頁面
12.2 制作查詢新聞頁面
12.3 制作添加新聞頁面
12.4 制作修改新聞頁面
12.5 網(wǎng)站的整合
習題