這個(gè)很多的啊， 可以去看看千鋒的啊

　　　　　　Web前端的學(xué)習(xí)建議　　Web前端的學(xué)習(xí)誤區(qū)。入門快、見效快讓我們?cè)诓恢挥X中已經(jīng)深深愛上了網(wǎng)頁(yè)制作。此時(shí)，很多人會(huì)陷入一個(gè)誤區(qū)，那就是既然借助這么帥的IDE，通過鼠標(biāo)點(diǎn)擊菜單就可以快速方便地制作網(wǎng)頁(yè)?！　∧敲次覀?yōu)槭裁催€要去學(xué)習(xí)HTML、CSS、JavaScrpt、jQuery等這些苦逼的代碼呢?這不是舍簡(jiǎn)求繁嗎?隨著學(xué)習(xí)的深入，就會(huì)發(fā)現(xiàn)我們步入了一種窘境——過分的依賴IDE導(dǎo)致我們不清楚其實(shí)現(xiàn)的本質(zhì)，知其然但不知其所以然?！　『芏嘈』锇槎枷矚g自學(xué)web前端開發(fā)，但是一個(gè)讓人自學(xué)是很難的，網(wǎng)上雖然可以找到大量的視頻，但是很多都是過時(shí)的，并沒有什么用！我給大家推薦一個(gè)裙，前面三個(gè)數(shù)是四九四，后面三個(gè)是 〇 六 四，最后三個(gè)就是 九 叁 四，這里每天都有大神免費(fèi)直播教學(xué)，如果你想學(xué)習(xí)可以加入，不是來學(xué)習(xí)的就不要加了?！　　　∈裁词莌tml？　　Web前端開發(fā)是從網(wǎng)頁(yè)制作演變而來的,名稱上有很明顯的時(shí)代特征。在互聯(lián)網(wǎng)的演化進(jìn)程中,網(wǎng)頁(yè)制作是Web1.0時(shí)代產(chǎn)物,那時(shí)網(wǎng)站的主要內(nèi)容是靜態(tài)的,用戶使用網(wǎng)站的行為也以瀏覽為主。2005年以后,互聯(lián)網(wǎng)進(jìn)入Web2.0時(shí)代,各種類似桌面軟件的Web應(yīng)用大量涌現(xiàn),網(wǎng)站的前端由此發(fā)生了翻天覆地的變化?！　【W(wǎng)頁(yè)不再只是承載單一的文字和圖片,各種富媒體讓網(wǎng)頁(yè)的內(nèi)容更加生動(dòng),網(wǎng)頁(yè)上軟件化的交互形式為用戶提供了更好的使用體驗(yàn),這些都是基于前端技術(shù)實(shí)現(xiàn)的。說得直白點(diǎn)就是美工photoshop,交互設(shè)計(jì),flash,js,html+css。就小規(guī)模公司而言,一個(gè)技術(shù)員都得會(huì)這幾樣技能,這樣很鍛煉人的,慢慢的你就會(huì)成為公司的主力。大規(guī)模的公司把這些分得很細(xì),所以,你可以精通一門,熟悉其他的,進(jìn)軍大公司?！　　　≡趯W(xué)習(xí)Web前端中的一些建議和方法?！　≡贑SS布局時(shí)需要注意的一個(gè)問題是很多同學(xué)缺乏對(duì)頁(yè)面布局進(jìn)行整體分析，不能夠從宏觀上對(duì)頁(yè)面中盒子間的嵌套關(guān)系進(jìn)行把握，就急于動(dòng)手去做，導(dǎo)致頁(yè)面中各元素間的關(guān)系很混亂，容易出現(xiàn)盒子在浮動(dòng)時(shí)錯(cuò)位等情況。建議大家在布局時(shí)采用“自頂向下，逐步細(xì)化”的思想，先用幾個(gè)盒子將頁(yè)面從整體上劃分，然后逐步在盒子中繼續(xù)嵌套盒子?！　　　　　　熬由钱愐?，善假于物也”，在學(xué)習(xí)的過程中還要多瀏覽一些優(yōu)秀的網(wǎng)站，善于分析借鑒其設(shè)計(jì)思路和布局方法，見多方能識(shí)廣，進(jìn)而才可以融會(huì)貫通，取他人之長(zhǎng)為我所用?！　　　　　eb前端開發(fā)工程師做為互聯(lián)網(wǎng)行業(yè)緊缺的職位之一，人才缺口巨大，每天還在不斷的更新。人才少，薪資自然也是很吸引人的，據(jù)某網(wǎng)站77939樣本統(tǒng)計(jì)從業(yè)人員平均月薪9690元，而且跟據(jù)經(jīng)驗(yàn)的增加，薪資也是在不斷的攀高的。潭州教育就業(yè)環(huán)節(jié)擁有專業(yè)的就業(yè)團(tuán)隊(duì)，對(duì)畢業(yè)學(xué)員全程指導(dǎo)，真正兌現(xiàn)萬元就業(yè)?！　「菀走M(jìn)名企　　專業(yè)的前端人才對(duì)口的大多數(shù)都是知名企業(yè)，像百度，淘寶，京東……都在急招，大企業(yè)對(duì)每個(gè)職業(yè)的專業(yè)化更加有要求，發(fā)展前景好?！　∫脝滩妓沟脑?，Web就是未來，我們作為前端開發(fā)工作者也是未來。相信Web前端開發(fā)的明天會(huì)更好?！　?

