web前端內容介紹

標籤（空格分隔）： web前端

web1.0時代的網頁製作

網頁製作是web1.0時代的產物，那個時候的網頁主要是靜態網頁，所謂的靜態網頁就是沒有與使用者進行互動而僅僅供讀者瀏覽的網頁，我們當時稱為“牛皮癬”網頁。例如一篇QQ日誌、一篇博文等展示性文章。在web1.0時代，使用者能做的唯一事情就是瀏覽這個網站的文字圖片內容，這時使用者也不能像現在在大多數網站都可以評論交流（缺乏互動性）。相信可能大多數人都聽過“網頁三劍客 Dreamweaver+Fireworks+Flash”吧，這個組合就是web1.0時代額產物

web2.0時代的前端開發

“前端開發”是從“網頁製作”演變而來的。

從2005年開始，網際網路進入web 2.0時代，由單一的文字和圖片組成的靜態網頁已經不能滿足使用者的需求，使用者需要更好的體驗。在web 2.0時代，網頁有靜態網頁和動態網頁。所謂動態網頁，就是使用者不僅僅可以瀏覽網頁，還可以與伺服器進行互動。舉個例子，你登陸新浪微博，要輸入賬號密碼，這個時候就需要伺服器對你的賬號和密碼進行驗證通過才行。web2.0時代的網頁不僅包含炫麗的動畫、音訊和視訊，還可以讓使用者在網頁中進行評論交流、上傳和下載檔案等（互動性）。這個時代的網頁，如果是用“網頁三劍客Dreamweaver+Fireworks+Flash”製作的，那是遠遠不能滿足需求。現在網站開發無論是開發難度，還是開發方式上，都更接近傳統的網站後臺開發，所以現在不再叫“網頁製作”，而是叫“web前端開發”。

所以，處於web2.0時代的你，如果要學習網站開發技術，就不要再相信所謂的“網頁三劍客Dreamweaver+Fireworks+Flash”，因為這個組合已經是上個網際網路時代的產物。而且這個組合開發出來的網站問題也非常多，例如程式碼冗餘、網站維護困難（學習到後期，你會知道為什麼不用這個組合了

Web前端能做什麼？

公司官網（在PC通過瀏覽器來訪問公司網站）移動端網頁（在手機上來瀏覽公司資訊、小遊戲等）移動端APP（例如：淘寶、去哪兒旅遊、攜程等）微信小程式（微信最新推出的功能，隨用隨裝，不佔用手機空間）皮皮蝦我們走可樂在廚房 紅牛在冰箱66666。前端開發所學技術由簡單到難，所以在很多網站上你會看到“七天入門前端”的視訊部落格等等，也就是說一星期就學會了HTML+CSS。那麼最基本的頁面你就可以書寫了。

前端開發都有哪些內容

我們知道，用所謂的網頁三劍客已經不能滿足需求了，那前端開發究竟要學習什麼技術呢？網頁最主要由3部分組成：結構、表現和行為。網頁現在新的標準是W3C，目前模式是HTML、CSS和JavaScript。

三部分都是做什麼的

1）HTML是什麼？

HTML，全稱“Hyper Text Markup Language（超文字標記語言）”，簡單來說，網頁就是用HTML語言製作的。HTML是一門描述性語言，是一門非常容易入門的語言。
（2）CSS

CSS，全稱“（層疊樣式表）”。以後我們在別的地方看到“層疊樣式表”、“CSS樣式”，指的就是CSS。
（3）JavaScript

JavaScript是一門指令碼語言。
（4）HTML、CSS和JavaScript的區別 我們都知道前端技術最核心的是HTML、CSS和JavaScript這三種。但是這三者究竟是幹嘛的呢？

“HTML是網頁的結構，CSS是網頁的外觀，而JavaScript是頁面的行為