港灣中心，火車(chē)站對(duì)面，地鐵三號(hào)線(xiàn)津?yàn)硰V場(chǎng)下本數(shù)據(jù)來(lái)源于百度地圖，最終結(jié)果以百度地圖最新數(shù)據(jù)為準(zhǔn)。

千鋒的在那學(xué)的還是可以的！

一、菜鳥(niǎo)級(jí)網(wǎng)頁(yè)制作軟件 如果你是一個(gè)網(wǎng)頁(yè)制作初學(xué)者，那么讓下面幾種軟件帶你走進(jìn)那絢麗多彩的網(wǎng)頁(yè)制作世界吧！ ①M(fèi)icrosoft FrontPage 如果你曾對(duì)Word很熟悉，那么相信你用FrontPage進(jìn)行網(wǎng)頁(yè)設(shè)計(jì)一定會(huì)非常順手。使用FrontPage制作網(wǎng)頁(yè)，你能真正體會(huì)到“功能強(qiáng)大，簡(jiǎn)單易用”的含義。頁(yè)面制作由FrontPage中的Editor完成，其工作窗口由3個(gè)標(biāo)簽頁(yè)組成，分別是“所見(jiàn)即所得”的編輯頁(yè)，HTML代碼編輯頁(yè)和預(yù)覽頁(yè)。FrontPage帶有圖形和GIF動(dòng)畫(huà)編輯器，支持CGI和CSS。向?qū)Ш湍０宥寄苁钩鯇W(xué)者在編輯網(wǎng)頁(yè)時(shí)感到更加方便。 FrontPage最強(qiáng)大之處是其站點(diǎn)管理功能。在更新服務(wù)器上的站點(diǎn)時(shí)，不需要?jiǎng)?chuàng)建更改文件的目錄。FrontPage會(huì)為你跟蹤文件并拷貝那些新版本文件。FrontPage是現(xiàn)有網(wǎng)頁(yè)制作軟件中惟一既能在本地計(jì)算機(jī)上工作，又能通過(guò)Internet直接對(duì)遠(yuǎn)程服務(wù)器上的文件進(jìn)行工作的軟件。 ②Netscape編輯器 Netscape Communicator和Netscape Navigator Gold3.0版本都帶有網(wǎng)頁(yè)編輯器。如果你喜歡用Netscape瀏覽器上網(wǎng)，使用Netscape編輯器真是簡(jiǎn)單方便！當(dāng)你用Netscape瀏覽器顯示網(wǎng)頁(yè)時(shí)，單擊編輯按鈕，Netscape就會(huì)把網(wǎng)頁(yè)存儲(chǔ)在硬盤(pán)中，然后就可以開(kāi)始編輯了。你也可以像使用Word那樣編輯文字、字體、顏色，改變主頁(yè)作者、標(biāo)題、背景顏色或圖像，定義描點(diǎn)，插入鏈接，定義文檔編碼，插入圖像，創(chuàng)建表格等，是不是與FrontPage 2000還有些像?但是，Netscape編輯器對(duì)復(fù)雜的網(wǎng)頁(yè)設(shè)計(jì)就顯得功能有限了，它連表單創(chuàng)建、多框架創(chuàng)建都不支持。 Netscape編輯器是網(wǎng)頁(yè)制作初學(xué)者很好的入門(mén)工具。如果你的網(wǎng)頁(yè)主要是由文本和圖片組成的，Netscape編輯器將是一個(gè)輕松的選擇。如果你對(duì)HTML語(yǔ)言有所了解的話(huà)，能夠使用Notepad或Ultra Edit等文本編輯器來(lái)編寫(xiě)少量的HTML語(yǔ)句，也可以彌補(bǔ)Netscape編輯器的一些不足。 ③Adobe Pagemill Pagemill功能不算強(qiáng)大，但使用起來(lái)很方便，適合初學(xué)者制作較為美觀、而不是非常復(fù)雜的主頁(yè)。如果你的主頁(yè)需要很多框架、表單和Image Map圖像，那么Adobe Pagemill的確是你的首選。 Pagemill另一大特色是有一個(gè)剪貼板，可以將任意多的文本、圖形、表格拖放到里面，需要時(shí)再打開(kāi)，很方便。 ④Claris Home Page 如果使用Claris Home Page軟件，你可以在幾分鐘之內(nèi)創(chuàng)建一個(gè)動(dòng)態(tài)網(wǎng)頁(yè)。這是因?yàn)樗幸粋€(gè)很好的創(chuàng)建和編輯Frame(框架)的工具，你不必花費(fèi)太多的力氣就可以增加新的Frame(框架)。而且Claris Home Page 3.0集成了FileMaker數(shù)據(jù)庫(kù)，增強(qiáng)的站點(diǎn)管理特性還允許你檢測(cè)頁(yè)面的合法連接。不過(guò)界面設(shè)計(jì)過(guò)于粗糙，對(duì)Image Map圖像的處理也不完全。 二、中級(jí)網(wǎng)頁(yè)制作軟件 如果你對(duì)網(wǎng)頁(yè)設(shè)計(jì)已經(jīng)有了一定的基礎(chǔ)，對(duì)HTML語(yǔ)言又有一定的了解，那么你可以選擇下面的幾種軟件來(lái)設(shè)計(jì)你的網(wǎng)頁(yè)，他們一定會(huì)為你的網(wǎng)頁(yè)添色不少。 ①DreamWeaver 自制動(dòng)態(tài)HTML動(dòng)畫(huà)的網(wǎng)頁(yè) DreamWeaver是一個(gè)很酷的網(wǎng)頁(yè)設(shè)計(jì)軟件，它包括可視化編輯、HTML代碼編輯的軟件包，并支持ActiveX、JavaScript、Java、Flash、ShockWave等特性，而且它還能通過(guò)拖拽從頭到尾制作動(dòng)態(tài)的HTML動(dòng)畫(huà)，支持動(dòng)態(tài)HTML(Dynamic HTML)的設(shè)計(jì)，使得頁(yè)面沒(méi)有plug-in也能夠在Netscape和IE 4.0瀏覽器中正確地顯示頁(yè)面的動(dòng)畫(huà)。同時(shí)它還提供了自動(dòng)更新頁(yè)面信息的功能。 DreamWeaver還采用了Roundtrip HTML技術(shù)。這項(xiàng)技術(shù)使得網(wǎng)頁(yè)在DreamWeaver和HTML代碼編輯器之間進(jìn)行自由轉(zhuǎn)換，HTML句法及結(jié)構(gòu)不變。這樣，專(zhuān)業(yè)設(shè)計(jì)者可以在不改變?cè)芯庉嬃?xí)慣的同時(shí)，充分享受到可視化編輯帶來(lái)的益處。DreamWeaver最具挑戰(zhàn)性和生命力的是它的開(kāi)放式設(shè)計(jì)，這項(xiàng)設(shè)計(jì)使任何人都可以輕易擴(kuò)展它的功能。 ②Fireworks 第一款徹底為Web制作者們?cè)O(shè)計(jì)的軟件 Fireworks的來(lái)頭實(shí)在不小，它的出現(xiàn)使Web作圖發(fā)生了革命性的變化。Fireworks是專(zhuān)為網(wǎng)絡(luò)圖像設(shè)計(jì)而開(kāi)發(fā)，內(nèi)建豐富的支持網(wǎng)絡(luò)出版功能，比如Fireworks能夠自動(dòng)切圖、生成鼠標(biāo)動(dòng)態(tài)感應(yīng)的javascript。而且Fireworks具有十分強(qiáng)大的動(dòng)畫(huà)功能和一個(gè)幾乎完美的網(wǎng)絡(luò)圖像生成器(Export功能)。它增強(qiáng)了與dreamweaver的聯(lián)系，可以直接生成dreamweaver的Libaray甚至能夠?qū)С鰹榕浜螩SS式樣的網(wǎng)頁(yè)及圖片！ ③Flash 讓你的網(wǎng)頁(yè)動(dòng)起來(lái) Flash是用在互聯(lián)網(wǎng)上動(dòng)態(tài)的、可互動(dòng)的shockwave。它的優(yōu)點(diǎn)是體積小，可邊下載邊播放，這樣就避免了用戶(hù)長(zhǎng)時(shí)間的等待。#{6FLASH6}#可以用其生成動(dòng)畫(huà)，還可在網(wǎng)頁(yè)中加入聲音。這樣你就能生成多媒體的圖形和界面，而使文件的體積卻很小。FLASH雖然不可以像一門(mén)語(yǔ)言一樣進(jìn)行編程，但用其內(nèi)置的語(yǔ)句并結(jié)合JavaScripe，您也可做出互動(dòng)性很強(qiáng)的主頁(yè)來(lái)。有人曾經(jīng)說(shuō)過(guò)：下個(gè)世紀(jì)的網(wǎng)絡(luò)設(shè)計(jì)人不會(huì)用FLASH，必將被淘汰出局！我相信這句話(huà)沒(méi)錯(cuò)！ ④HotDog Professional 制作要加入多種復(fù)雜技術(shù)的網(wǎng)頁(yè) HotDog是較早基于代碼的網(wǎng)頁(yè)設(shè)計(jì)工具，其最具特色的是提供了許多向?qū)Чぞ?，能幫助設(shè)計(jì)者制作頁(yè)面中的復(fù)雜部分。HotDog的高級(jí)HTML支持插入marquee，并能在預(yù)覽模式中以正常速度觀看。這點(diǎn)非常難得，因?yàn)榧词故讋?chuàng)這種標(biāo)簽的Microsoft在FrontPage中也未提供這樣的功能。HotDog對(duì)plug-in的支持也遠(yuǎn)遠(yuǎn)超過(guò)其他產(chǎn)品，它提供的對(duì)話(huà)框允許你以手動(dòng)方式為不同格式的文件選擇不同的選項(xiàng)。但對(duì)中文的處理不很方便。 HotDog是個(gè)功能強(qiáng)大的軟件，對(duì)于那些希望在網(wǎng)頁(yè)中加入CSS、Java、RealVideo等復(fù)雜技術(shù)的高級(jí)設(shè)計(jì)者，是個(gè)很好的選擇。 ⑤HomeSite 制作可完全控制頁(yè)面進(jìn)程的網(wǎng)頁(yè) Allaire的HomeSite是一個(gè)小巧而全能的HTML代碼編輯器，有豐富的幫助功能，支持CGI和CSS等等，并且可以直接編輯perl程序。HomeSite工作界面繁簡(jiǎn)由人，根據(jù)習(xí)慣，可以將其設(shè)置成像Notepad那樣簡(jiǎn)單的編輯窗口，也可以在復(fù)雜的界面下工作。 HomeSite更適合那些比較復(fù)雜和精彩頁(yè)面的設(shè)計(jì)。如果你希望能完全控制你制作的頁(yè)面的進(jìn)程，HomeSite是你最佳選擇。不過(guò)對(duì)于生手過(guò)于復(fù)雜。 ⑥HotMetal Pro 制作具有強(qiáng)大數(shù)據(jù)嵌入能力的網(wǎng)頁(yè) HotMetal既提供“所見(jiàn)即所得”圖形制作方式，又提供代碼編輯方式，是個(gè)令各層次設(shè)計(jì)者都不至于失望的軟件。但是初學(xué)者需要熟知HTML，才能得心應(yīng)手地使用這個(gè)軟件。HotMetal具有強(qiáng)大的數(shù)據(jù)嵌入能力，利用它的數(shù)據(jù)插入向?qū)?，可以把外部的Access、Word、Excel以及其他ODBC數(shù)據(jù)提出來(lái)，放入頁(yè)面中。而且HotMetal能夠把它們自動(dòng)轉(zhuǎn)換為HTML格式，是不是很棒?此外它還能轉(zhuǎn)換很多老格式的文檔(如WordStar等)，并能在轉(zhuǎn)換過(guò)程中把這些文檔里的圖片自動(dòng)轉(zhuǎn)換為GIF格式。 HotMetal為用戶(hù)提供了“太多”的工具，而且它還可以用網(wǎng)狀圖或樹(shù)狀圖表現(xiàn)整個(gè)站點(diǎn)文檔的鏈接狀況。 三、高級(jí)網(wǎng)頁(yè)制作軟件 ①M(fèi)icrosoft Visual Studio 該系列的版本有：2003、2005、2008和未來(lái)的版本； 適合開(kāi)發(fā)動(dòng)態(tài)的aspx網(wǎng)頁(yè)，同時(shí)，還能制作無(wú)刷新網(wǎng)站、webservice功能等，僅適合高級(jí)用戶(hù)。 ②Jbuilder 不論是各種版本，均適合使用其開(kāi)發(fā)出JSP網(wǎng)頁(yè)，僅適合高級(jí)用戶(hù)。 ③記事本 別以為記事本功能非常少，軟件很簡(jiǎn)單；但是，如何想使用它來(lái)制作網(wǎng)頁(yè)，也僅適合高級(jí)用戶(hù)；因?yàn)樵谄鋬?nèi)容，沒(méi)有任何可視化的操作可直接制作網(wǎng)頁(yè)，而只能編寫(xiě)各種HTML代碼、CSS代碼、JS代碼和各種動(dòng)態(tài)腳本，方能制作出網(wǎng)頁(yè)來(lái)。 參考資料： 網(wǎng)站、網(wǎng)頁(yè)制作（團(tuán)）

