本教材在體例上做出了大膽嘗試，拋棄了傳統(tǒng)的按部就班逐個(gè)介紹對(duì)象、屬性、方法的教科書(shū)式的案例模式，轉(zhuǎn)而采用了基礎(chǔ)知識(shí)+案例驅(qū)動(dòng)的雙軌模式。本教材共分為HTML基礎(chǔ)知識(shí)（包含最新的HTML5前沿經(jīng)典應(yīng)用）、CSS基礎(chǔ)知識(shí)（包含最新的CSS3應(yīng)用）、JavaScript基礎(chǔ)知識(shí)和綜合案例四大部分，高度濃縮了基礎(chǔ)知識(shí)部分，精心安排了大量前沿和綜合類(lèi)實(shí)例，以基礎(chǔ)知識(shí)鋪路，以前沿案例驅(qū)動(dòng)，以綜合案例提升，借此引領(lǐng)學(xué)生邁入網(wǎng)站前端開(kāi)發(fā)的大門(mén)。本教材既培養(yǎng)學(xué)生掌握扎實(shí)的Web基礎(chǔ)知識(shí)，也培養(yǎng)學(xué)生形成良好的Web設(shè)計(jì)素養(yǎng)。本教材既可作為高等職業(yè)院校計(jì)算機(jī)各專(zhuān)業(yè)的“Web開(kāi)發(fā)”課程的教材，也可供中職及成人教育相關(guān)專(zhuān)業(yè)使用或參考。
朱雯曦、紹興職業(yè)技術(shù)學(xué)院信息工程學(xué)院電子商務(wù)技術(shù)專(zhuān)業(yè)負(fù)責(zé)人。1、2018年浙江省大學(xué)生電子商務(wù)競(jìng)賽技術(shù)類(lèi)一等獎(jiǎng) 浙江省教育廳 指導(dǎo)教師（排名第一）2、精品課程建設(shè)項(xiàng)目："電子商務(wù)實(shí)務(wù)” 主持 2013-2015年 紹興職業(yè)技術(shù)學(xué)院 已結(jié)題2、2017年浙江省高職高專(zhuān)"電子商務(wù)技能沙盤(pán)”職業(yè)技能競(jìng)賽 省一等獎(jiǎng) 浙江省教育廳 指導(dǎo)教師（排名第一）3、2017年全國(guó)職業(yè)技能大賽"電子商務(wù)技能沙盤(pán)”賽項(xiàng) 全國(guó)二等獎(jiǎng) 教育部 指導(dǎo)老師（排名第一）4、2016-2017年 連續(xù)2年課堂教學(xué)優(yōu)秀獎(jiǎng) 紹興職業(yè)技術(shù)學(xué)院
目 錄
目錄
第1章 網(wǎng)站前端開(kāi)發(fā)要掌握的技術(shù)
1.1 制作我的第一個(gè)網(wǎng)頁(yè)
1.2 認(rèn)識(shí)HTML標(biāo)簽
1.3 認(rèn)識(shí)HTML文件基本結(jié)構(gòu)
1.4 認(rèn)識(shí)＜head＞標(biāo)簽
1.5 了解HTML的代碼注釋
1.6 案例拓展
第2章 認(rèn)識(shí)HTML標(biāo)簽
2.1 語(yǔ)義化，讓你的網(wǎng)頁(yè)更好地被搜索引擎理解
2.2 ＜h1＞～＜h6＞標(biāo)簽
2.3 ＜p＞和＜br＞標(biāo)簽
2.4 ＜img＞標(biāo)簽
2.5 ＜a＞標(biāo)簽
2.6 ＜span＞標(biāo)簽
2.7 ＜strong＞和＜em＞標(biāo)簽
2.8 ＜ul＞和＜li＞標(biāo)簽
2.9 ＜o(jì)l＞和＜li＞標(biāo)簽
2.10 ＜dl＞標(biāo)簽
2.11 ＜div＞標(biāo)簽
2.12 ＜input＞標(biāo)簽
2.13 ＜input＞和＜datalist＞標(biāo)簽
2.14 ＜input＞和＜label＞標(biāo)簽
2.15 其他標(biāo)簽匯總
2.16 HTML5新標(biāo)簽
第3章 認(rèn)識(shí)CSS樣式
3.1 CSS樣式的語(yǔ)法格式
3.2 CSS注釋代碼
3.3 CSS的三種樣式
3.4 關(guān)于選擇器
第4章 CSS文字排版
4.1 部分CSS屬性說(shuō)明
4.2 CSS布局模型
4.3 流動(dòng)模型
4.4 浮動(dòng)模型
4.5 層模型
4.6 行內(nèi)元素與塊狀元素
4.7 隱性改變display類(lèi)型
第5章 居中設(shè)置
5.1 水平居中—塊級(jí)元素水平居中
5.2 文字居中—行內(nèi)元素水平居中
5.3 固定高度的塊狀元素
5.4 文字垂直居中—單行內(nèi)聯(lián) (inline-)元素垂直居中
5.5 未知高度的塊狀元素
5.6 塊狀元素水平垂直居中
第6章 彈性布局
6.1 什么是彈性布局
6.2 作用在父容器上的6個(gè)彈性布局屬性
6.3 作用在子元素上的6個(gè)彈性布局屬性
6.4 關(guān)于彈性布局的總結(jié)
第7章 Bootstrap
7.1 什么是柵格系統(tǒng)
7.2 Bootstrap包含的內(nèi)容
7.3 col-md-x
7.4 Bootstrap網(wǎng)格系統(tǒng)（Grid System）的工作原理
7.5 柵格參數(shù)
第8章 JavaScript基礎(chǔ)
8.1 JavaScript 腳本的位置
8.2 三個(gè)彈框
8.3 創(chuàng)建一個(gè)簡(jiǎn)單的變量
8.4 基礎(chǔ)函數(shù)
8.5 DOM基礎(chǔ)
8.6 DOM事件處理
8.7 綁定事件
8.8 正則表達(dá)式詳解
8.9 字符串的方法
8.10 正則表達(dá)式語(yǔ)法基礎(chǔ)
8.11 超時(shí)調(diào)用
8.12 清除超時(shí)調(diào)用
8.13 間歇調(diào)用
8.14 清除間歇調(diào)用
第9章 網(wǎng)易云課堂
9.1 頁(yè)面實(shí)現(xiàn)
9.2 案例總結(jié)
9.3 案例拓展
第10章 水晶石頁(yè)面的實(shí)現(xiàn)
10.1 頁(yè)面實(shí)現(xiàn)
10.2 案例總結(jié)
10.3 案例拓展
第11章 百度網(wǎng)盤(pán)頁(yè)面的實(shí)現(xiàn)
11.1 頁(yè)面實(shí)現(xiàn)
11.2 案例總結(jié)
11.3 案例拓展
第12章 小米網(wǎng)頁(yè)的實(shí)現(xiàn)
12.1 基礎(chǔ)頁(yè)面準(zhǔn)備
12.2 案例總結(jié)
12.3 案例拓展
第13章 CSS3圖片效果切換的實(shí)現(xiàn)
13.1 基礎(chǔ)頁(yè)面準(zhǔn)備
13.2 HTML部分代碼實(shí)現(xiàn)
13.3 CSS代碼實(shí)現(xiàn)
13.4 案例總結(jié)
13.5 案例拓展
第14章 彈性布局綜合案例實(shí)現(xiàn)
14.1 案例實(shí)現(xiàn)
14.2 案例總結(jié)
14.3 案例拓展
第15章 注冊(cè)賬戶信息頁(yè)面的實(shí)現(xiàn)
15.1 基礎(chǔ)頁(yè)面準(zhǔn)備
15.2 HTML代碼實(shí)現(xiàn)
15.3 JavaScript部分
15.4 案例總結(jié)
15.5 案例拓展
第16章 實(shí)驗(yàn)場(chǎng)實(shí)現(xiàn)
16.1 index頁(yè)面代碼實(shí)現(xiàn)
16.2 實(shí)驗(yàn)場(chǎng)1代碼實(shí)現(xiàn)
16.3 實(shí)驗(yàn)場(chǎng)2代碼實(shí)現(xiàn)
16.4 案例總結(jié)
16.5 案例拓展
第17章 圖片輪播效果的實(shí)現(xiàn)
17.1 基礎(chǔ)頁(yè)面的實(shí)現(xiàn)準(zhǔn)備
17.2 案例總結(jié)
17.3 案例拓展
書(shū)單推薦
