導航:首頁 > 萬維百科 > 網頁設計開發

網頁設計開發

發布時間:2020-08-03 09:10:46

1、網頁設計師和web前端開發工程師一樣嗎

前端和設計師,
如果要區分的話,區別蠻大的。
前端是實現設計師出的圖效果,做成頁面,加上效果,各種JS,各種CSS等等。

設計師,按正規來說,和程序員溝通好後,出設計圖,各種效果的效果圖,比如設計稿內要標明,滑鼠移上效果會是怎麼樣,等等,前端再實現這些效果成頁面,交給程序員......

2、網頁設計和web前端的區別

前端是實現設計師出的圖效果,做成頁面,加上效果,各種JS,各種CSS等等。
設計師,按正規來說,和程序員溝通好後,出設計圖,各種效果的效果圖,比如設計稿內要標明,滑鼠移上效果會是怎麼樣,等等,前端再實現這些效果成頁面,交給程序員。

3、如何開發網站、設計網頁

朋友,網頁是網站的組成部分。開發網站需要的東西很多,比如域名和虛擬主機
域名:一般指.com國際域名。
虛擬主機:其實網站空間不只有虛擬主機,但是虛擬主機最便宜。
網站程序:這是最復雜的。需要專業建站人員幫你設計。

4、網頁設計師和開發者之間的區別

許多人經常會混淆「網頁設計師」和「網頁開發者」這兩個概念,但是它們確實有完全不一樣意義。如果你正在尋找新工作或者需要別人來幫你建設網站,你有必要知道他們之間的區別。

網頁設計
網頁設計是一個網站面向用戶的部分。一個設計師需要考慮頁面的外觀以及用戶交互。好的網頁設計師知道如何組織設計原則來構建一個完美的頁面。
他們也理解實用性和如何創建一個用戶易於操作的頁面。
網頁開發
網頁開發包括網站的後端,編程以及頁面的交互。一個網頁開發者關注的是站點如何運作以及在此之上的用戶行為。
一個好的開發者直達如何編寫1以及類似PHP的腳本。他們知道表單是如何運作的並且能夠讓一個站點有效的運轉。

我從來沒有遇見過一個完全不知道JavaScript,php或者html的網頁設計師。我也從來不認識那個完全不在意網頁設計重要性的開發者。
但是當你申請一個工作或者尋找一些人替你開發網站是,你需要知道你到底在找什麼——網頁設計師還是開發者。盡管你可以找到同時勝任這兩者的人,知道此間的區別是完成任務的關鍵。

5、網頁設計師和web開發工程師有區別嗎?

網頁設計包括了這么幾個專業:美術(色彩、構圖)基礎、軟體(PS,DW.FLASH)、語言(HTML/DIV+CSS)、交互。主要是讓網頁在視覺效果上達到最佳。

web開發工程師,應該分為幾個階段去學習,web開發涉及的技術面比較廣了:
首先,要了解超文本傳輸,B/S方面的一些知識,學習最基本的HTML、CSS、JAVASCRIPT,掌握基本的頁面製作,熟悉用javascript做數據驗證、控制頁面等。
接著,選擇開發方向,asp、asp.net、php還是JSP。
所以web開發工程師主要是網頁數據處理的優化。

簡單的說,網頁設計師屬於網頁前端,web開發工程師屬於網站後台數據的處理。

6、前端開發和網頁設計有什麼不同

web前端開發和網頁自作之間並沒有很明顯的區別,因為前端開發技術就是網頁製作的延伸,前端就是在原有的網頁製作技術上進行各種拓展延伸。

7、網頁設計前端和後端的區別?越詳細越好。

前端開發和後copy台開發是有區別的,工作的內容和負責的東西是完全的不同的,以下以網站的開發為例。

1、前端開發
前端開發現在一般指的就是web前端開發工程師,其負責是網站前端頁面也就是網頁的頁面開發,簡單的說網站前端負責是東西是網站用戶可見的東西,如網頁上的特效、網頁的布局、圖片、視頻等內容。網站前端工程師的工作內容就是將美工設計的效果圖的設計成瀏覽器可以運行的網頁,並和後端開發工程師配合做網頁的數據顯示和交互。

2、後端開發
後端開發一般也叫做後台,其負責是網站後台邏輯的設計和實現還有用戶及網站的數據的保存和讀取。比如一般網站都是有用戶注冊和登錄的,用戶的注冊的信息通過前端發送給後端,後端將其保存在資料庫中,用戶登錄網站的時候,後端需要通過用戶輸入的用戶名和密碼是否與資料庫中的一致來判斷用戶是否有許可權登錄,這是後台開發中的一個最簡單的功能。

