什麼是web前端和網頁

Web前端是給使用者展示的網頁頁面，即網站的前台部分，是關於使用者可以看到和體驗的網站的視覺方面，即使用者所看到的一切網頁瀏覽器所展示的內容，涉及用戶可以看到，觸摸和體驗的一切。網頁是一個包含HTML標籤的純文字文件，它可以存放在世界某個角落的某一台電腦中，是萬維網中的一頁，是超文本標記語言格式；網頁通常用圖像檔來提供圖畫，網頁要透過網頁瀏覽器來閱讀。

本教學操作環境：windows7系統、Dell G3電腦。

什麼是web前端

Web前端是給使用者展示的網頁頁面，也就是網站的前台部分。

web前端也被稱為“客戶端”，是關於用戶可以看到和體驗的網站的視覺方面，即用戶所看到的一切網頁瀏覽器展示的內容，涉及用戶可以看到，觸摸和體驗的一切；即web前端包括web頁面的結構、web的外觀視覺表現以及web層面的交互實現。

web前端從網頁製作演變而來，名稱上有很明顯的時代特徵。在網路的演化過程中，網頁製作是Web1.0時代的產物，早期網站主要內容都是靜態，以圖片和文字為主，使用者使用網站的行為也以瀏覽為主。隨著網路科技的發展與HTML5、CSS3的應用，現代網頁更加美觀，互動效果顯著，功能更加強大。

web前端主要針對編碼和建立可見的東西，也就是使用者互動的介面，集中在Web應用程式或網站中。它還包括行動應用程式的開發，負責創建這些類型的應用程式的佈局或架構的人員是前端開發人員。

web即全球廣域網，也稱為萬維網，是一種基於超文本和HTTP的、全球性的、動態互動的、跨平台的分散式圖形資訊系統。是建立在Internet上的一種網路服務，為瀏覽者在Internet上尋找和瀏覽資訊提供圖形化的、易於存取的直覺介面，其中的文件及超級連結將Internet上的資訊節點組織成一個互為關聯的網狀結構。

前端網路程式設計的挑戰在於用於實現前端頁面的工具以及技術變化得很快，所以工程師需要不斷注意產業是如何發展的（例如ECMAScript 6）。

設計網頁的目的在於確保使用者開啟網站的時候，資訊是以容易閱讀且相互關聯的形式呈現的。隨之帶來的問題是，現在用戶實用大量的設備來訪問網頁，這些設備具有不同的螢幕尺寸以及清晰度。

所以設計者在設計網頁的時候需要注意這些面向。他們需要確保他們的網頁在不同的瀏覽器、不同的作業系統以及不同的裝置上顯示正確，這需要在工程師端進行仔細的規劃。

web前端開發需要掌握的技術：

• #熟練前端開發技術(HTML5、JS、JSON、XHTML、CSS3)，了解各項技術的相關標準

• 掌握Ajax非同步編程，能夠寫出高效能、可重複使用的前端元件；

• ##對OO 、MVC、MVVM等程式設計想法、前端框架有深刻理解，熟練一個前端框架（常用前端框架Vuejs，AngularJS，React，Bootstrap，QUICK UI，行動端有：Frozen UI，weUI ，SUI，MUI，AUI），了解其原理（框架有很多，選擇兩三個主流的框架，熟練，深度了解才可以）；

• #善於Web性能優化，可訪問性、對SEO等有良好的體驗；理解表現層與資料層分離的概念、 Web語意化（這些也是在找工作中，很有用的加分項）；

• 了解前端安全機制，熟悉HTTP協定以及瀏覽器快取策略；

• 熟悉常見JS開發框架原始碼實現，（如：prototype、jQuery、Mootools，Ext， Dojo，underscore、YUI、Kissy），至少熟練一種。

• 對常見的瀏覽器相容問題有清晰的理解，並有可靠的解決方案；如IE6/7/8/9、 Firefox、Safari、Chrome；

• 有較高的美感

除此之外，還有不斷學習

什麼是網頁

網頁是構成網站的基本元素，是承載各種網站應用的平台。通俗地說，您的網站就是由網頁組成的，如果您只有網域和虛擬主機而沒有製作任何網頁的話，您的客戶仍無法造訪您的網站。

網頁是一個包含HTML標籤的純文字文件，它可以存放在世界某個角落的某一台電腦中，是萬維網中的一“頁”，是超文本標記語言格式（標準通用標記語言的一個應用，檔案副檔名為.html或.htm）。網頁通常用圖像檔來提供圖畫。網頁要透過網頁瀏覽器來閱讀。

網頁構成

文字與圖片是構成一個網頁的兩個最基本的元素。你可以簡單地理解為：文字，就是網頁的內容。圖片，就是網頁的美觀。除此之外，網頁的元素還包括動畫、音樂、程式等等。

在網頁上點選滑鼠右鍵，選擇選單中的 「檢視來源檔案」 ，就可以透過記事本看到網頁的實際內容。可以看到網頁其實只是一個純文字檔。它透過各式各樣的標記對頁面上的文字、圖片、表格、聲音等元素進行描述（例如字體、顏色、大小），而瀏覽器則對這些標記進行解釋並生成頁面，於是就得到你現在所看到的畫面。為什麼在來源文件看不到任何圖片？網頁檔案中存放的只是圖片的連結位置，而圖片檔案與網頁檔案是互相獨立存放的，甚至可以不在同一台電腦上。

網頁通常有以下元素：

文字資料圖像檔案Applet（在頁面內執行的副程式）超鏈結網頁的合成體為網站，一個網站的開始點為首頁。

（學習影片分享：web前端入門）

以上是什麼是web前端和網頁的詳細內容。更多資訊請關注PHP中文網其他相關文章！