用WONDOWS自帶的瀏覽器打開你要看的視頻網(wǎng)址，然后點(diǎn)右上角齒輪圖標(biāo)，點(diǎn)管理加載項(xiàng)，點(diǎn)出來之后別關(guān)，讓它這樣開著，之后你就可以隨便切換網(wǎng)頁(yè)了。 來自：求助得到的回答

沒有基礎(chǔ)，脫產(chǎn)學(xué)習(xí)需要時(shí)間為四個(gè)半月以上。 Web前端開發(fā)是從網(wǎng)頁(yè)制作演變而來的，名稱上有很明顯的時(shí)代特征。在互聯(lián)網(wǎng)的演化進(jìn)程中，網(wǎng)頁(yè)制作是Web1.0時(shí)代的產(chǎn)物，那時(shí)網(wǎng)站的主要內(nèi)容都是靜態(tài)的，用戶使用網(wǎng)站的行為也以瀏覽為主。 無論是開發(fā)難度上，還是開發(fā)方式上，現(xiàn)在的網(wǎng)頁(yè)制作都更接近傳統(tǒng)的網(wǎng)站后臺(tái)開發(fā)，所以現(xiàn)在不再叫網(wǎng)頁(yè)制作，而是叫Web前端開發(fā)。Web前端開發(fā)在產(chǎn)品開發(fā)環(huán)節(jié)中的作用變得越來越重要，而且需要專業(yè)的前端工程師才能做好，這方面的專業(yè)人才近幾年來備受青睞。Web前端開發(fā)是一項(xiàng)很特殊的工作，涵蓋的知識(shí)面非常廣，既有具體的技術(shù)，又有抽象的理念。 簡(jiǎn)單地說，它的主要職能就是把網(wǎng)站的界面更好地呈現(xiàn)給用戶。

