網(wǎng)站前端不是一個(gè)簡(jiǎn)單的工作，可以說網(wǎng)站前端要學(xué)習(xí)很多東西，例如PS、div+css、AI等，也許我們舉例并不全面，那么北京匯仁智杰網(wǎng)站推廣公司就帶領(lǐng)大家具體的來看看網(wǎng)站前端到底都學(xué)些什么東西。

　　一、網(wǎng)頁設(shè)計(jì)制作工具

　　1、photoshop圖像處理軟件Photoshop是Adobe公司旗下最為出名的圖像處理軟件之一，集圖像掃描、編輯修改、圖像制作、廣告創(chuàng)意，圖像輸入與輸出于一體的圖形圖像處理軟件，深受廣大平面設(shè)計(jì)人員和電腦美術(shù)愛好者的喜愛。

　　2、Fireworks網(wǎng)頁作圖軟件，在 Fireworks 中將設(shè)計(jì)迅速轉(zhuǎn)變?yōu)槟Ｐ停?或利用來自Illustrator、Photoshop和Flash的其它資源。 然后直接置入Dreamweaver中輕松地進(jìn)行開發(fā)與部署。

　　3、Illustrator矢量插畫軟件，該軟件為您的線稿提供無與倫比的精度和控制，適合生產(chǎn)任何小型設(shè)計(jì)到大型的復(fù)雜項(xiàng)目。

　　4、Flash動(dòng)畫軟件Flash是由macromedia公司推出的交互式矢量圖和 Web 動(dòng)畫的標(biāo)準(zhǔn)，由Adobe公司收購(gòu)。網(wǎng)頁設(shè)計(jì)者使用Flash 創(chuàng)作出既漂亮又可改變尺寸的導(dǎo)航界面以及其他奇特的效果。

　5、dreamweaver網(wǎng)站開發(fā)工具是個(gè)原本由Macromedia公司所開發(fā)的著名網(wǎng)站開發(fā)工具。

　　二、網(wǎng)頁的布局方法：div+css對(duì)于初入門的網(wǎng)頁設(shè)計(jì)者和開發(fā)者而言，學(xué)習(xí)網(wǎng)頁設(shè)計(jì)和開發(fā)就應(yīng)該從HTML5和CSS3開始，這是毋庸置疑的。對(duì)于有經(jīng)驗(yàn)的工程師來說，如果想完整掌握HTML5和CSS3新技術(shù)，那么《HTML5+CSS3網(wǎng)頁布局和樣式精粹》是最合適不過的。

　　三、程式語言JavaScript是一種能讓你的網(wǎng)頁更加生動(dòng)活潑的程式語言，也是目前網(wǎng)頁中設(shè)計(jì)中最容易學(xué)又最方便的語言。

　　四、管理軟件和網(wǎng)站內(nèi)容管理系統(tǒng)svn(subversion)是近年來崛起的版本管理工具，是cvs的接班人。目前，絕大多數(shù)開源軟件都使用svn作為代碼版本管理軟件。CMS內(nèi)容管理系統(tǒng)CMS是Content Management System的縮寫，意為"內(nèi)容管理系統(tǒng)"，它具有許多基于模板的優(yōu)秀設(shè)計(jì)，可以加快網(wǎng)站開發(fā)的速度和減少開發(fā)的成本。

　　CMS的功能并不只限于文本處理，它也可以處理圖片、Flash動(dòng)畫、聲像流、圖像甚至電子郵件檔案。如phpcms、php168、dede cms織夢(mèng)、帝國(guó)、ecshop 、shopex、wordpress、discuz和phpwind等。

　　以上只是網(wǎng)站前端學(xué)習(xí)的一部分，如果以后想從事網(wǎng)站前端的工作還需要各種能力和應(yīng)變力，你準(zhǔn)備好了嗎？