本書共分為4大部分,循序漸進(jìn)地講述了 Web 前端開發(fā)的基本概念、HTML5、CSS3、JavaScript以及Web前端開發(fā)的綜合案例。第一部分:主要講述Web前端開發(fā)的基礎(chǔ)知識,如 HTML 的基礎(chǔ)語法,開發(fā)環(huán)境的配置,常用標(biāo)簽的使用,其中第5章講述HTML5進(jìn)階,如新增的HTML5標(biāo)簽、Canvas繪圖等。第二部分:主要講述 CSS 的基礎(chǔ)知識,如常用的樣式屬性,網(wǎng)頁的美化,DIV+CSS網(wǎng)頁布局,以及常見網(wǎng)頁結(jié)構(gòu)的制作。其中第11章講述了 CSS3 中的新特性,包括CSS3中的漸變、過渡、動畫等,使我們做出的網(wǎng)站功能更加豐富,頁面也更加美觀。第三部分:主要講述JavaScript的基礎(chǔ)知識,從最基礎(chǔ)的語法開始學(xué)習(xí),使讀者能夠零基礎(chǔ)學(xué)習(xí)JavaScript程序的編寫,完成網(wǎng)頁的動態(tài)特性。第四部分:主要講述電商綜合案例頁面的實現(xiàn),將前期所學(xué)的基礎(chǔ)知識運(yùn)用到實際的網(wǎng)站制作中,從整體上學(xué)習(xí)企業(yè)網(wǎng)站的實際開發(fā)過程。本書適用職業(yè)教育計算機(jī)類專業(yè)教學(xué)和學(xué)習(xí),也可作為其他對Web前端開發(fā)感興趣的讀者或在職人員的自學(xué)參考書籍。
朱鐵櫻,副教授,教研室主任,2002.8至今一直就職于 浙江廣廈建設(shè)職業(yè)技術(shù)大學(xué),畢業(yè)于浙江大學(xué)。獲得軟件著作權(quán):4項,實用新型專利:3項,外觀設(shè)計專利:2項。主持在研教育部產(chǎn)學(xué)合作協(xié)同育人項目1項,主持完成市級以上課題4項,橫向課題1項,參與廳級以上課題4項,公開發(fā)表論文十余篇。
第 1 部分 HTML5 頁面布局
第 1 章 Web 開發(fā)基礎(chǔ)
1.1 Web 概述
1.2 Web 工作原理
1.3 Web 相關(guān)概念
1.4 Web 網(wǎng)頁的構(gòu)成
1.5 Web 前端開發(fā)技術(shù)
1.6 Web 開發(fā)工具
1.7 案例—舍億萬財富,點亮整個世界
1.8 習(xí)題
1.9 練習(xí)
第 2 章 HTML 入門
2.1 認(rèn)識 HTML
2.2 HTML 文檔結(jié)構(gòu)
2.3 HTML 基礎(chǔ)語法
2.4 文本控制標(biāo)簽
2.5 圖片標(biāo)簽
2.6 布局標(biāo)簽
2.7 案例—社會主義核心價值觀頁面
2.8 習(xí)題
2.9 練習(xí)
第 3 章 列表與超鏈接
3.1 超鏈接的基本使用
3.2 錨點
3.3 圖片與超鏈接結(jié)合使用
3.4 無序列表
3.5 有序列表
3.6 自定義列表
3.7 案例—中國八大菜系
3.8 習(xí)題
3.9 練習(xí)
第 4 章 表格與表單
4.1 表格的定義
4.2 單元格的合并
4.3 美化表格和單元格
4.4 表單的基本概念
4.5 input 表單控件
4.6 其他表單控件
4.7 案例—學(xué)生信息登記表
4.8 習(xí)題
4.9 練習(xí)
第 5 章 HTML5 進(jìn)階
5.1 HTML 語言版本變遷
5.2 HTML5 新特性
5.3 HTML5 新增結(jié)構(gòu)元素
5.4 HTML5 表單
5.5 HTML5 音頻與視頻
5.6 繪圖
5.7 案例—電影影評網(wǎng)
5.8 習(xí)題
5.9 練習(xí)
第 2 部分 CSS3 美化頁面
第 6 章 CSS 基礎(chǔ)
6.1 CSS 概述
6.2 結(jié)構(gòu)與表現(xiàn)分離
6.3 CSS 語法基礎(chǔ)
6.4 CSS 注釋
6.5 在網(wǎng)頁中嵌入 CSS
6.6 CSS 三大特性
6.7 案例—二十四節(jié)氣歌
6.8 習(xí)題
6.9 練習(xí)
第 7 章 選擇器
7.1 基礎(chǔ)選擇器
7.2 復(fù)合選擇器
7.3 屬性選擇器
7.4 關(guān)系選擇器
7.5 偽類選擇器
7.6 偽元素選擇器
7.7 案例—中國四大國粹
7.8 習(xí)題
7.9 練習(xí)
第 8 章 CSS 常用樣式屬性
8.1 字體
8.2 文本
8.3 背景
8.4 案例—中華傳統(tǒng)文化
8.5 習(xí)題
8.6 練習(xí)
第 9 章 盒子模型
9.1 盒子模型概述
9.2 內(nèi)邊距
9.3 外邊距
9.4 邊框
9.5 圓角邊框
9.6 盒子的大小
9.7 案例—盒子模型
9.8 習(xí)題
9.9 練習(xí)
第 10 章 網(wǎng)頁布局
10.1 元素的分類
10.2 浮動
10.3 清除浮動
10.4 定位
10.5 彈性布局
10.6 案例—中國非物質(zhì)文化遺產(chǎn)網(wǎng)
10.7 習(xí)題
10.8 練習(xí)
第 11 章 CSS3 進(jìn)階
11.1 CSS3 漸變
11.2 CSS3 變形
11.3 CSS3 過渡
11.4 CSS3 動畫
11.5 案例—中國傳統(tǒng)節(jié)日
11.6 習(xí)題
11.7 練習(xí)
第 3 部分 JavaScript
第 12 章 JavaScript 基礎(chǔ)
12.1 JavaScript 概述
12.2 變量
12.3 數(shù)據(jù)類型
12.4 運(yùn)算符
12.5 流程控制語句
12.6 函數(shù)
12.7 數(shù)組
12.8 對象
12.9 案例—簡易計算器
12.10 習(xí)題
12.11 練習(xí)
第 13 章 JavaScript 進(jìn)階
13.1 BOM 對象
13.2 DOM 操作
13.3 操作表單
13.4 Ajax
13.5 事件處理
13.6 案例—簡易留言板
13.7 習(xí)題
13.8 練習(xí)
第 4 部分 綜合項目
第 14 章 電商項目綜合案例
14.1 電商平臺構(gòu)成
14.2 首頁效果圖分析
14.3 制作 logo 欄與搜索欄
14.4 設(shè)計首頁左側(cè)菜單
14.5 制作 banner 輪播圖
14.6 制作主要功能盒子