怎樣開發(fā)網(wǎng)站前端？

Web前端開發(fā)是從網(wǎng)頁制作演變而來的，名稱上有很明顯的時代特征。在互聯(lián)網(wǎng)的演化進程中，網(wǎng)頁制作是Web1.0時代產(chǎn)物，那時網(wǎng)站的主要內(nèi)容是靜態(tài)的，用戶使用網(wǎng)站的行為也以瀏覽為主。2005年以后，互聯(lián)網(wǎng)進入Web2.0時代，各種類似桌面軟件的Web應用大量涌現(xiàn)，網(wǎng)站的前端由此發(fā)生了翻天覆地的變化。網(wǎng)頁不再只是承載單一的文字和圖片，各種富媒體讓網(wǎng)頁的內(nèi)容更加生動，網(wǎng)頁上軟件化的交互形式為用戶提供了更好的使用體驗，這些都是基于前端技術實現(xiàn)的。說得直白點就是美工photoshop，交互設計，flash，js，html+css。就小規(guī)模公司而言，一個技術員都得會這幾樣技能，這樣很鍛煉人的，慢慢的你就會成為公司的主力。大規(guī)模的公司把這些分得很細，所以，你可以精通一門，熟悉其他的，進軍大公司。以下就是贏在威客網(wǎng)小編為您整理的怎樣開發(fā)網(wǎng)站前端的知識。

網(wǎng)頁開發(fā)工具

學習web前端開發(fā)，網(wǎng)頁開發(fā)工具有FrontPage，會用 Word 的人很容易學會FrontPage。還有一個常用的是Dreamweaver。這兩種都是使用最多的HTML網(wǎng)頁制作工具，我使用的是Dreamweaver cs6,因為這套軟件提供了一套直觀的可視界面，融合了html5一些新的內(nèi)容。包括網(wǎng)格布局什么的。

學習內(nèi)容

HTML、CSS和JavaScript。html是內(nèi)容，css是表現(xiàn)，javascript是行為。前端開發(fā)的門檻其實非常低，與服務器端語言先慢后快的學習曲線相比，前端開發(fā)的學習曲線是先快后慢。所以，對于從事IT工作的人來說，前端開發(fā)是個不錯的初入點。也正因為如此，前端開發(fā)的領域有很多自學成“才”的同行。html是最基礎的，現(xiàn)在流行的是html5設計，先學會網(wǎng)頁布局。css是用來美化html頁面的為頁面提供布局和格式。最后再學javascript。如果你把每天看電影、看電視劇的時間用來學習，我想一個星期入門是沒有問題的。

基礎知識：


1. html + css。這部分建議在 www.w3school.com.cn 上學習，邊學邊練，每章后還有小測試。之后可以模仿一些網(wǎng)站做些頁面。本站提供的個人博客模板www.yangqq.com/download/都是比較簡單的單頁，可以下載下來模仿自己做一個。理解css每個元素的屬性，樣式的實現(xiàn)不一定只有一種寫法，多想一想還有沒有什么需要改進的地方。

2、JavaScript。不是所有的網(wǎng)頁都必須有js，但是要想實現(xiàn)一些超酷的功能和界面的時候，就需要涉及到js。如果沒有其他編程語言的基礎的話，學起來可能要費些力，還是建議先在 w3school上學習。

3、Photoshop、flash。熟悉會一點兒就行了，沒必要全部都學得精通，當然如果你在學習的過程中，發(fā)現(xiàn)你ps或者flash比較感興趣的話，也可以嘗試做美工這一行。

4、html5和css3?？梢韵攘私庖幌?，然后再入手。畢竟IE的瀏覽器大多還不支持。

5、瀏覽器兼容。懂web標準，熟練手寫 xhtml css3 并符合 符合w3c標準。代碼能兼容主流瀏覽器Firfox，Chrome、Safari、IE、Opera。雖然IE6很多都不兼容，但現(xiàn)在還使用的人還是有的。

6、熟悉一門后臺編程語言 asp、php、jsp等