兩者屬于主從關系？我是從牛耳出來的，在我看來就是網頁設計是包涵在前端里面的。網頁設計就是負責設計效果圖和切圖然后編寫html代碼以及CSS樣式表文件，也就是網頁排版，將切割好的圖重新按照效果圖的樣子擺放在對應的位置上。前端的話就是在這個基礎上還要掌握開發語言，瀏覽器調試等技能。

web前端即為網站的前端開發，前端開發是創建Web頁面或app等前端界面呈現給用戶的過程。

web前端開發通過HTML，CSS及JavaScript以及衍生出來的各種技術、框架、解決方案，來實現互聯網產品的用戶界面交互。它從網頁制作演變而來，名稱上有很明顯的時代特征。網頁制作是Web1.0時代的產物，早期網站主要內容都是靜態，以圖片和文字為主，用戶使用網站的行為也以瀏覽為主。

隨著互聯網技術的發展和HTML5、CSS3的應用，現代網頁更加美觀，交互效果顯著，功能更加強大。Web前端主要是用來開發用戶通過瀏覽器可以瀏覽和使用的Web頁面的。 一般而言，所涉及的內容主要包括W3C中的HTML、CSS和JavaScript這三方面的內容。

擴展資料：

隨著互聯網的迅猛發展和普及，一個新型的行業和新興的職位正在上升到技術的層面：web前端開發工程師

Web前端開發工程師，除了主要職責外，還要為網站上提供的產品和服務實現一流的Web界面，優化代碼并保持良好兼容性

Web前端表現層及與前后端交互的架構設計和開發web前端開發工程師-web2.0時代

配合后臺開發人員實現產品界面和功能

利用各種Web技術模擬開發產品原型

Web新技術調研和資訊整理

精通HTML/XHTML、CSS，熟悉頁面架構和布局，對Web標準和標簽語義化有深入理解

熟悉Ajax、JavaScript(或者ActionScript)、DOM等前端技術，掌握面向對象編程思想

許多朋友在準備學習編程時總會發現，選擇有前端后端，還有Java，Python等，看得人眼花繚亂，不知如何選擇。

也有的朋友認為HTML就是前端，前端就是HTML，那么實際真的如此嗎？這就要從前端和HTML的定義開始了。

前端是什么？這個其實不難理解，簡單來說，就是瀏覽器上我們瀏覽所看到的網頁。那么前端開發到底是做什么的呢？

通俗來講，主要分為三個方面，一是網頁的制作，二是移動端以及PC端軟件的制作，最后是游戲。沒錯，就是游戲，可能許多人并不知道50%的游戲都是由前端去開發實現的，比如說一刀九九九的頁游。

前端開發需要掌握的技術有HTML、CSS、Javascript等，所以HTML并不是前端，前端只是前端開發技術的一種。而我們一般進行前端開發時用到的軟件有vsCode（專業級）

webstrom、hbuilder（企業級），Dreamweaver（小白入門級）。

很多人以為HTML是編程語言的一種，其實它是一種標記語言，而HTML的中文譯名就是超文本標記語言，不過因為太長，大家還是叫它HTML。

編程語言大家會比較熟悉，至于標記語言，相信不少朋友都是第一次聽到。標記語言是一套標記標簽，而HTML是使用標記標簽來描述網頁，因為HTML文檔包含了HTML標簽及文本內容，所以HTML文檔也叫做web 頁面。