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