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