　　HTML（超文本標(biāo)記語(yǔ)言）是網(wǎng)頁(yè)的核心，學(xué)好HTML是成為Web開(kāi)發(fā)人員的基本條件。HTML很容易學(xué)習(xí)的，但也很容易誤用，要學(xué)精還得費(fèi)點(diǎn)功夫?！　‰S著HTML5的發(fā)展和普及，了解HTML5也將成為Web開(kāi)發(fā)人員的必修課。　　涉及到網(wǎng)頁(yè)外觀時(shí)，就需要學(xué)習(xí)CSS了，它可以幫你把網(wǎng)頁(yè)做得更美觀?！　±肏TML和CSS模擬一些你所見(jiàn)過(guò)的網(wǎng)站的排版和布局（色彩，圖片，文字樣式等等）。　第二步：學(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開(kāi)發(fā)人員都喜歡用的，通過(guò)Jquery可以有效的提高JavaScript的開(kāi)發(fā)效率?！〉谌剑毫私釽eb服務(wù)器　　你不必在這上面花太多精力，但對(duì)IIS、Apache基本配置要掌握，這方面的知識(shí)學(xué)起來(lái)也相對(duì)容易，不會(huì)花多長(zhǎng)時(shí)間?！　W(xué)習(xí)一點(diǎn)Unix和Linux的基本知識(shí)，因?yàn)榇蟛糠諻eb服務(wù)器都運(yùn)行在Unix和Linux平臺(tái)上。　第四步: 學(xué)好一門(mén)服務(wù)器端腳本語(yǔ)言　　服務(wù)器端腳本編程（后臺(tái)開(kāi)發(fā)）也是Web開(kāi)發(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原則。　　通常asp.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開(kāi)發(fā)速度，使用框架可以節(jié)約你很多時(shí)間?！　”热?net的MVC，JAVA 的SSH，php的cakephp、CodeIgniter、zend，ruby的ROR，python的dijango等等，其實(shí)里面都有一些相通之處?！　≌麄€(gè)開(kāi)發(fā)過(guò)程你還可能會(huì)學(xué)習(xí)到一些工具的使用：　　Visio，Dreamweaver，Vistual Studio、elipse、(Vim, EditPlus, Notpad++)、sqlserver、phpmyadmin，各種瀏覽器以及FireBug的插件，IE下的WebDevelopmentHelper、IETester等。如果你足夠用心，你還發(fā)掘出很多不錯(cuò)的資源，例如MSDN，W3cSchool，一些前輩的博客，一些技術(shù)論壇等等，這都是你未來(lái)前進(jìn)道路上的財(cái)富。如還想深入研究，學(xué)學(xué)http協(xié)議,理解什么是無(wú)狀態(tài)，不然你永遠(yuǎn)做不好WEB開(kāi)發(fā)，研究web程序服務(wù)端運(yùn)行原理，還有tcp/ip,udp協(xié)議等?！　淖詈?jiǎn)單的HTML到Web框架，內(nèi)容還是不少，要想精通這里的每一樣技術(shù)，都得下苦功夫才行。半年的時(shí)間，足夠你對(duì)web開(kāi)發(fā)產(chǎn)生一個(gè)有效的認(rèn)識(shí)，這個(gè)時(shí)候，再思考你進(jìn)一步學(xué)習(xí)的方向吧。