　　HTML（超文本標(biāo)記語(yǔ)言）是網(wǎng)頁(yè)的核心，學(xué)好HTML是成為Web開發(fā)人員的基本條件。HTML很容易學(xué)習(xí)的，但也很容易誤用，要學(xué)精還得費(fèi)點(diǎn)功夫?！　‰S著HTML5的發(fā)展和普及，了解HTML5也將成為Web開發(fā)人員的必修課?！　∩婕暗骄W(wǎng)頁(yè)外觀時(shí)，就需要學(xué)習(xí)CSS了，它可以幫你把網(wǎng)頁(yè)做得更美觀?！　±肏TML和CSS模擬一些你所見過的網(wǎng)站的排版和布局（色彩，圖片，文字樣式等等）?！〉诙剑簩W(xué)習(xí)javascript,了解DOM　　JavaScript是一種能讓你的網(wǎng)頁(yè)更加生動(dòng)活潑的程序語(yǔ)言。學(xué)習(xí)JavaScript的基本語(yǔ)法，學(xué)會(huì)用javascript操作網(wǎng)頁(yè)中dom元素?！　〗又鴮W(xué)習(xí)使用一些javascript庫(kù)，比如jquery是大部分WEB開發(fā)人員都喜歡用的，通過Jquery可以有效的提高JavaScript的開發(fā)效率?！〉谌剑毫私釽eb服務(wù)器　　你不必在這上面花太多精力，但對(duì)IIS、Apache基本配置要掌握，這方面的知識(shí)學(xué)起來也相對(duì)容易，不會(huì)花多長(zhǎng)時(shí)間?！　W(xué)習(xí)一點(diǎn)Unix和Linux的基本知識(shí)，因?yàn)榇蟛糠諻eb服務(wù)器都運(yùn)行在Unix和Linux平臺(tái)上?！〉谒牟? 學(xué)好一門服務(wù)器端腳本語(yǔ)言　　服務(wù)器端腳本編程（后臺(tái)開發(fā)）也是Web開發(fā)人員的基本功之一，你只需挑選一個(gè)服務(wù)器端腳本語(yǔ)言，然后學(xué)好它?！　∧壳傲餍械姆?wù)器腳本語(yǔ)言有：php、asp.net、jsp、ruby、python、等?！〉谖宀剑簩W(xué)習(xí)數(shù)據(jù)庫(kù)及SQL語(yǔ)法　　要構(gòu)建動(dòng)態(tài)頁(yè)面通常會(huì)使用到數(shù)據(jù)庫(kù)，常用的數(shù)據(jù)庫(kù)有SQLServer、Oracle、MySQL 等，它們都會(huì)遵循標(biāo)準(zhǔn)的SQL原則?！　⊥ǔsp.net 程序使用SqlServer數(shù)據(jù)庫(kù)，PHP、java使用Oracle、MySQL數(shù)據(jù)庫(kù)?！〉诹剑壕C合實(shí)戰(zhàn)　　選一個(gè)你喜歡的后臺(tái)編程語(yǔ)言，結(jié)合之前學(xué)到的html,css,javascript 前端技術(shù)，實(shí)現(xiàn)一個(gè)簡(jiǎn)單的留言本、論壇程序、進(jìn)而實(shí)現(xiàn)一個(gè)簡(jiǎn)單的CMS（內(nèi)容管理系統(tǒng)）　第七步：學(xué)習(xí)使用Web框架　　當(dāng)你掌握了HTML，CSS，JavaScript和服務(wù)器端腳本語(yǔ)言后，就應(yīng)該找一個(gè)Web框架加快你的Web開發(fā)速度，使用框架可以節(jié)約你很多時(shí)間?！　”热?net的MVC，JAVA 的SSH，php的cakephp、CodeIgniter、zend，ruby的ROR，python的dijango等等，其實(shí)里面都有一些相通之處?！　≌麄€(gè)開發(fā)過程你還可能會(huì)學(xué)習(xí)到一些工具的使用：　　Visio，Dreamweaver，Vistual Studio、elipse、(Vim, EditPlus, Notpad++)、sqlserver、phpmyadmin，各種瀏覽器以及FireBug的插件，IE下的WebDevelopmentHelper、IETester等。如果你足夠用心，你還發(fā)掘出很多不錯(cuò)的資源，例如MSDN，W3cSchool，一些前輩的博客，一些技術(shù)論壇等等，這都是你未來前進(jìn)道路上的財(cái)富。如還想深入研究，學(xué)學(xué)http協(xié)議,理解什么是無狀態(tài)，不然你永遠(yuǎn)做不好WEB開發(fā)，研究web程序服務(wù)端運(yùn)行原理，還有tcp/ip,udp協(xié)議等?！　淖詈?jiǎn)單的HTML到Web框架，內(nèi)容還是不少，要想精通這里的每一樣技術(shù)，都得下苦功夫才行。半年的時(shí)間，足夠你對(duì)web開發(fā)產(chǎn)生一個(gè)有效的認(rèn)識(shí)，這個(gè)時(shí)候，再思考你進(jìn)一步學(xué)習(xí)的方向吧。