8、網頁設計師和程序員有區別么?

最早的網頁製作,需要負責網頁設計和網頁製作兩種工作,隨著行業的不斷向前發展,網頁製作崗位和網頁設計崗位開始分離開,網頁製作崗位發展成了「WEB前端開發工程師(或HTML5開發工程師)」,只負責網頁的開發、代碼編寫方面的工作。
而網頁設計,主要負責設計網頁(成品是psd版本的高保真原型圖-設計圖)。
對於當前的前端開發工程師(HTML5開發工程師),並不需要掌握網頁設計方面的知識,但是需要掌握PS的基本知識,並能夠實現網頁的切圖。把網頁設計師提供的設計圖轉換為最終的網頁。

9、web前端開發和網頁製作有什麼區別?詳細點

可以說「會做網頁」不等於「前端開發」。前端開發是寫代碼的,是用代碼來構建網頁界面和交互。
如果把前端開發工程師和網頁製作對立開來講,就不能不說說其中的區別了:
第一:兩者的知識面差距是巨大的。
網頁製作只需要掌握DIV+CSS就行了,現在還有大量使用Dreamweaver的網頁製作人員存在就是個很好的證明,好一點的網頁製作人員會懂些簡單的js,可能會修改些js代碼。而一個前端開發人員是在這個基礎上把知識面進行了很大的擴展。比如為了提高頁面解析速度的背景圖合並技術,一個簡單的背景圖合並需要成熟的標簽嵌套思想和簡單的ps技術;比如對搜索引擎友好的屬性的設置,標簽的使用。
第二:兩者對技術的理解深度差距是巨大的。
一個技術較高前端開發人員的代碼質量要遠遠高於一個網頁製作人員,表現在代碼精簡度與可讀性、圖片的處理、對搜索引擎友好性、以及後期維護的難易度等等方面。很多網頁製作人員極少使用a標簽,設置鏈接的時候習慣用input加js跳轉。這都是技術面廣度差距引起的對div+Css技術理解深度不足的體現。
前端開發人員全局性的視角,可以讓代碼變成一種藝術。div+css的技術就好像一把寶劍,網頁製作人員也就能練成華山劍法,而前端開發人員耍的是獨孤九劍。劍是同一把,關鍵在耍劍的人而已。
第三:兩者在具體工作中的受重視程度是差距巨大的。
這個很好理解,高技術有高待遇,受重視,受尊敬,更好的發展前景。

10、網頁開發與設計的基本流程是什麼?

網頁製作流程

--------------------------------------------------------------------------------

主要內容介紹:

一、構成網頁的基本要素
二、製作及美化的基本工具
三、網頁製作的基本步驟
四、界面設計及交互研究探討
五、實例製作演示

一.構成網頁的基本要素

1.文字(標題、字型大小、字型...)
2 圖形(網頁上經常使用的圖片格式:jpg、jpeg、Gif、Swf...)
3.交互功能(菜單按鈕、鏈接、表單、數據交換...)
...

超文本標識語言(HTML)

HTML(Hypertext Markup Language)是一種專門用於Web頁製作的編程語言,用來描述超文本各個部分的內容,告訴瀏覽器如何顯示文本,怎樣生成與別的文本或圖像的鏈接點。

在HTML中,所有的標記符都用尖括弧括起來。
例如,<HTML>表示HTML標記符。絕大多數標記符都是成對出現的,包括開始標記符和結束標記符。
如:<HTML>…</HTML> .

HTML文檔的基本結構

一個典型的HTML文本的基本結構形式如下:

<HTML>
<HEAD>
<TITLE>網站製作流程及界面交互設計研究探討</TITLE>
</HEAD>
<BODY>文本內容:</BODY>
</HTML>

二.製作及美化的基本工具

1.超文本標識語言(HTML)
編輯工具:editplus、dreamweaver、記事本、FrontPage、

2.頁面設計及美化工具
使用工具:所有可製作平面的軟體
推薦使用Photoshop、FireWorks、Flash

三、網頁製作的基本步驟

1、整體規劃
需要完成的規劃:網站主題、風格、頁面元素、邏輯結構等

2、資料收集
收集內容:
a、跟主題相關的文字圖片資料
b、一些優秀的頁面風格
c、下載一些你喜歡的交互頁面
d、開放的源代碼