java web一般涉及到前端。而web前端開(kāi)發(fā)只是有可能涉及到j(luò)ava。前端開(kāi)發(fā)一般只涉及到j(luò)s,html,css,有些可能會(huì)用flash,photoshop這些?？蚣芫蚸query,ext,jodo等這些。web前端的話(huà)他的后端可能是java，也可能是.net或者php等都可能，但java web可以確定后端就是java，web前端其實(shí)都一樣。

這個(gè)完全要看自己的基礎(chǔ)和愛(ài)好，如果是學(xué)美術(shù)或者設(shè)計(jì)出身當(dāng)然是學(xué)洗UI要好一些，但是如果是學(xué)習(xí)計(jì)算機(jī)或者編程出身就學(xué)習(xí)前端要好一些。首先說(shuō)一下兩個(gè)崗位的聯(lián)系和區(qū)別現(xiàn)在網(wǎng)站前端工程師和美工是兩個(gè)完全不同的職位，兩者的工作內(nèi)容也是完全不同的。從2013年開(kāi)始，一些的中小型的公司也開(kāi)始將網(wǎng)站前端和美工分離，到目前，基本所有的專(zhuān)業(yè)的開(kāi)發(fā)網(wǎng)站的公司都是設(shè)置了網(wǎng)站美工和網(wǎng)站前端兩職位，其工作內(nèi)容和職責(zé)是完全不同的。首先說(shuō)一下開(kāi)發(fā)一個(gè)網(wǎng)站的大致流程：客戶(hù)提出需求——>網(wǎng)站美工根據(jù)客戶(hù)的需求設(shè)計(jì)效果圖并得到客戶(hù)的認(rèn)可——>網(wǎng)站前端工程師使用前端代碼將效果圖做成靜態(tài)的網(wǎng)頁(yè)——>后臺(tái)開(kāi)發(fā)人員填充后臺(tái)數(shù)據(jù)——>測(cè)試完成上線(xiàn)。根據(jù)以上的流程應(yīng)該可以知道美工和前端的工作分工是不同，現(xiàn)在兩者沒(méi)有任何交集只是團(tuán)隊(duì)合作，具體的職責(zé)和內(nèi)容如下：1、網(wǎng)站美工網(wǎng)站美工一般是學(xué)美術(shù)或者設(shè)計(jì)出身，精通photoshop、AI、AE等平面設(shè)計(jì)工具，其在網(wǎng)站開(kāi)發(fā)過(guò)程的中的職責(zé)就是按照客戶(hù)或者公司的需求設(shè)計(jì)出符合客戶(hù)需求和界面或者顏色符合大眾視覺(jué)的網(wǎng)站效果，如根據(jù)不同行業(yè)的需求設(shè)計(jì)顏色、設(shè)計(jì)界面風(fēng)格等，其工作的最后成果就是網(wǎng)站的效果圖。2、網(wǎng)站前端工程師網(wǎng)站前端工程師不參與任何的設(shè)計(jì)，直接將網(wǎng)站美工制作的網(wǎng)站效果圖使用ps按照效果圖進(jìn)行切片并使用html、css、js等代碼進(jìn)行網(wǎng)頁(yè)的制作，最終編寫(xiě)出符合w3c標(biāo)準(zhǔn)的兼容各個(gè)主流瀏覽器的靜態(tài)頁(yè)面，同時(shí)還需要按照后臺(tái)開(kāi)發(fā)人員的要求留下一些后臺(tái)數(shù)據(jù)的接口。所以說(shuō)網(wǎng)站前端工程師的是編程而不是設(shè)計(jì)。

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

