HTML 5+CSS 3+JavaScript基礎(chǔ)開發(fā)

HTML 5+CSS 3+JavaScript基礎(chǔ)開發(fā)
課程簡(jiǎn)介
首先講解了HTML 5、CSS 3、文本、列表、頁(yè)面布局等Web前端開發(fā)的語(yǔ)言基礎(chǔ)知識(shí)，然后深入介紹了JavaScript語(yǔ)言基礎(chǔ)、開發(fā)應(yīng)用、對(duì)象與數(shù)組、函數(shù)與閉包以及人機(jī)交互等核心運(yùn)用。在實(shí)踐環(huán)節(jié)不僅講述了Web前端開發(fā)在金融理財(cái)、移動(dòng)互聯(lián)網(wǎng)、電子商務(wù)等行業(yè)的應(yīng)用，還介紹了其在企業(yè)門戶網(wǎng)站、游戲大廳網(wǎng)站以及App等大型項(xiàng)目中的應(yīng)用，全面展現(xiàn)了項(xiàng)目開發(fā)實(shí)踐的全過程。
課程目標(biāo)
本課程的目的是多角度、全方位地幫助學(xué)習(xí)者快速掌握軟件開發(fā)技能，構(gòu)建從書本到社會(huì)的就職橋梁，讓有志于從事軟件開發(fā)工作的學(xué)習(xí)者輕松步入職場(chǎng)。適合希望學(xué)習(xí)Web開發(fā)前端編程語(yǔ)言的初中級(jí)程序員和希望精通程序開發(fā)的程序員參培。
第1篇 基礎(chǔ)知識(shí)
HTML 5基礎(chǔ)入門
1.1 HTML的基本概念
1.2 HTML 5的優(yōu)勢(shì)
解決跨瀏覽器問題
部分代替了原來(lái)的JavaScript
更明確的語(yǔ)義支持
增強(qiáng)了Web應(yīng)用程序的功能
1.3 編寫第一個(gè)HTML頁(yè)面
搭建HTML運(yùn)行環(huán)境
檢查瀏覽器是否支持
編寫“hello HTML 5”Web頁(yè)面
1.4 認(rèn)識(shí)網(wǎng)頁(yè)與網(wǎng)站
網(wǎng)頁(yè)與網(wǎng)站的關(guān)系
建立網(wǎng)站的一般流程
HTML 5文檔基本結(jié)構(gòu)
2.1 HTML 5文檔構(gòu)成
2.2 HTML 5的語(yǔ)法變化
2.3 HTML 5標(biāo)簽、元素及屬性
2.4 HTML 5文檔頭部標(biāo)簽
2.5 <meta>標(biāo)簽
2.6 頁(yè)面注釋標(biāo)簽
2.7 標(biāo)題標(biāo)簽、換行標(biāo)簽及不換行標(biāo)簽
2.8 段落標(biāo)簽、換行標(biāo)簽及不換行標(biāo)簽
2.9 其他標(biāo)簽
第3章 CSS 3基礎(chǔ)入門
3.1 CSS概述
3.2 CSS 的基本語(yǔ)法
3.3 HTML網(wǎng)頁(yè)應(yīng)用CSS樣式的方法
3.4 CSS三大特性
3.5 在腳本中修改顯示樣式
3.6 實(shí)踐案例——設(shè)計(jì)登錄和注冊(cè)界面
第4章 CSS 3樣式選擇器
4.1 選擇器分類
4.2 基本選擇器
4.3 層次選擇器
4.4 動(dòng)態(tài)偽類選擇器
4.5 CSS 3新增的偽類選擇器
4.6 屬性選擇器
4.7 實(shí)踐案例——制作404頁(yè)面
第5章 使用并美化網(wǎng)頁(yè)文本
5.1 設(shè)置網(wǎng)頁(yè)文本字體
5.2 設(shè)置網(wǎng)頁(yè)文本的縮進(jìn)和間距
5.3 設(shè)置網(wǎng)頁(yè)文本的對(duì)齊方式
5.4 CSS 3新增的服務(wù)器字體
5.5 實(shí)踐案例——設(shè)置簡(jiǎn)單的文字效果
第6章 使用并美化網(wǎng)頁(yè)圖像
6.1 插入網(wǎng)頁(yè)圖像
6.2 設(shè)置網(wǎng)頁(yè)圖像
6.3 設(shè)置網(wǎng)頁(yè)圖像樣式
6.4 設(shè)置網(wǎng)頁(yè)背景顏色和背景圖
6.5 實(shí)踐案例——獨(dú)特的瀑布流效果
第2篇 核心應(yīng)用
第7章 使用并美化網(wǎng)頁(yè)超鏈接
7.1 超鏈接基礎(chǔ)
7.2 超鏈接路徑
7.3 定義超鏈接和熱點(diǎn)區(qū)域
7.4 定義錨點(diǎn)超鏈接
7.5 使用CSS樣式美化超鏈接
7.6 實(shí)踐案例——鼠標(biāo)指針跟隨的超鏈接
使用并美化網(wǎng)頁(yè)列表
8.1 列表標(biāo)簽
8.2 列表的常見應(yīng)用
8.3 設(shè)計(jì)CSS 3樣式美化列表
8.4 實(shí)踐案例——設(shè)計(jì)排行榜
第9章 使用并美化表格
9.1 表格的基本結(jié)構(gòu)
9.2 創(chuàng)建網(wǎng)頁(yè)表格
9.3 表格的邊框
9.4 表格背景
9.5 表格的行屬性
9.6 單元格屬性
9.7 使用CSS樣式美化表格
9.8 實(shí)踐案例
第10章 使用并美化表單
10.1 表單的基本結(jié)構(gòu)
10.2 表單及表單控件
10.3 HTML 5新增的表單元素
10.4 HTML 5新增的表單屬性
10.5 HTML 5新增的客戶端校驗(yàn)
10.6 實(shí)踐案例——設(shè)計(jì)美化搜索頁(yè)面
第11章 Web標(biāo)準(zhǔn)與網(wǎng)頁(yè)布局
11.1 Web標(biāo)準(zhǔn)與CSS布局
11.2 網(wǎng)頁(yè)排版
11.3 CSS定位
11.4 浮動(dòng)布局及浮動(dòng)嵌套
11.5 案例實(shí)戰(zhàn)
第12章 CSS 3盒子模型與頁(yè)面布局
12.1 認(rèn)識(shí)盒子模型
12.2 添加盒陰影
12.3 布局的相關(guān)屬性
12.4 設(shè)置多列顯示樣式
12.5 使用彈性盒布局
12.6 實(shí)踐案例
第13章 使用網(wǎng)頁(yè)動(dòng)畫效果
13.1 定義2D變形動(dòng)畫
13.2 自定義2D變換
13.3 CSS 3 3D變換動(dòng)畫
13.4 CSS 3平滑過渡動(dòng)畫
13.5 CSS 3幀動(dòng)畫
13.6 實(shí)踐案例
第3篇 核心技術(shù)
第14章 JavaScript基礎(chǔ)
14.1 JavaScript概述
14.2 網(wǎng)頁(yè)中的JavaScript
14.3 變量
14.4 數(shù)據(jù)類型
14.5 運(yùn)算符
14.6 運(yùn)算符優(yōu)先級(jí)
14.7 表達(dá)式語(yǔ)句
14.8 條件判斷語(yǔ)句
14.9 循環(huán)語(yǔ)句
14.10 跳轉(zhuǎn)語(yǔ)句
14.11 九九乘法表
14.12 計(jì)算借貸支出金額
第15章 JavaScript開發(fā)應(yīng)用工具
15.1 JavaScript的編寫工具
15.2 JavaScript常用的開發(fā)工具
15.3 JavaScript常用的調(diào)試工具
JavaScript對(duì)象與數(shù)組
16.1 創(chuàng)建對(duì)象的方法
16.2 常用內(nèi)置對(duì)象
16.3 對(duì)象訪問語(yǔ)句
16.4 對(duì)象序列化
16.5 創(chuàng)建對(duì)象的常用模式
16.6 數(shù)組對(duì)象
16.7 數(shù)組方法
16.8 經(jīng)典案例——制作二級(jí)關(guān)聯(lián)菜單
第17章 JavaScript函數(shù)與閉包
17.1 函數(shù)是什么
17.2 定義函數(shù)
17.3 函數(shù)的調(diào)用
17.4 內(nèi)置常規(guī)函數(shù)
17.5 JavaScript特殊函數(shù)
17.6 JavaScript的閉包
17.7 回調(diào)函數(shù)設(shè)計(jì)模式
17.8 制作伸縮兩級(jí)菜單
第18章 JavaScript窗口與人機(jī)交互對(duì)話框
18.1 window對(duì)象
18.2 打開與關(guān)閉窗口
18.3 操作窗口對(duì)象
18.4 獲取窗口歷史記錄
18.5 窗口定時(shí)器
18.6 JavaScript對(duì)話框
18.7 調(diào)用對(duì)話框
18.8 其他
18.9 制作詢問式對(duì)話框
第4篇 高級(jí)應(yīng)用
第19章 文檔對(duì)象與對(duì)象模型
19.1 熟悉文檔對(duì)象
19.2 使用文檔對(duì)象
19.3 DOM及DOM技術(shù)簡(jiǎn)介
19.4 DOM模型中的節(jié)點(diǎn)
19.5 操作DOM中的節(jié)點(diǎn)
19.6 使用非標(biāo)準(zhǔn)DOM innerHTML屬性
19.7 DOM與CSS
19.8 制作樹形導(dǎo)航菜單

駱飛老師的其它課程