3、偽界面設計
根據事先規劃的結構,在平面軟體里設計你想要的最終效果,利用平面圖片的形式先展示一次,設計時要注意宜人性、人機、心理等各方面因素

4、代碼轉換及交互添加
把平面的偽界面轉化為HTML代碼,添加相應的交互功能Js、按紐、表單,以及一些與資料庫相連接的代碼。

5、測試網頁兼容性
你可以不必嚴格按照W3C標准來製作頁面,但是你必須保證讓所有現有的瀏覽器能比較好的展示你的作品。

6、發布站點
測試完畢,符合你的要求,當然就可以開始發布你的網站了,發布的伺服器可以是遠程,也可以是本地,各個語言有各自的相應的伺服器,比如ASP,就應該對應的是ASP伺服器,上傳可利用遠程FTP工具。

四.界面設計及交互研究探討

a、導航欄設計
導航要素設計的好壞決定著用戶是否能方便使用網站導航要素要設計的直接而明確,並最大限度為用戶的方便考慮。

b、網頁布局
網頁的布局是整個界面的核心,這里體現了一切以用戶為中心、以及製作者如何與欣賞著溝通的思想在裡面,你必須知道自己要傳達什麼樣的信息,別人使用起來合適不,字體的大小、型號、字間距、行間距,以及配色所有的一切都在這個階段完成,所以如何表現功能以及美感就是你研究的重點。

PS:布局之前要緊密連接你網站的主題,要注意把握整體風格,你可以事先在紙上勾畫草圖,利用你習慣的元素來表現你想要的效果

網頁布局--主要構成原則
醒目性:指用戶把注意力集中到你誘導起瀏覽的部分和內容
可讀性:指網站的內容讓人容易讀懂
明快性:指准確、快速轉達網站的構成內容
造型性:維持整體外型上的穩定感和均衡性
創造性:有鮮明個性,創意是必不可少的
布局的構成原則上是:統一、協調、流動、強調、均衡

c、交互研究
我這邊的交互主要集中在人機操作方面,研究用戶瀏覽網站心理我個人認為一個成功的個人主頁,單純的美觀是不夠的,重要的是宜人性方面應該注重,喜歡Google、Douban就居於這。

五、實例製作演示(略)

1、頁面製作整體規劃

對象:一個列印商業宣傳主頁
格調:活潑,色彩,簡單,大方

2、資料收集

a 、商標、網址、公司宣傳冊、了解企業文化,了解負責人的品位、他們的案例、跟負責人溝通掌握信息
b 、網上下載相似印刷行業的公司主頁,了解現有行業的的一些設計特點
c、下載一些色彩比較華麗的圖片,或跟印刷相關連的圖片
d、如果你自己不會動態語言,下載一個滿足你功能的新聞發布系統和留言源碼

3、偽界面設計

a、在PS設計偽界面

b、切片工具對整體進行合理的分割
注意點:隱藏你要通過輸入的文字,分割時要保持他的整體意義,盡量讓每一部分是完整的,注意一些交互上操作。

c、導成WEB格式-直接導成HTML格式—步驟:
1、.點擊文件存儲為WEB文件格式
2、在界面裡面調整理想參數
3、導出保存PS能自動生成一些HTML代碼,但是他不是很標准,你必須在Dreamweave裡面進行加工

d、在Dreamweave裡面進行代碼加工
具體步驟:
1、先修改標題
2、修改頁面屬性:背景顏色、背景圖片.....
3、把頁面調整為布局格式(這個可以按照自己習慣來設置,有標準的表格方式,也有布局類型)
4、把要添加文字的圖片轉化為背景形式
a、找到對應圖片路徑
b、拷貝路徑後刪除圖片
c、轉化為標准形式
d、把路徑粘貼到背景屬性上
e、回到布局界面
5、添加具體文字連接設置等操作
6、CSS設置
7、修整代碼,發布預覽按F12即可預覽效果

4、測試網頁兼容性

按照你設計時的對象,根據IE版本以及瀏覽器的不同,調整理想的效果,但是大部分出現問題的是JS\VB等代碼,如果只是單純靜態圖片,基本不會有很大的差別,推選大家盡量往W3C標准靠

5、發布站點

購買自己的空間域名,其實事先就應該購買的,利用FTP上傳軟體,把你的頁面上傳到你的網上伺服器上推薦一款FTP上傳工具LeadFTP

與網頁設計開發相關的知識