這個(gè)完全要看自己的基礎(chǔ)和愛(ài)好，如果是學(xué)美術(shù)或者設(shè)計(jì)出身當(dāng)然是學(xué)洗UI要好一些，但是如果是學(xué)習(xí)計(jì)算機(jī)或者編程出身就學(xué)習(xí)前端要好一些。首先說(shuō)一下兩個(gè)崗位的聯(lián)系和區(qū)別現(xiàn)在網(wǎng)站前端工程師和美工是兩個(gè)完全不同的職位，兩者的工作內(nèi)容也是完全不同的。從2013年開(kāi)始，一些的中小型的公司也開(kāi)始將網(wǎng)站前端和美工分離，到目前，基本所有的專(zhuān)業(yè)的開(kāi)發(fā)網(wǎng)站的公司都是設(shè)置了網(wǎng)站美工和網(wǎng)站前端兩職位，其工作內(nèi)容和職責(zé)是完全不同的。首先說(shuō)一下開(kāi)發(fā)一個(gè)網(wǎng)站的大致流程：客戶(hù)提出需求——>網(wǎng)站美工根據(jù)客戶(hù)的需求設(shè)計(jì)效果圖并得到客戶(hù)的認(rèn)可——>網(wǎng)站前端工程師使用前端代碼將效果圖做成靜態(tài)的網(wǎng)頁(yè)——>后臺(tái)開(kāi)發(fā)人員填充后臺(tái)數(shù)據(jù)——>測(cè)試完成上線(xiàn)。根據(jù)以上的流程應(yīng)該可以知道美工和前端的工作分工是不同，現(xiàn)在兩者沒(méi)有任何交集只是團(tuán)隊(duì)合作，具體的職責(zé)和內(nèi)容如下：1、網(wǎng)站美工網(wǎng)站美工一般是學(xué)美術(shù)或者設(shè)計(jì)出身，精通photoshop、AI、AE等平面設(shè)計(jì)工具，其在網(wǎng)站開(kāi)發(fā)過(guò)程的中的職責(zé)就是按照客戶(hù)或者公司的需求設(shè)計(jì)出符合客戶(hù)需求和界面或者顏色符合大眾視覺(jué)的網(wǎng)站效果，如根據(jù)不同行業(yè)的需求設(shè)計(jì)顏色、設(shè)計(jì)界面風(fēng)格等，其工作的最后成果就是網(wǎng)站的效果圖。2、網(wǎng)站前端工程師網(wǎng)站前端工程師不參與任何的設(shè)計(jì)，直接將網(wǎng)站美工制作的網(wǎng)站效果圖使用ps按照效果圖進(jìn)行切片并使用html、css、js等代碼進(jìn)行網(wǎng)頁(yè)的制作，最終編寫(xiě)出符合w3c標(biāo)準(zhǔn)的兼容各個(gè)主流瀏覽器的靜態(tài)頁(yè)面，同時(shí)還需要按照后臺(tái)開(kāi)發(fā)人員的要求留下一些后臺(tái)數(shù)據(jù)的接口。所以說(shuō)網(wǎng)站前端工程師的是編程而不是設(shè)計(jì)。

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