- 第1 章 ： 1-Web前端開發(fā)技術(shù)綜述
- 課時(shí)1：【PPT講義】1.1，1.2-Web概述，Web前端開發(fā)工程師職業(yè)需求
- 課時(shí)2：【PPT講義】1.3-Web前端開發(fā)技術(shù)
- 課時(shí)3：【PPT講義】1.4,1.5,1.6-Web前端開發(fā)工具,瀏覽器工具,綜合案例
- 課時(shí)4：【視頻】1.6綜合實(shí)例 07:25
- 第2 章 ： 2-HTML基礎(chǔ)
- 課時(shí)5：【PPT講義】2-HTML基礎(chǔ)
- 課時(shí)6：【視頻】例2-1-1HTML文檔結(jié)構(gòu) 07:57
- 課時(shí)7：【視頻】例2-2-1標(biāo)題title 02:39
- 課時(shí)8：【視頻】例2.2.2 05:28
- 課時(shí)9：【視頻】例2-2-2meta標(biāo)記 04:12
- 課時(shí)10：【視頻】例2-3-1body標(biāo)記使用 04:45
- 課時(shí)11：【視頻】例2-3-2body標(biāo)記屬性的應(yīng)用 09:27
- 課時(shí)12：【視頻】例2-4-1標(biāo)記語法及屬性語法的應(yīng)用 07:04
- 課時(shí)13：【視頻】例2-5-1注釋標(biāo)記 03:54
- 課時(shí)14：【視頻】例2.8綜合實(shí)例2-8-1 07:08
- 第3 章 ： 3-格式化文字與段落
- 課時(shí)15：【PPT講義】3-格式化文字與段落
- 課時(shí)16：【視頻】例3-1-1body中添加文字 01:53
- 課時(shí)17：【視頻】例3-1-2標(biāo)題字標(biāo)記 03:40
- 課時(shí)18：【視頻】例3-1-3空格及特殊符號(hào) 04:27
- 課時(shí)19：【視頻】例3-2-1文本修飾標(biāo)記 08:46
- 課時(shí)20：【視頻】例3-2-2font標(biāo)記 07:15
- 課時(shí)21：【視頻】例3-3-1p標(biāo)記 04:06
- 課時(shí)22：【視頻】例3-3-2br與hr 06:43
- 課時(shí)23：【視頻】例3-3-3ruby與blockquote 08:39
- 課時(shí)24：【視頻】例3-3-4預(yù)格式化 03:09
- 課時(shí)25：【視頻】3.4綜合實(shí)例 07:21
- 第4 章 ： 4-列表
- 課時(shí)26：【PPT講義】4-列表
- 課時(shí)27：【視頻】例4-2-1無序列表 05:17
- 課時(shí)28：【視頻】例4-3-1有序列表 04:53
- 課時(shí)29：【視頻】例4-4-1列表嵌套 08:02
- 課時(shí)30：【視頻】例4-5-1定義列表 05:27
- 課時(shí)31：【視頻】4.6綜合實(shí)例 07:28
- 第5 章 ： 5-超鏈接
- 課時(shí)32：【PPT講義】5-超鏈接
- 課時(shí)33：【視頻】例5-2-1超鏈接 06:48
- 課時(shí)34：【視頻】例5-2-2超鏈接分類 04:41
- 課時(shí)35：【視頻】例5-3-1超鏈接的綜合應(yīng)用 12:13
- 課時(shí)36：【視頻】例5-3-2書簽錠接的應(yīng)用 14:12
- 課時(shí)37：【視頻】例5-4-1應(yīng)用浮動(dòng)框架 10:34
- 課時(shí)38：【視頻】綜合實(shí)例5-5-1 12:50
- 第6 章 ： 6-圖像與多媒體文件
- 課時(shí)39：【PPT講義】6.1-圖像
- 課時(shí)40：【PPT講義】6.2-滾動(dòng)文字
- 課時(shí)41：【PPT講義】6.3-背景音樂與其它多媒體文件
- 課時(shí)42：【視頻】例6-1-1插入圖像 03:31
- 課時(shí)43：【視頻】例6-1-2圖像替代文字 04:08
- 課時(shí)44：【視頻】例6-1-3圖像寬度高度邊框 07:14
- 課時(shí)45：【視頻】例6-1-4圖像熱區(qū)鏈接 05:00
- 課時(shí)46：【視頻】例6-2-1添加滾動(dòng)文字 04:05
- 課時(shí)47：【視頻】例6-2-2滾動(dòng)文字屬性綜合應(yīng)用 06:33
- 課時(shí)48：【視頻】例6-3-1音視頻及Flash文件播放 06:42
- 課時(shí)49：【視頻】6.4綜合實(shí)例 16:49
- 第7 章 ： 7-CSS基礎(chǔ)
- 課時(shí)50：【PPT講義】7-CSS基礎(chǔ)
- 課時(shí)51：【視頻】例7-2-1偽選擇器演示 07:33
- 課時(shí)52：【視頻】例7-2-2CSS屬性選擇器 14:59
- 課時(shí)53：【視頻】例7-2-3內(nèi)聯(lián)樣式 02:51
- 課時(shí)54：【視頻】例7-2-4內(nèi)部樣式表 06:36
- 課時(shí)55：【視頻】例7-2-5鏈接外部樣式表 07:33
- 課時(shí)56：【視頻】例7-2-67.2.4style導(dǎo)入樣式 04:16
- 課時(shí)57：【視頻】例7-3-1CSS繼承與層疊 06:22
- 第8 章 ： 8-DIV與SPAN
- 課時(shí)58：【PPT講義】8-DIV與SPAN
- 課時(shí)59：【視頻】例8-1-1div應(yīng)用 07:06
- 課時(shí)60：【視頻】例8-2-1div嵌套 09:01
- 課時(shí)61：【視頻】例8-2-2-div層疊 07:38
- 課時(shí)62：【視頻】例8-3-1塊元素與行元素的轉(zhuǎn)化 11:29
- 第9 章 ： 9-CSS樣式屬性
- 課時(shí)63：【PPT講義】9.1,9.2-CSS屬性值中的單位,CSS字體樣式
- 課時(shí)64：【PPT講義】9.3,9.4,9.5-CSS文本樣式,CSS顏色與背景,CSS列表樣式
- 課時(shí)65：【PPT講義】9.6-CSS盒模型
- 課時(shí)66：【視頻】例9-2-1設(shè)置字體大小樣式及字體名稱 09:17
- 課時(shí)67：【視頻】例9-2-2設(shè)置字體變體、粗細(xì)、復(fù)合屬性 08:53
- 課時(shí)68：【視頻】例9-3-1設(shè)置字符間距、行距及首行縮進(jìn) 07:07
- 課時(shí)69：【視頻】例9-3-2設(shè)置文字裝飾及大小寫轉(zhuǎn)換 05:26
- 課時(shí)70：【視頻】例9-3-3設(shè)置內(nèi)容對齊方式 12:17
- 課時(shí)71：【視頻】例9-4-1設(shè)置頁面文字顏色及背景圖像 06:24
- 課時(shí)72：【視頻】例9-4-2設(shè)置背景圖像重復(fù)、位置與附件的應(yīng)用 08:07
- 課時(shí)73：【視頻】例9-5-1CSS 列表屬性綜合應(yīng)用 10:50
- 課時(shí)74：【視頻】例9-6-1設(shè)置邊界屬性 04:26
- 課時(shí)75：【視頻】例9-6-2設(shè)置邊框?qū)傩?/span> 06:47
- 課時(shí)76：【視頻】例9-6-3設(shè)置填充屬性 06:37
- 第10 章 ： 10-DIV+CSS頁面布局
- 課時(shí)77：【PPT講義】10-CSS+DIV頁面布局
- 課時(shí)78：【視頻】三行模式布局 05:29
- 課時(shí)79：【視頻】三列模布局 06:46
- 課時(shí)80：【視頻】三行二列頁面布局 08:49
- 課時(shí)81：【視頻】三行三列頁面布局 09:11
- 課時(shí)82：【視頻】多行三列頁面布局 22:34
- 課時(shí)83：【視頻】下拉導(dǎo)航菜單 21:14
- 第11 章 ： 11-表格
- 課時(shí)84：【PPT講義】11-表格
- 課時(shí)85：【視頻】例11-1-1簡易學(xué)生信息表 04:14
- 課時(shí)86：【視頻】例11-2-1設(shè)計(jì)班級(jí)課程表 08:03
- 課時(shí)87：【視頻】例11-3-1設(shè)置表格邊框?qū)傩?/span> 08:17
- 課時(shí)88：【視頻】例11-3-2設(shè)置表格的邊框樣式屬性 06:02
- 課時(shí)89：【視頻】例11-3-3設(shè)置表格的單元格間距和邊距 05:22
- 課時(shí)90：【視頻】例11-3-4設(shè)置表格的水平對齊屬性 04:57
- 課時(shí)91：【視頻】例11-4-1設(shè)置表格行內(nèi)容對齊屬性 07:48
- 課時(shí)92：【視頻】例11-5-1設(shè)置表格單元格合并 07:52
- 課時(shí)93：【視頻】例11-6-1設(shè)置嵌套表格 11:01
- 第12 章 ： 12-框架
- 課時(shí)94：【PPT講義】12-框架
- 課時(shí)95：【視頻】例12-1-1表單的應(yīng)用 05:39
- 課時(shí)96：【視頻】例12-2-1域和域標(biāo)題標(biāo)記的應(yīng)用 06:45
- 課時(shí)97：【視頻】例12-3-1用戶信息輸入 05:35
- 課時(shí)98：【視頻】例12-3-2復(fù)選框與單選按鈕的應(yīng)用 11:23
- 課時(shí)99：【視頻】例12-3-2復(fù)選框與單選按鈕的應(yīng)用-1 11:21
- 課時(shí)100：【視頻】例12-3-3在網(wǎng)頁中使用圖像按鈕 05:07
- 課時(shí)101：【視頻】例12-3-4三種按鈕的應(yīng)用 07:11
- 課時(shí)102：【視頻】例12-3-5文件選擇框與隱藏框的應(yīng)用 08:21
- 課時(shí)103：【視頻】例12-4-1征求意見表 04:11
- 課時(shí)104：【視頻】例12-5-1下拉列表框的應(yīng)用 04:55
- 第13 章 ： 13-表單
- 課時(shí)105：【PPT講義】13-表單
- 課時(shí)106：【視頻】例13-2-1標(biāo)題組合標(biāo)記的應(yīng)用 04:15
- 課時(shí)107：【視頻】例13-2-2導(dǎo)航nav標(biāo)記的應(yīng)用 03:51
- 課時(shí)108：【視頻】例13-2-3文章article標(biāo)記的應(yīng)用 04:27
- 課時(shí)109：【視頻】例13-2-4section標(biāo)記的應(yīng)用 03:20
- 課時(shí)110：【視頻】例13-2-5aside標(biāo)記的應(yīng)用 04:06
- 課時(shí)111：【視頻】例13-2-6footer標(biāo)記的應(yīng)用 04:54
- 課時(shí)112：【視頻】例13-3-1hgroup標(biāo)記的應(yīng)用 03:16
- 課時(shí)113：【視頻】例13-3-2figure與figcaption標(biāo)記的應(yīng)用 07:23
- 課時(shí)114：【視頻】例13-3-3mark和time標(biāo)記的應(yīng)用 05:16
- 課時(shí)115：【視頻】例13-3-4details和summary標(biāo)記的應(yīng)用 05:10
- 課時(shí)116：【視頻】例13-3-5progress標(biāo)記與meter標(biāo)記的應(yīng)用 08:55
- 課時(shí)117：【視頻】例13-3-6input和datalist標(biāo)記的應(yīng)用 06:33
- 課時(shí)118：【視頻】例13-4-1表單屬性autocomplete和novalidate的應(yīng)用 06:02
- 課時(shí)119：【視頻】例13-4-2input標(biāo)記的新增部分屬性的應(yīng)用 12:10
- 課時(shí)120：【視頻】例13-4-3input標(biāo)記的新增其他屬性的應(yīng)用 13:51
- 課時(shí)121：【視頻】例13-4-4新增output標(biāo)記的應(yīng)用 07:43
- 課時(shí)122：【視頻】例13-4-6表單日期選擇器的應(yīng)用 10:14
- 課時(shí)123：【視頻】例13-4-7其他新增input類型綜合應(yīng)用 16:33
- 課時(shí)124：【視頻】例13-5-1video標(biāo)記的應(yīng)用 09:18
- 課時(shí)125：【視頻】例13-5-2audio標(biāo)記的應(yīng)用 07:14
- 課時(shí)126：【視頻】例13-6-1CSS3圓角邊框的應(yīng)用 10:47
- 課時(shí)127：【視頻】例13-6-2CSS3邊框陰影的應(yīng)用 11:43
- 課時(shí)128：【視頻】例13-6-3CSS3圖像邊框的應(yīng)用 10:52
- 課時(shí)129：【視頻】例13-6-4CSS3位移與旋轉(zhuǎn)的應(yīng)用 12:00
- 課時(shí)130：【視頻】例13-6-5CSS3縮放、扭曲、矩陣綜合應(yīng)用 10:41
- 課時(shí)131：【視頻】例13-6-6CSS33D旋轉(zhuǎn)的應(yīng)用 08:23
- 課時(shí)132：【視頻】例13-6-7CSS3過渡與轉(zhuǎn)換綜合的應(yīng)用 13:51
- 課時(shí)133：【視頻】例13-6-8CSS3動(dòng)畫的應(yīng)用 10:58
- 課時(shí)134：【視頻】例13-6-9CSS3多列屬性的應(yīng)用 07:47
- 課時(shí)135：【視頻】例13-6-10CSS3文本效果屬性的應(yīng)用 13:58
- 課時(shí)136：【視頻】13-7-1綜合實(shí)例 17:30
- 第14 章 ： 14-JavaScript基礎(chǔ)
- 課時(shí)137：【PPT講義】14.1-JavaScript概述
- 課時(shí)138：【PPT講義】14.2-JavaScript程序
- 課時(shí)139：【PPT講義】14.3-標(biāo)識(shí)符和變量
- 課時(shí)140：【PPT講義】14.4-運(yùn)算符和表達(dá)式
- 課時(shí)141：【PPT講義】14.5-JavaScript程序控制結(jié)構(gòu)
- 課時(shí)142：【PPT講義】14.6-JavaScript函數(shù)
- 課時(shí)143：【PPT講義】14.7-綜合實(shí)例
- 課時(shí)144：【視頻】例14-1-1使用JavaScript 向HTML 頁面輸出信息 02:09
- 課時(shí)145：【視頻】例14-1-2在head 標(biāo)記內(nèi)定義兩個(gè)JavaScript 函數(shù) 07:23
- 課時(shí)146：【視頻】例14-1-3調(diào)用外部js文件中的JavaScript函數(shù) 06:19
- 課時(shí)147：【視頻】例14-1-4調(diào)用直接寫在事件處理代碼中JavaScript程序 03:51
- 課時(shí)148：【視頻】例14-2-1輸出告警消息 02:32
- 課時(shí)149：【視頻】例14-2-2使用JavaScript確認(rèn)框 06:32
- 課時(shí)150：【視頻】例14-2-3使用JavaScript提示框 05:29
- 課時(shí)151：【視頻】14.2.4JavaScript注釋 04:14
- 課時(shí)152：【視頻】14-2-4JavaScript注釋-1 04:13
- 課時(shí)153：【視頻】例14-3-1數(shù)值類型數(shù)據(jù)的應(yīng)用 08:25
- 課時(shí)154：【視頻】例14-5-1使用順序結(jié)構(gòu)程序計(jì)算圓的周長和面積 04:58
- 課時(shí)155：【視頻】例14-5-2判斷學(xué)生成績是否及格 02:51
- 課時(shí)156：【視頻】例14-5-3判斷學(xué)生成績是否及格 05:20
- 課時(shí)157：【視頻】例14-5-4采用switch結(jié)構(gòu)實(shí)現(xiàn)成績等級(jí)制轉(zhuǎn)百分制 09:40
- 課時(shí)158：【視頻】例14-5-5使用for語句計(jì)算1～100之間所有數(shù)字之和 04:04
- 課時(shí)159：【視頻】例14-5-6使用while語句計(jì)算1～100之間所有數(shù)字之和 04:34
- 課時(shí)160：【視頻】例14-5-7使用do…while循環(huán)計(jì)算1～100的數(shù)字之和 04:37
- 課時(shí)161：【視頻】例14-5-8使用for…in循環(huán)列出document對象的所有屬性 07:29
- 課時(shí)162：【視頻】例14-5-8使用for…in循環(huán)列出screen對象的所有屬性和數(shù)組中的所有元素 10:00
- 課時(shí)163：【視頻】例14-5-9計(jì)算1！-5！的和 05:43
- 課時(shí)164：【視頻】例14-5-10計(jì)算5！-n！的和(5≤n≤15) 09:57
- 課時(shí)165：【視頻】例14-6-1eval()函數(shù)的應(yīng)用 06:31
- 課時(shí)166：【視頻】例14-6-2escape()函數(shù)的應(yīng)用 08:19
- 課時(shí)167：【視頻】例14-6-3unescape()函數(shù)的應(yīng)用 05:30
- 課時(shí)168：【視頻】例14-6-4parseFloat()函數(shù)的應(yīng)用 07:17
- 課時(shí)169：【視頻】例14-6-6isNaN()函數(shù)的應(yīng)用 03:50
- 課時(shí)170：【視頻】例14-6-7判斷郵箱地址的合法性 19:46
- 課時(shí)171：【視頻】例14-6-8自定義求梯形面積的函數(shù) 06:00
- 課時(shí)172：【視頻】例14-6-9return語句的應(yīng)用 05:17
- 課時(shí)173：【視頻】例14-6-10變量的作用域范圍 07:17
- 第15 章 ： 15-JavaScript事件分析
- 課時(shí)174：【PPT講義】15-JavaScript事件分析
- 課時(shí)175：【視頻】例15-1-1在HTML標(biāo)記中的靜態(tài)指定事件處理代碼 敬請期待
- 第16 章 ： 16-DOM和BOM
- 課時(shí)176：【PPT講義】16.1-常用對象
- 課時(shí)177：【PPT講義】16.2-HTML DOM
- 課時(shí)178：【PPT講義】16.3-BOM
- 課時(shí)179：【PPT講義】16.4-綜合實(shí)例
- 第17 章 ： 17-瀏覽器兼容性測試、網(wǎng)站調(diào)試與發(fā)布
- 課時(shí)180：【PPT講義】17-瀏覽器兼容性測試、網(wǎng)站調(diào)試與發(fā)布
授課教師
最新學(xué)員
學(xué)員動(dòng)態(tài)
徐興望
開始學(xué)習(xí)課時(shí) 【PPT講義】8-DIV與SP...
徐興望
開始學(xué)習(xí)課時(shí) 【視頻】例7-2-1偽選擇器演...
徐興望
開始學(xué)習(xí)課時(shí) 【視頻】例6-1-1插入圖像
徐興望
開始學(xué)習(xí)課時(shí) 【PPT講義】7-CSS基礎(chǔ)
初次見面
開始學(xué)習(xí)課時(shí) 【視頻】例5-2-2超鏈接分類