部分 Web前端設(shè)計(jì)師之十八般武藝
了解PS+Flash(25講)
Adobe Photoshop,簡稱"PS",是由Adobe Systems開發(fā)和發(fā)行的圖像處理軟件。Photoshop主要處理以像素所構(gòu)成的數(shù)字圖像。使用其眾多的 編修與繪圖工具,可以有效地進(jìn)行圖片編輯工作。ps有很多功能,在圖像、圖形、文字、視頻、出版等各方面都有涉及。 Flash又被稱之為閃客,是由 macromedia公司推出的交互式矢量圖和 Web 動(dòng)畫的標(biāo)準(zhǔn)。主要用于制作網(wǎng)頁的廣告等一些絢麗的功能。
01、理解像素、分辨率、圖層的概念,熟悉ps界面
02、ps工具運(yùn)用之選擇選擇修改類工具初篇
03、ps工具運(yùn)用之選擇選擇修改類工具后篇
04、ps工具運(yùn)用之修補(bǔ)修飾工具、矢量工具、輔助工具
05、ps工具運(yùn)用之矢量工具、輔助工具及PS實(shí)訓(xùn)一(前篇)
06、PS實(shí)訓(xùn)一:模仿微博注冊頁設(shè)計(jì)(后篇)
07、通道與蒙版及濾鏡的運(yùn)用
08、ps制作gif動(dòng)畫及PS實(shí)訓(xùn)二(開篇)
09、實(shí)訓(xùn)二:仿企業(yè)電子商務(wù)網(wǎng)站(一)
10、實(shí)訓(xùn)二:仿企業(yè)電子商務(wù)網(wǎng)站(二)
11、實(shí)訓(xùn)二:仿企業(yè)電子商務(wù)網(wǎng)站(三)
12、實(shí)訓(xùn)二:仿企業(yè)電子商務(wù)網(wǎng)站(四)
13、flash新建圖像及元件
14、元件及創(chuàng)建動(dòng)畫
15、創(chuàng)建動(dòng)畫及引導(dǎo)層與遮罩層
16、引導(dǎo)層與遮罩層及控制型動(dòng)畫制作
17、控制型動(dòng)畫制作(1)
18、控制型動(dòng)畫制作(2)
19、flash實(shí)訓(xùn):公益flash動(dòng)畫制作(一)
20、flash實(shí)訓(xùn):公益flash動(dòng)畫制作(二)
21、flash實(shí)訓(xùn):公益flash動(dòng)畫制作(三)
22、flash實(shí)訓(xùn):公益flash動(dòng)畫制作(四)
項(xiàng)目演練
1、photoshop操作熟練進(jìn)階(第8講之后演練)
2、flash動(dòng)畫制作進(jìn)階(第16講之后演練)
3、flash動(dòng)畫制作進(jìn)階及代碼運(yùn)用(第18講之后演練)
第二部分 Web前端設(shè)計(jì)師入門必備
新手學(xué)HTML+CSS(17講)
HTML是目前流行的網(wǎng)頁制作語言。互聯(lián)網(wǎng)中的網(wǎng)頁大多數(shù)都是使用HTML格式展示在瀏覽者面前的。隨著Web 2.0概念的提出,要求網(wǎng)頁具有更好 的擴(kuò)展性和用戶體驗(yàn),這使得CSS樣式表在網(wǎng)頁設(shè)計(jì)中變得越來越重要。本課程主要是圍繞HTML基本標(biāo)簽,用CSS美化HTML效果。
01、HTML基本標(biāo)簽
02、HTML基本標(biāo)簽及W3C標(biāo)準(zhǔn)
03、表格、表單及框架
04、表格、表單及框架及CSS基本語法和字體美化樣式
05、CSS基本語法和字體美化樣式
06、CSS基本語法和字體美化樣式(后篇)
07、盒模型的理解與認(rèn)識
08、盒模型的理解與認(rèn)識及浮動(dòng)布局
09、浮動(dòng)布局與定位布局(一)
10、浮動(dòng)布局與定位布局(二)
11、浮動(dòng)布局與定位布局(三)
12、hack及條件注釋及實(shí)訓(xùn)微博注冊頁面切片(一)
13、實(shí)訓(xùn) 微博注冊頁面切片(二)
14、實(shí)訓(xùn) 微博注冊頁面切片(三)
15、實(shí)訓(xùn) 微博注冊頁面切片(四)
項(xiàng)目演練
1、HTML代碼進(jìn)階及樣式入門 (第6講之后演練)
2、CSS代碼進(jìn)階(第11講之后演練)
第三部分 Web前端設(shè)計(jì)師之內(nèi)功修煉
CSS高級及兼容Hack技術(shù)(22講)
本階段課程主要是講解兼容Hack技術(shù),CSS Hack就是指我們?yōu)榱思嫒莞鳛g覽器,而使用的特別的CSS定義技巧,我們在用DIV+CSS制作網(wǎng)頁時(shí), 由于不同的瀏覽器,對CSS的支持及解析結(jié)果不一樣,得不到我們所需要的頁面效果。
01、倒三角、滑動(dòng)門及IE6的那些常見bug(一)
02、倒三角、滑動(dòng)門及IE6的那些常見bug(二)
03、分頁居中制作、九宮格制作及css sprite制作和優(yōu)缺點(diǎn)
04、實(shí)訓(xùn) 文章詳細(xì)頁(一)
05、實(shí)訓(xùn) 文章詳細(xì)頁(二)
06、實(shí)訓(xùn) 文章詳細(xì)頁(三)
07、實(shí)訓(xùn) 文章詳細(xì)頁(四)
08、實(shí)訓(xùn) 傳統(tǒng)企業(yè)站布局(一)
09、實(shí)訓(xùn) 傳統(tǒng)企業(yè)站布局(二)
10、實(shí)訓(xùn) 傳統(tǒng)企業(yè)站布局(三)
11、實(shí)訓(xùn) 傳統(tǒng)企業(yè)站布局(四)
12、實(shí)訓(xùn) 傳統(tǒng)企業(yè)站布局(五)
13、實(shí)訓(xùn) 支付寶社區(qū)(一)
14、實(shí)訓(xùn) 支付寶社區(qū)(二)
15、實(shí)訓(xùn) 支付寶社區(qū)(三)
16、實(shí)訓(xùn) 支付寶社區(qū)(四)
17、實(shí)訓(xùn) 支付寶社區(qū)(五)
18、實(shí)訓(xùn) 支付寶社區(qū)(六)
19、實(shí)訓(xùn) 支付寶社區(qū)(七)
20、實(shí)訓(xùn) 支付寶社區(qū)(八)
21、實(shí)訓(xùn) 支付寶社區(qū)(九)
項(xiàng)目演練CSS高級及兼容Hack技術(shù)代碼應(yīng)用 (第3講之后演練)
第四部分 Web前端開發(fā)高手進(jìn)階
js框架+Ajax技術(shù)(45講)
本階段課程是為了講解js與ajax一種創(chuàng)建交互式網(wǎng)頁應(yīng)用的網(wǎng)頁開發(fā)技術(shù)。通過在后臺(tái)與服務(wù)器進(jìn)行少量數(shù)據(jù)交換,AJAX 可以使網(wǎng)頁實(shí)現(xiàn)異步更新。
這意味著可以在不重新加載整個(gè)網(wǎng)頁的情況下,對網(wǎng)頁的某部分進(jìn)行更新。
01、初識javascript及其語言基礎(chǔ)(一)
02、初識javascript及其語言基礎(chǔ)(二)
03、初識javascript及其語言基礎(chǔ)(三)及js原始數(shù)據(jù)類型(一)
04、javascript原始數(shù)據(jù)類型(二)
05、javascript原始數(shù)據(jù)類型(三)
06、javascript原始數(shù)據(jù)類型(四)
07、javascript原始數(shù)據(jù)類型(五)及數(shù)組(一)
08、javascript 數(shù)組(二)
09、javascript 數(shù)組(三)
10、函數(shù)、Math、Date、RegExp(一)
11、函數(shù)、Math、Date、RegExp(二)
12、函數(shù)、Math、Date、RegExp(三)
13、DOM操作(一)
14、DOM操作(二)
15、DOM操作(三)
16、DOM操作(四)
17、鼠標(biāo)事件(一)
18、鼠標(biāo)事件(二)
19、鼠標(biāo)事件(三)
20、鼠標(biāo)事件(四)
21、鼠標(biāo)事件(五)及遞歸及setTimeout與setInterval用法(一)
22、遞歸及setTimeout與setInterval用法(二)
23、遞歸及setTimeout與setInterval用法(三)
24、遞歸及setTimeout與setInterval用法(四)
25、遞歸及setTimeout與setInterval用法(五)
26、遞歸及setTimeout與setInterval用法(六)
27、鍵盤事件與焦點(diǎn)事件(一)
28、鍵盤事件與焦點(diǎn)事件(二)
29、鍵盤事件與焦點(diǎn)事件(三)
30、鍵盤事件與焦點(diǎn)事件(四)
31、鍵盤事件與焦點(diǎn)事件(五)及javascript事件總結(jié)
32、javaScript的事件冒泡與事件捕捉
33、閉包及匿名函數(shù)的執(zhí)行
34、BOM對象(一)
35、BOM對象(二)
36、BOM對象(三)
37、BOM對象(四)
38、BOM對象(五)及js cookie編程(一)
39、js cookie編程(二)
40、全局對象及json數(shù)據(jù)對象(一)
41、json數(shù)據(jù)對象(二)
42、json數(shù)據(jù)對象(三)
43、json數(shù)據(jù)對象(四)
44、js函數(shù)封裝
45、ajax與xml及后端數(shù)據(jù)交互(一)
46、ajax與xml及后端數(shù)據(jù)交互(二)
47、ajax與xml及后端數(shù)據(jù)交互(三)
48、jqeury框架基礎(chǔ)入門(一)
49、jqeury框架基礎(chǔ)入門(二)
50、jqeury框架基礎(chǔ)入門(三)
第五部分 Web前端綜合項(xiàng)目實(shí)戰(zhàn)
Web前端綜合項(xiàng)目實(shí)戰(zhàn)(37講)
本課程主要是講解Web前端的綜合項(xiàng)目,主要對一些行業(yè)網(wǎng)站,復(fù)雜的企業(yè)站進(jìn)行綜合實(shí)訓(xùn)。
01、行業(yè)網(wǎng)站綜合實(shí)訓(xùn)(一)
02、行業(yè)網(wǎng)站綜合實(shí)訓(xùn)(二)
03、行業(yè)網(wǎng)站綜合實(shí)訓(xùn)(三)
04、行業(yè)網(wǎng)站綜合實(shí)訓(xùn)(四)
05、行業(yè)網(wǎng)站綜合實(shí)訓(xùn)(五)
06、行業(yè)網(wǎng)站綜合實(shí)訓(xùn)(六)
07、行業(yè)網(wǎng)站綜合實(shí)訓(xùn)(七)
08、行業(yè)網(wǎng)站綜合實(shí)訓(xùn)(八)
09、行業(yè)網(wǎng)站綜合實(shí)訓(xùn)(九)
10、行業(yè)網(wǎng)站綜合實(shí)訓(xùn)(十)
11、行業(yè)網(wǎng)站綜合實(shí)訓(xùn)(十一)
12、行業(yè)網(wǎng)站綜合實(shí)訓(xùn)(十二)
13、行業(yè)網(wǎng)站綜合實(shí)訓(xùn)(十三)
14、行業(yè)網(wǎng)站綜合實(shí)訓(xùn)(十四)
15、行業(yè)網(wǎng)站綜合實(shí)訓(xùn)(十五)
16、行業(yè)網(wǎng)站綜合實(shí)訓(xùn)(十六)
17、復(fù)雜企業(yè)站jquery綜合實(shí)訓(xùn)(一)
18、復(fù)雜企業(yè)站jquery綜合實(shí)訓(xùn)(二)
19、復(fù)雜企業(yè)站jquery綜合實(shí)訓(xùn)(三)
20、復(fù)雜企業(yè)站jquery綜合實(shí)訓(xùn)(四)
21、復(fù)雜企業(yè)站jquery綜合實(shí)訓(xùn)(五)
22、復(fù)雜企業(yè)站jquery綜合實(shí)訓(xùn)(六)
23、復(fù)雜企業(yè)站jquery綜合實(shí)訓(xùn)(七)
24、復(fù)雜企業(yè)站jquery綜合實(shí)訓(xùn)(八)
25、復(fù)雜企業(yè)站jquery綜合實(shí)訓(xùn)(九)
26、輕博客主頁實(shí)訓(xùn)(一)
27、輕博客主頁實(shí)訓(xùn)(二)
28、輕博客主頁實(shí)訓(xùn)(三)
29、輕博客主頁實(shí)訓(xùn)(四)
30、輕博客主頁實(shí)訓(xùn)(五)
31、輕博客主頁實(shí)訓(xùn)(六)
32、輕博客主頁實(shí)訓(xùn)(七)
33、輕博客主頁實(shí)訓(xùn)(八)
34、輕博客主頁實(shí)訓(xùn)(九)
35、輕博客主頁實(shí)訓(xùn)(十)
項(xiàng)目演練
1、復(fù)雜企業(yè)站jquery
2、輕博客主頁
第六部分 移動(dòng)開發(fā)框架
BootStrap響應(yīng)式網(wǎng)頁開發(fā)(40講)
Bootstrap,來自 Twitter,是目前受歡迎的前端框架。Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的,它簡潔靈活,使得 Web 開發(fā)更加 快捷。它由Twitter的設(shè)計(jì)師Mark Otto和Jacob Thornton合作開發(fā),是一個(gè)CSS/HTML框架。Bootstrap提供了優(yōu)雅的HTML和CSS規(guī)范,它即是 由動(dòng)態(tài)CSS語言Less寫成。Bootstrap一經(jīng)推出后頗受歡迎,一直是GitHub上的熱門開源項(xiàng)目,包括NASA的MSNBC(微軟全國廣播公司)的 Breaking News都使用了該項(xiàng)目。
一章、BootStrap入門準(zhǔn)備
第二章、BootStrap整體架構(gòu)
第三章、BootStrap CSS布局
3.1 理解什么是柵格布局
3.2 掌握柵格布局具體應(yīng)用
3.3 掌握BootStrap通用CSS樣式
(排版、代碼、代碼、表單、按鈕、圖片、輔助類、響應(yīng)式工具)
第四章、BootStrap CSS組件
4.1 掌握下拉菜單、按鈕組、按鈕式下拉菜單的BootStrap組件的用法
4.2 掌握輸入框組件的BootStrap組件用法
4.3 掌握導(dǎo)航、標(biāo)簽、面包屑導(dǎo)航的BootStrap組件的用法
4.4 掌握BooStrap導(dǎo)航條組件的用法
4.5 掌握BooStrap分頁、徽章組件的用法
4.6 掌握大屏幕介紹、頁面標(biāo)題、縮略圖、警示框、Well等BootStrap的用法
4.7 掌握進(jìn)度條、媒體對象、列表組、面板等BootStrap的用法
第五章、BootStrap JavaScript組件
5.1 了解什么是Bootstrap 插件
5.2 掌握Bootstrap 過渡效果
5.3 掌握Bootstrap 模態(tài)框
5.4 掌握下拉菜單、滾動(dòng)監(jiān)聽、標(biāo)簽頁等組件用法
5.5 掌握Bootstrap 工具提示、彈出框、警告框等組件用法
5.6 掌握Bootstrap 按鈕、折疊、輪播、附加導(dǎo)航等組件用法
5.7 掌握多級子菜單插件的使用
項(xiàng)目演練經(jīng)典BootStrap模板解析
第七部分 Web前端之前沿技術(shù)
HTML5+CSS3(79講
HTML 5有兩個(gè)重大使命:一,彌補(bǔ)上一代HTML的不足;第二,實(shí)現(xiàn)富Web應(yīng)用的本地化,使瀏覽器逃離Flash和Silverlight等富客戶端插件的羈
絆。作為下一代Web標(biāo)準(zhǔn),HTML5致力于為互聯(lián)網(wǎng)開發(fā)者搭建更加便捷、開放的溝通平臺(tái)。業(yè)界普遍認(rèn)為,在未來幾年內(nèi),HTML5無疑將成為移動(dòng)
互聯(lián)網(wǎng)、前端開發(fā)領(lǐng)域的主宰者。 本套課程中提供了大量的案例,以html5搭建結(jié)構(gòu)、css3設(shè)置樣式、jQuery實(shí)現(xiàn)動(dòng)態(tài)應(yīng)用這三者相結(jié)合的實(shí)際應(yīng)用
方式,詳細(xì)講解它們的新技術(shù)點(diǎn),以及流行應(yīng)用熱點(diǎn)的設(shè)計(jì)思路與制作方法。技術(shù)核心穿插在實(shí)際操作中闡述,更便于學(xué)員在了解技術(shù)理論的同時(shí)明晰
其應(yīng)用本質(zhì)。 相信學(xué)員們在學(xué)習(xí)完本套課程后,能夠在網(wǎng)頁設(shè)計(jì)與制作的水平上有實(shí)質(zhì)提升。
一章、一切總要有個(gè)開始——HTML5/CSS3初探
第二章、從頭到尾的先看一遍——HTML5網(wǎng)頁結(jié)構(gòu)
第三章、先從它開始吧——HTML5標(biāo)記文字
第四章、把它放到正確的位置——HTML5組織內(nèi)容
第五章、似曾相識的感覺——HTML5表格和表單
第六章、別以為它只有文字—— HTML5嵌入內(nèi)容
第七章、我不會(huì)告訴你這里內(nèi)容特別多—— HTML5 API大集合
第八章、只有不想找,沒有找不到——CSS 3選擇器
第九章、追求美是我們的天性——CSS 3 邊框和背景
第十章、整出高大上的效果來—— CSS 3 布局
第十二章、想要的效果統(tǒng)統(tǒng)可以實(shí)現(xiàn)—— CSS 3 過渡、動(dòng)畫和變換
第十三章、其實(shí)這些內(nèi)容也很重要—— 其他css屬性和特性
項(xiàng)目演練淘淘網(wǎng)站開發(fā)
第八部分 Web前端開發(fā)工程師
MySQL從入門到精通(選修/30講)
一般在前端開發(fā)中,企業(yè)均要求前端開發(fā)人員了解一些后臺(tái)語言的原理與實(shí)現(xiàn),能夠熟練和后臺(tái)開發(fā)人員合作開發(fā)程序。PHP && MySQL是非常流行
的開源技術(shù),它們非常適合快速開發(fā)數(shù)據(jù)庫驅(qū)動(dòng)的Web應(yīng)用。PHP是一種功能強(qiáng)大的腳本語言,專門用于快速創(chuàng)建高性能的Web應(yīng)用,而MySQL則是
一個(gè)快速而又可靠的數(shù)據(jù)庫,它能很好地與PHP集成,適用于基于互聯(lián)網(wǎng)的動(dòng)態(tài)應(yīng)用。 本課程介紹了如何使用這些工具創(chuàng)建高效和交互式的Web應(yīng)用。
它清晰地介紹了PHP語言的基礎(chǔ),解釋了如何設(shè)置和使用MySQL數(shù)據(jù),以及如何使用PHP與數(shù)據(jù)庫和服務(wù)器進(jìn)行交互。
一章、安裝配置MySQL數(shù)據(jù)庫
第二章、圖形化管理工具
第三章、存儲(chǔ)引擎及數(shù)據(jù)庫基本操作
第四章、字符集及亂碼處理
第五章、MySQL DML特性的高級用法
第六章、MySQL內(nèi)置函數(shù)
第七章、MySQL 中的存儲(chǔ)過程、觸發(fā)器高級應(yīng)用
第八章、MySQL中視圖與事務(wù)高級應(yīng)用
第九章、MySQL中索引的使用
第十章、MySQL數(shù)據(jù)庫的安全技術(shù)
第十二章、MySQL備份和還原操作
第十三章、性能優(yōu)化(1課時(shí))
第十四章、集群的配置及應(yīng)用
項(xiàng)目演練學(xué)生成績管理系統(tǒng):涉及知識點(diǎn)訓(xùn)練( E-R圖設(shè)計(jì)、數(shù)據(jù)庫及表的設(shè)計(jì)、表中主鍵及外鍵設(shè)計(jì)、復(fù)雜查詢功能實(shí)現(xiàn),視圖及存儲(chǔ)
過程、觸發(fā)器的應(yīng)用,安全性中用戶及權(quán)限設(shè)置、性能優(yōu)化、備份及恢復(fù)功能實(shí)現(xiàn))
第九部分 Web前端開發(fā)工程師
PHP零基礎(chǔ)實(shí)踐(贈(zèng)送課程)(選修/50講)
PHP 的特性
1. 開放的源代碼:所有的PHP源代碼事實(shí)上都可以得到。
2.PHP是免費(fèi)的。
3.PHP的便捷性 : PHP十分便捷
4. 基于服務(wù)器端:由于PHP 是運(yùn)行在服務(wù)器端的腳本,可以運(yùn)行在 UNIX、LINUX、 WINDOWS 下。
5. 嵌入HTML:因?yàn)镻HP可以嵌入 HTML 語言,所以學(xué)習(xí)起來并不困難。
6. 簡單的語言:PHP堅(jiān)持腳本語言為主,與Java 和C++不同。
7. 效率高:PHP消耗相當(dāng)少的系統(tǒng)資源。
8. 圖像處理:用PHP動(dòng)態(tài)創(chuàng)建圖像
9. 面向?qū)ο螅涸趐hp4,php5 中,面向?qū)ο螅∣OP技術(shù))方面都有了很大的改進(jìn),現(xiàn)在 php 完全可以用來開發(fā)大型商業(yè)程序。本課程是由李炎恢老
師和合作的一套課程,尤其適合零基礎(chǔ)的學(xué)員快速上手PHP開發(fā)。
第1章、PHP概述
第2章、基礎(chǔ)語法
第3章、操作符與控制結(jié)構(gòu)
第4章、數(shù)學(xué)運(yùn)算
第5章、數(shù)組
第6章、目錄和文件
第7章、自定義函數(shù)
第8章、字符串處理
第9章、正則表達(dá)式
第10章、日期與時(shí)間
第11章、表單與驗(yàn)證
第12章、會(huì)話控制
第13章、上傳文件
第14章、處理圖像
第15章、MySQL數(shù)據(jù)庫
第16章、PHP操作MySQL
第17章、多用戶留言系統(tǒng)總站開發(fā)
項(xiàng)目演練
1、復(fù)雜企業(yè)站jquery
2、輕博客主頁
第十部分 Web前端開發(fā)工程師
SEO入門必備(贈(zèng)送課程)(選修/30講)
1. 了解網(wǎng)絡(luò)營銷
2. 網(wǎng)絡(luò)營銷基礎(chǔ)知識
3. 建站基礎(chǔ)
4. SEM與SEO的概述
5. 關(guān)鍵詞的營銷策略
6. 搜索引擎優(yōu)化(SEO)-初級
7. 搜索引擎優(yōu)化(SEM)-初級
8. 整合營銷-初級。
1、介紹網(wǎng)絡(luò)營銷行業(yè)的介紹與前景,網(wǎng)絡(luò)營銷職業(yè)素養(yǎng)和學(xué)習(xí)方法
2、了解網(wǎng)絡(luò)營銷與市場營銷的關(guān)系,網(wǎng)絡(luò)營銷盈利模式,網(wǎng)絡(luò)營銷基礎(chǔ)知識
3、了解建站基礎(chǔ),營銷型網(wǎng)站的介紹,營銷型網(wǎng)站的策劃,了解與注冊域名,學(xué)習(xí)主機(jī)與空間知識,認(rèn)識html。
4、搜索引擎營銷SEM與SEO簡介,兩者的關(guān)聯(lián)與區(qū)別
5、關(guān)鍵詞的概念,關(guān)鍵詞的收集與分類
6、講解SEO基礎(chǔ)原理,SEO初級技能學(xué)習(xí)
7、SEM基礎(chǔ)原理,SEM初級技能學(xué)習(xí)
8、整合營銷理論,整合營銷初級技能學(xué)習(xí)