沒有基礎(chǔ)，脫產(chǎn)學(xué)習(xí)需要時(shí)間為四個(gè)半月以上。 Web前端開發(fā)是從網(wǎng)頁(yè)制作演變而來的，名稱上有很明顯的時(shí)代特征。在互聯(lián)網(wǎng)的演化進(jìn)程中，網(wǎng)頁(yè)制作是Web1.0時(shí)代的產(chǎn)物，那時(shí)網(wǎng)站的主要內(nèi)容都是靜態(tài)的，用戶使用網(wǎng)站的行為也以瀏覽為主。 無論是開發(fā)難度上，還是開發(fā)方式上，現(xiàn)在的網(wǎng)頁(yè)制作都更接近傳統(tǒng)的網(wǎng)站后臺(tái)開發(fā)，所以現(xiàn)在不再叫網(wǎng)頁(yè)制作，而是叫Web前端開發(fā)。Web前端開發(fā)在產(chǎn)品開發(fā)環(huán)節(jié)中的作用變得越來越重要，而且需要專業(yè)的前端工程師才能做好，這方面的專業(yè)人才近幾年來備受青睞。Web前端開發(fā)是一項(xiàng)很特殊的工作，涵蓋的知識(shí)面非常廣，既有具體的技術(shù)，又有抽象的理念。 簡(jiǎn)單地說，它的主要職能就是把網(wǎng)站的界面更好地呈現(xiàn)給用戶。

人家的視頻播放畫面是致頂?shù)?，不能在后臺(tái)運(yùn)行。不過你也可以試試按（ Alt+Tab?。?。

