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

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

駱飛老師的其它課程