本篇與大家分享我所理解的中級網頁設計師,
專業水平:能完成絕大部分公司對網頁前端的所有工作需求。
必備知識:初級所有的知識技能的中高級、瀏覽器兼容調試、jQuery初中級、HTML5中級、CSS3中高級、響應式佈局。
其它知識:利用wordpress/discuz/dedecms等程序建站;手機端web應用UI設計基礎、jQueryMobile基礎、phoneGap等封裝工具基礎。
其實到達這個水平,才算得上網頁設計師,至於初級嘛,也就算是實習。
如果你能在這一階段,就能達到某一單項領域出類拔萃,反而更能在大公司的技術部門分得一席。但很多知識的通性,都是易懂難精啊!!
如果大家問我的網頁設計水平是屬於哪個級別?很慚愧,在下只是我所理解的中級網頁設計師而已。:P
-------------------------------------------------------------------------
(注:在下並非學術權威,本文也不是知識教學,術語及闡述簡略/錯漏處,敬請諒解/指正)
本系列還將繼續貢獻高級篇、大師篇,敬候各位蒞臨指教!
工具/原料
jQuery
HTML5
CSS3
響應式佈局
wordpress/discuz/dedecms等
jQueryMobile
手機端web應用UI開發基礎、phoneGap等
學習方法及目標
瀏覽器兼容調試:
這是個很基礎的東東啊,本想放到初級篇裡的,怕嚇壞了剛想入門的小童鞋們。
但達到中級這個級別了,這個再做不好,就太說不過去了。
比如:png透明背景、IE(特別是IE6)的一些特性適應、HACK等
學習方法:網上有很多瀏覽器兼容性調試的文章,但大多數文章,都不能完全包含所有的兼容性問題、及解決方法;唯一的辦法是,多學、多看、多自我總結。
學習目標:即使用的方法並不完全都那麼高、大、尚,也要能解決絕大部分遇到的兼容性問題。但個別瀏覽器,其市場佔有並不那麼大,而且其特性就是很另類,那也是沒辦法的事,咱畢竟沒辦法去改這瀏覽器的內核,是不?!
jQuery:
除了jQuery,JavaScript框架目前比較流行的還有MooTools、Prototype等。建議大家學jQuery,畢竟它現在應用最廣泛,而且周邊插件非常多。
學習方法:去網上找視頻教程,如果找不到,就去淘.寶.網買個,這種教程幾塊錢應該就能解決;網上找一兩個你喜歡的jQuery效果實例進行完整分析。
學習目標:能用jQuery編寫常用簡單的頁面交互效果,而不必上網去找代碼;能熟知jQuery的各項特性;知道怎樣能查到並修改自己需要的效果。
HTML5:
雖然在不得不考慮瀏覽器兼容的情況下,也就是目前的大多數情況下,HTML5還不能普遍應用。但隨著廣大PC用戶逐漸更新換代自己的PC、PC系統、以及瀏覽器版本,HTML5稱霸的時代正漸行漸近。
HTML5在移動端瀏覽器的應用,已漸漸步入主流行列。
學習方法:你們公司用不用得到HTML5,已不是你學不學習它的理由了;只是如果暫時不用,你看些視頻教程,或去圖書館借閱一兩本書就可以了;如果需要用到,也感恩吧,你的這把好刀,不會久久不用而鈍掉。而且實際工作中,才會讓咱更全面的掌握HTML5的各方面應用。
學習目標:HTML5的初中級知識;響應式佈局相關知識;如果工作中有移動端web開發需求,那你的學習目標也要更高些,可以與CSS3、jQueryMobile等,製作出符合規範的移動web應用
CSS3:
看上去,CSS3象是個html5的附屬品,可它的地位卻是真的不可或缺。
學習方法:去網上找、或買視頻教程;去書店、或圖書館看一兩本書
學習目標:記熟所有CSS3常用選擇器、及屬性名值對;對你沒背下來的部分,也要知道、有印象,在需要做相應效果時,知道去翻手冊;
響應式佈局:
響應式佈局,這概念的初衷,是為了以一套頁面,適應不同終端的屏幕/瀏覽器的頁面顯示。但它還是有適用限制的。比如為1024PX及以上的屏幕而做的、大內容量的網頁,想讓他適應320以下的小屏幕,那是相當的費事兒啊!
不容忽視的是,這東東現在已被廣泛應用。不論你們公司用不用,你都必須會。
學習方法:去網上找、或買視頻教程;去書店、或圖書館看一兩本書
學習目標:就是學會,這東東沒多少內容。當然,總不用會生疏,到用時要知道找哪些手冊、文章,幫你把項目做下來。
利用wordpress/discuz/dedecms等程序建站
如果你不是美術科班出身,又自覺沒啥興趣發展你的藝術“戲拋”,研究程序代碼,是最後出路了。
最先,要知道有這些建站程序,能幫咱即使不會PHP/JAVA/ASP...的網頁設計師們,也能輕鬆製作有後臺支持的、交互功能的網站。
學習方法:去網上找、或買視頻教程(話說:除了你特想系統的學習某一高端領域的核心知識外,這種方法足以伴隨咱網設們的成長了 ^_- )。看個一兩種,其它大同小異。
學習目標:會一兩種建站程序的模板修改;功能精減(咱二次開發不會,還不會精減嘛)、插件使用;增加對後臺程序運行原理、及編程的瞭解
移動開發初中級
這類職位象DS們的女神,曾經只能仰望而不可褻玩。如今,終於俯下身子向我們伸出了小手...
以前這類東東,都是專門的ISO程序獅、Android程序獅、Symbia程序獅在做。現在HTML5/CSS3/JS+封裝工具組成強力同盟大行其道,開發門檻的降底讓我等前臺UI出身的“挨踢精英”,也能牽牽女神的小手啦!
要學的東東:除了HTML5/CSS3等,還有jQueryMobile基礎、phoneGap等封裝工具基礎...
學習方法:...(到這份上了,應該知道怎麼自學成才了,呵呵)