現(xiàn)在前端開發(fā)是一個(gè)很火很熱門的行業(yè)，在這里為大家詳細(xì)解釋一下這個(gè)高大上的行業(yè)！　　在國(guó)內(nèi)大學(xué)課程里面，幾乎沒有前端開發(fā)這門課程，無非就是一些網(wǎng)頁(yè)設(shè)計(jì)之類的課程，但那些課程無論是老師講還是學(xué)生聽，都是敷衍了事，這個(gè)我深有體會(huì)，我相信大家一定也有同感！所以，目前前端開發(fā)主要是通過自學(xué)，和參加正規(guī)的培訓(xùn)！對(duì)于培訓(xùn)來說，一般會(huì)分為初級(jí)、中級(jí)、高級(jí)等級(jí)別，因?yàn)閼{我們自己很難掌握這些技能。但是自學(xué)是很困難的，畢竟是一個(gè)人自己摸索，網(wǎng)上看上去有很多視頻可以學(xué)習(xí)，但是那些視頻很多都是過時(shí)的，像js和h5這些想要自學(xué)根本學(xué)不會(huì)，更何況以后深入學(xué)習(xí)還要掌握框架構(gòu)造！很多小伙伴就根本找不到學(xué)習(xí)的方向，最后白白浪費(fèi)了自己的時(shí)間和精力！所以對(duì)于有條件的小伙伴，個(gè)人推薦最好是系統(tǒng)的學(xué)習(xí)一下！接下來為大家介紹一下怎么零基礎(chǔ)學(xué)習(xí)前端基礎(chǔ)知識(shí)：　　1、HTML + CSS 這部分建議在 W3school 在線教程 上學(xué)習(xí)，邊學(xué)邊練，每章后還有小測(cè)試。 之后可以模仿一些網(wǎng)站做些頁(yè)面。在實(shí)踐中積累了一些經(jīng)驗(yàn)后，可以系統(tǒng)的讀一兩本書，推薦《Head First HTML 與 CSS 中文版》，這本書講的太細(xì)了，我沒能拿出耐心細(xì)讀。你可以根據(jù)情況斟酌。也可以去w3school和慕課網(wǎng)學(xué)習(xí)?！　avascript 要學(xué)的內(nèi)容實(shí)在很多，如果沒有其他編程語(yǔ)言的基礎(chǔ)的話，學(xué)起來可能要費(fèi)些力，還是建議先在 W3school上學(xué)習(xí)。之后建議馬上看《Javascript語(yǔ)言精粹》，JS是一門很混亂的語(yǔ)言，這本書能夠幫助你區(qū)分哪些是語(yǔ)言的精華，哪些是糟粕，對(duì)于語(yǔ)言精華，應(yīng)該深入學(xué)習(xí)。糟粕部分能看懂別人寫的代碼就行，自己就不用嘗試了。對(duì)于有需要的小伙伴，推薦找一個(gè)培訓(xùn)班或者裙進(jìn)行系統(tǒng)學(xué)習(xí)，下文會(huì)講到呢 ?！　∮辛艘陨匣A(chǔ)，就可以進(jìn)行一般的靜態(tài)網(wǎng)頁(yè)設(shè)計(jì)，不過對(duì)于復(fù)雜的頁(yè)面還需要進(jìn)一步學(xué)習(xí)?！　Query，簡(jiǎn)單易用，在W3school簡(jiǎn)單學(xué)習(xí)js后，直接上手jQuery即可完成一些簡(jiǎn)單的項(xiàng)目。學(xué)習(xí)方法也很簡(jiǎn)單，照著產(chǎn)品文檔做幾個(gè)頁(yè)面就行了，不用面面俱到，以后遇到問題查文檔就行了。框架可以幫你屏蔽瀏覽器的差異性，讓你能更專注與Web開發(fā)學(xué)習(xí)的精髓部分。補(bǔ)充： 可以使用 Codecademy 學(xué)習(xí) Javascript，jQuery，用戶體驗(yàn)真的很好　傳統(tǒng)web從業(yè)者為什么必須學(xué)習(xí)前端開發(fā)技能？——學(xué)習(xí)前端開發(fā)是晉升和加薪的捷徑。傳統(tǒng)web從業(yè)者，只要精通html+css，簡(jiǎn)單的JS效果，切切圖，寫寫網(wǎng)站等就可以了，而如今的前端開發(fā)不再只是一個(gè)簡(jiǎn)單的網(wǎng)站，現(xiàn)在越來越多的云計(jì)算應(yīng)用程序，比如web QQ接近我們經(jīng)常使用的QQ的功能。以前用java 、J2EE、 .Net 、Object C等高級(jí)語(yǔ)言開發(fā)的應(yīng)用程序也越來越走向web化、云端化。 BS架構(gòu)應(yīng)用程序已逐漸成為主流。時(shí)代變了，用最犀利的前端技術(shù)武裝我們的大腦的時(shí)代已經(jīng)來臨！　　那么我們應(yīng)該怎么學(xué)習(xí)前端開發(fā)這門技術(shù)呢 ？ 現(xiàn)在很多小伙伴喜歡在互聯(lián)網(wǎng)上找視頻資料學(xué)習(xí)網(wǎng)頁(yè)制作，但是光看視頻你是不可能學(xué)會(huì)網(wǎng)頁(yè)制作的，沒有人指導(dǎo)你，而且很多視頻已經(jīng)過時(shí)了 ，并沒有什么用! 如果你真的想學(xué)習(xí)網(wǎng)頁(yè)制作這門技術(shù)，你可以來這個(gè)裙，前面是伍思二，中間是一把一，最后是八溜一！ 在這里有最新的HTML課程 免費(fèi)學(xué)習(xí) 也有很多人指導(dǎo)你進(jìn)步，不需要你付出什么 只要你有一顆學(xué)習(xí)的心就可以了。下面是關(guān)于前端開發(fā)的一下雜談 有興趣的可以看看 ：　　1、想要跟上潮流，想要掌握最新技術(shù)，做高精尖人才升職加薪，必須學(xué)習(xí)前端開發(fā)最新技能，畢竟做前端的就得跟上時(shí)代的潮流，如果有小伙伴想要學(xué)習(xí)前端開發(fā)，個(gè)人認(rèn)為潭州學(xué)院還是蠻不錯(cuò)的 ！相比于線下的培訓(xùn)班，潭州無論是學(xué)費(fèi)還是學(xué)習(xí)時(shí)間，都遠(yuǎn)遠(yuǎn)比線下的培訓(xùn)班更加實(shí)惠，而且只要有電腦，有網(wǎng)絡(luò)就可以進(jìn)行學(xué)習(xí)！　　　　2、前端開發(fā)的就業(yè)方向及薪資情況?！　∮浀糜腥苏f過，未來不再有互聯(lián)網(wǎng)公司，因?yàn)槲磥硭械钠髽I(yè)都會(huì)有互聯(lián)網(wǎng)部門，而互聯(lián)網(wǎng)世界離不開前端開發(fā)，像淘寶、阿里巴巴、支付寶、騰訊、京東、新浪微博等等大型的基于互聯(lián)網(wǎng)的企業(yè)與產(chǎn)品，都需要優(yōu)秀的前端高級(jí)開發(fā)人才?！　〔粌H僅是互聯(lián)網(wǎng)企業(yè)，隨著O2O模式的越來越普及，傳統(tǒng)企業(yè)越來越互聯(lián)網(wǎng)化、云端化，前端開發(fā)人才需求越來越多，人才缺口高達(dá)上百萬?！　≌衅妇W(wǎng)站上現(xiàn)在的前端開發(fā)工程師的平均薪酬已經(jīng)達(dá)到了12926元，需求巨大，前景廣闊，薪資還高?！　　　?、你適不適合學(xué)習(xí)前端開發(fā)？　　如果你已經(jīng)有了傳統(tǒng)web基礎(chǔ)(css+div)，那么是時(shí)候提升你的前端開發(fā)技能了…　　如果你沒有接觸過web前端開發(fā)，那么如果你經(jīng)常上網(wǎng)，沖浪，希望要了解互聯(lián)網(wǎng)世界背后的故事，可以先從web前端開始了解，因?yàn)檫@是開啟互聯(lián)網(wǎng)世界大門的鑰匙…　　web前端JS課程的核心特點(diǎn)?！　eb前端課程的核心特點(diǎn)是：我們不僅僅要學(xué)會(huì)制作一個(gè)網(wǎng)頁(yè)，一個(gè)特效?！　〉氖俏覀円脀eb前端開發(fā)傳統(tǒng)應(yīng)用程序，我們做pc端，移動(dòng)端，各種響應(yīng)式，web 游戲，web 企業(yè)管理系統(tǒng)，web 移動(dòng)程序，開發(fā)一個(gè)大規(guī)模項(xiàng)目，html5游戲，甚至用js開發(fā)傳統(tǒng)高級(jí)語(yǔ)言才能做的數(shù)據(jù)庫(kù)交互，不用后臺(tái)語(yǔ)言，就靠我們js做后臺(tái)，流行大趨勢(shì)……　　　　4、課程模塊介紹?！　∥磥硇枰裁?，我們就需要學(xué)什么：　　模塊1：基礎(chǔ)入門階段；　　模塊2：web移動(dòng)開發(fā)– html5、 css3、　　模塊3：html 5 游戲— html5 、canvas；　　模塊4：用js去做傳統(tǒng)java 、.NET、 PHP才能做的數(shù)據(jù)庫(kù)操作，服務(wù)器編程?！?ajax 、node.js；　　模塊5：大型BS、云計(jì)算、項(xiàng)目開發(fā)（比如淘寶，京東）–面向?qū)ο?、設(shè)計(jì)模式、大型項(xiàng)目分層架構(gòu)思想（比如MVC，MVVM)、js框架、web前端架構(gòu)、js組件；　　　　5、學(xué)習(xí)方法、薪資目標(biāo)?！　　緝纱蠡A(chǔ)，內(nèi)外雙修】　　兩大基礎(chǔ)：js基礎(chǔ)（蹲馬步，基礎(chǔ)中的基礎(chǔ)–函數(shù)，事件，語(yǔ)句等）、面向?qū)ο螅ɑA(chǔ)）。內(nèi)外雙修：　　【內(nèi)】掌握面向?qū)ο缶幊趟季S，模塊化編程思維，大型項(xiàng)目分層編程思維，大型項(xiàng)目團(tuán)隊(duì)如何合作；　　【外】學(xué)習(xí)一些前輩總結(jié)出來的最佳編程實(shí)踐：設(shè)計(jì)模式，比如能夠保證全局唯一的單例模式，創(chuàng)造萬物的工廠模式，模擬現(xiàn)實(shí)中介的中介模式，代理模式，以及所有業(yè)界都在談，都在吹，都在用的依賴倒置，依賴注入，面向切面編程等?！　〗Y(jié)語(yǔ)：年前，隨著iPhone的興起，iOS開發(fā)火爆中國(guó)。當(dāng)年的行動(dòng)者，如今已經(jīng)成為百萬富翁！今天，隨著HTML5等WEB前端技術(shù)興起，前端開發(fā)的大潮已經(jīng)襲來！趕快行動(dòng)，讓青春不留遺憾，占領(lǐng)行業(yè)制高點(diǎn)，主動(dòng)權(quán)就再你的手中！

