網站首頁 教育 學前教育 精緻生活 飲食養生 命理 科普教育 金融 歷史 影視 數碼 熱門資訊
當前位置:生活百科站 > 精緻生活 > 

web前端是學做設計的嗎

欄目: 精緻生活 / 釋出於: / 人氣:7.42K

web前端是學做設計的嗎的答案是:不是

web前端是學做設計的嗎

web前端指的是web應用程式(系統)的前端,或者說前臺。傳統上把web系統分為前臺和後臺。web前端說白了就是網頁,相應的技術也基本上是網頁的三要素,佈局(html),樣式(css)和行為(javascript)。當然,從工程實戰角度,實際應用的是在此基礎之上的一些前端框架,比如java族常用的jquery,extjs等等。以上說的是前端開發,不包含視覺設計。如果單說web前端,肯定不是指頁面設計。

web前端就是前端網路程式設計,也被認為是使用者端程式設計,是為了網頁或者網頁應用,而編寫HTML,CSS以及JS程式碼,所以使用者能夠看到並且和這些頁面進行交流。

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

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

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

前端網路程式設計所使用的工具能被用於進行前端程式設計,理解工具最適用於什麼任務,有助於產生一個高質量的;可升級的站點。

1.超文字標記語言(HTML)

HTML是任何網頁工程程式的骨架,沒有它網頁不會存在。超文字標記語言能提供站點總體的樣子。HTML被Tim Berners-Lee所發展。隨著HTML的發展,在全球資訊網中產生了許多版本。最新版本的超文字標記語言被稱為HTML5,在2014年0月28日被W3C所推出。

這一版本包含了新的並且高效的方式來傳輸元素,例如音訊以及視訊檔案。H5在前端工程師中非常受歡迎。和老的版本相比,HTML5有很多特點。隨著HTML的發展,在網路中產生了一場革命。

2.層疊樣式列表(CSS)

CSS控制了站點的樣子,讓站點有自己獨有的外觀。其實現形式是:保證樣式列表先於其他的樣式規則,由其他的輸入形式所影響,例如螢幕的尺寸和解析度

Script

JavaScript(簡稱JS)是基於場景的命令式語言(和HTML的說明性語言不同),用於將靜態的HTML介面動態化。JS的程式碼能使用HTML標準提供的文件物件模型(DOM),來根據事件,例如使用者的輸入,操縱網路頁面。

JS使用一種被稱為非同步JavaScript和XML的技術(AJAX),JS程式碼也能動態的改變網頁的內容(與原始的HTML頁面端相獨立),並且也能迴應服務端的事件,讓網頁體驗增加了真正動態的特性。

JS中有很多流行的開發框架,幫助開發者快速構建web頁面,比如、Angular、React都是很流行的框架,擁有大批忠實的使用者。

Tags:web 前端