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