前端設(shè)計(jì)主要的工作無非就是按照效果圖使用前端的代碼來做出符合要求的靜態(tài)頁(yè)面，使用的軟件大致如下（不同人是使用的可能不同）：1、以Photoshop為代表的圖片處理技術(shù)。網(wǎng)頁(yè)設(shè)計(jì)的第一步是按照客戶的需求來設(shè)計(jì)網(wǎng)站效果圖，這個(gè)工作是由美工來完成的，現(xiàn)在網(wǎng)頁(yè)設(shè)計(jì)嚴(yán)格的來說不包括美工的工作，即美工只負(fù)責(zé)設(shè)計(jì)效果圖網(wǎng)頁(yè)的設(shè)計(jì)師只負(fù)責(zé)嚴(yán)格按照效果圖將效果圖的樣式以網(wǎng)頁(yè)的形式做出來，那可能有人會(huì)問為什么網(wǎng)頁(yè)設(shè)計(jì)師還需要ps呢？那是因?yàn)榫W(wǎng)頁(yè)設(shè)計(jì)師也就是前端設(shè)計(jì)師需要將美工制作的效果圖（一般是psd格式的）使用ps的切片功能將其中用的到的圖片裁切出來放到網(wǎng)頁(yè)上去用，此時(shí)就要使用photoshop來完成這個(gè)工作，所以作為網(wǎng)頁(yè)設(shè)計(jì)師或者前端設(shè)計(jì)師會(huì)一些基本的Photoshop知識(shí)還是很有必要的。2、前端代碼編輯器如dreamweave、hubuilder等，建議初學(xué)者使用記事本等文本編輯器。我們知道現(xiàn)在的網(wǎng)頁(yè)設(shè)計(jì)都是純手寫代碼基本沒有使用可視化編輯的了，原因是可視化編輯的網(wǎng)頁(yè)有很多弊端如代碼冗余、后期改版難以控制和維護(hù)、網(wǎng)頁(yè)的執(zhí)行效率和性能不高等。此時(shí)解決的辦法就是純手寫htm、css、js等代碼來做我們的網(wǎng)頁(yè)，但是我們?cè)趯?shí)際開發(fā)過程中又有些問題，學(xué)習(xí)的網(wǎng)頁(yè)的初期我們可以使用記事本或者有些簡(jiǎn)單的文本編輯工具來寫代碼，但是在實(shí)際開發(fā)過程中我們需要借助有些好的編輯器來提高我們的效率， 此時(shí)就需要使用功能強(qiáng)大的編輯器，提供代碼高亮、代碼提示等功能來提高開發(fā)的速度，常見的前端代碼編輯器有dreamweave、hubuilder、sublime等等，這個(gè)根據(jù)個(gè)人的習(xí)慣和工作的環(huán)境進(jìn)行選擇即可。但是建議初學(xué)者使用記事本等文本編輯器，這樣能讓我們記住一些關(guān)鍵詞，有利于學(xué)習(xí)。3、一些更高級(jí)的前端工具和軟件我們也需要學(xué)習(xí)。在實(shí)際的開發(fā)過程中，以上的工具并不能完全滿足我們的需要，尤其是開發(fā)一些大型的項(xiàng)目的時(shí)候，我們需要使用和借助的工具來幫助我們進(jìn)行開發(fā)，這里簡(jiǎn)要說一些。例如當(dāng)我們進(jìn)行團(tuán)隊(duì)合作的時(shí)候，我們可能還會(huì)使用一些版本控制工具來進(jìn)行團(tuán)隊(duì)合作，如svn、github等，在進(jìn)行項(xiàng)目管理的時(shí)候我們可能還需要一些前端的包管理工具如grunt、webpack等。這些工具都是一個(gè)專業(yè)前端工程師應(yīng)該學(xué)些的?？偨Y(jié)：簡(jiǎn)單的介紹了一些網(wǎng)頁(yè)設(shè)計(jì)中需要使用的軟件和工具，可能不是很全面，但是可以給大家作為一個(gè)參考。