web網站網頁設計

1、web版本的網頁設計有哪些應該怎麼做

1.確定網頁的主體色調風格。

我們製作自己的網頁首先應該對自己的網頁有一個整體的規劃，是建一個什麼類型的網站，網站主色調使用哪種顏色、設計布局採用什麼樣的方式等這些都需要有一個很好的規劃。

2.規劃網站的整體布局——導航、按鈕、圖片、文字的排版方式。

做什麼事都不能盲目的沒有目的的進行，那樣只能浪費時間浪費精力，在我們製作網頁之前一定要對網頁的基本元素進行一些設計。可以簡單的畫草圖，或者瀏覽幾個自己比較喜歡的網站學習借鑒。

3.准備和歸類素材——圖片、音頻、視屏、文章等。

製作一個網頁需要大量的文件，我們必須先將這些不同類型的文件進行歸類放置，整理到一個文件夾中。

打開Dreamweaver軟體，新建一個站點，然後在站點下建立不同的文件夾存放素材。

.4建立自己的主頁，按照之前的定的風格設計布局。

不要急著添加圖片和文字，先將導航欄，標題欄和內容欄都規劃好然後在進行素材的導入。注意無論是文件夾的名還是素材名最好使用英文而不是中文。中文狀態很容易報錯，文件添加後就不要更改文件路勁了，否則會導致文件的丟失。

5.製作網頁是一個非常復雜的過程，如果想從頭到尾自己製作一個網頁的話是很難說清楚的，所以這里就分享一個很簡單的方法。

找到一個適合自己風格或是自己比較喜歡的網頁，右擊滑鼠——另存為。
這時瀏覽器就會將這個網頁中的所有的元素都復制下來，存放到一個文件夾中。

6.打開Dreamweaver軟體代開剛剛下載的網頁，這時Dreamweaver中就會顯示你下載網頁的所有元素，不會出現丟失的情況。

7.替換網頁中的元素即可。

選擇需要進行修改的圖片或是文字直接更換即可。選擇一個元素然後在下面的屬性欄中進行更換即可。同時還可以更換圖片的大小和其他的屬性。

8.按下F12進行預覽效果即可。不滿意的地方進行修改，一定要注意隨時保存文件。

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

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

3、網頁是如何實現的，Web UI設計理論入門教程

一、學習HTML5和CSS3基礎
隨著這移動互聯網快速發展的時代，尤其是4G時代，HTML5+CSS3已然成為新一代的web前端技術。
隨著HTML5的發展和普及，了解 HTML5 也將成為 Web開發人員的必修課。涉及到網頁外觀時，就需要學習 CSS 了，它可以幫你把網頁做得更美觀。
利用 HTML5 和 CSS3 模擬一些你所見過的網站的排版和布局(色彩，圖片，文字樣式等等)。
當然，遠標Web前端開發課程第一階段還會學習 PS設計工具使用和互聯網UI設計理論。
二、學習Java，了解DOM
Java 是一種能讓你的網頁更加生動活潑的程序語言。學習 Java 的基本語法，學會用 Java 操作網頁中 DOM 元素。
Web前端開發課程第二階段完全可以實現大家平常喜歡玩的 2048 游戲。(是不是感覺挺有意思)
接著學習使用一些 Java 庫，比如 Jquery 是大部分 Web開發人員都喜歡用的，通過 Jquery 可以有效的提高 Java 的開發效率。
三、學習Web前端核心
學習 Jquery 之後，大家就要學習 HTML5 高級階段(HTML5 Canvas 繪圖、HTML5 SVG、音頻和視頻處理、表單處理、表單驗證...等)
四、學習HTTP協議及Server端技術
伺服器端腳本編程(後台開發)也是Web開發人員的基本功之一。
要構建動態頁面通常會使用到資料庫，通常PHP使用Oracle、MySQL資料庫。
對於Web伺服器來說，Apache 一個就已經是了。那麼Apache、php、資料庫，該怎麼理解它們的關系?
1、Apache是伺服器基礎，php和資料庫都需要Apache來協調工作
2、php是腳本解釋，如果不用php，那麼Apache出來的東西就只是靜態的，而不能在伺服器實現功能
3、資料庫完全可以單獨使用，但是和Apache、php一起，則是由php代碼調用資料庫介面，而apache就負責解釋php代碼，讓他能真正地實現對資料庫的調用
五、學習Web前端高級技術
當你掌握了HTML5，CSS3，Java等技術之後，就應該找一個Web框架加快你的Web開發速度，使用框架可以節約你很多時間。
學習的Bootstrap是目前很受歡迎的前端框架。Bootstrap 是基於 HTML、CSS、JAVA 的，它簡潔靈活，使得 Web 開發更加快捷，是web前端開發者最喜歡，也是現在企業里最常用的前端框架。
Angular JS是一款優秀的前端JS框架，已經被用於Google的多款產品當中。AngularJS有著諸多特性，最為核心的是：MVC編程、模塊化、控制器、路由、事件綁定等等。
AngularJS通過為開發者呈現一個更高層次的抽象來簡化應用的開發。如同其他的抽象技術一樣，這也會損失一部分靈活性。換句話說，並不是所有的應用都適合用AngularJS來做。AngularJS主要考慮的是構建CRUD應用。幸運的是，至少90%的WEB應用都是CRUD應用。但是要了解什麼適合用AngularJS構建，就得了解什麼不適合用AngularJS構建。

4、網頁設計，web前端，網站建設，網頁製作，這幾者有什麼區別？

首先來說，網站建設相當於一個名稱，而網頁設計，WEB前端和網頁製作的分工都有小小的區別，比如：網頁設計主要就負責頁面效果的設計，不涉及代碼。WEB前端則只需要把設計好的頁面按照要求排版好，交互功能則有後端人員來完成。網頁製作和前端差不多，網頁只不過是針對部分頁面，而不是一整個網站。

5、web前端工程師和網頁設計師的區別?

一、指代不同

1、web前端工程師：利用(X)HTML/CSS/JavaScript/Flash等各種Web技術進行客戶端產品的開發人員。

2、網頁設計師：指精通Photoshop，Coreldraw,Frontpage,Dreamweaver等多項網頁設計工具的網頁設計人員。

二、職責不同

1、web前端工程師：完成客戶端程序（也就是瀏覽器端）的開發，開發JavaScript以及Flash模塊，同時結合後台開發技術模擬整體效果，進行豐富互聯網的Web開發，致力於通過技術改善用戶體驗。

2、網頁設計師：負責對網站整體表現風格的定位，對用戶視覺感受的整體把握；進行網頁的具體設計製作；產品目錄的平面設計。

三、技能要求不同

1、web前端工程師：對互聯網流行的網頁製作方法（Web2.0）HTML+CSS，以及各大瀏覽器兼容性有深刻的了解。還要對IT其他編程語言有所了解如：PHP，Java，.net，vue。

2、網頁設計師：需要掌握網頁的界面設計，如內容的介紹、按鈕的擺放、文字的組合、色彩的應用、使用的引導等。

6、什麼是web網站設計

由於我們對傳統美學職業的認識，web設計一直被強調為視覺上的表現手段，如果不計算技術的因素，web設計中重要的問題往往是如何組織和創建web站點的內容。而隨著電子商務的流行，是否帶來商業方面的成功也成為衡量web設計作用的標准。
因為internet的特殊性，使得web設計不再是一個普通的從事應用美術的職業，它變成了跨學科，跨領域知識的綜合體。為了實現更好的web設計，你大概需要掌握圖書情報學，計算機圖形學，程序設計，客戶機/伺服器技術，用戶界面設計，人機互動關系，可用性研究，心理學，社會學等諸多方面的知識，並達到一定的水平。

一個完整的web設計工作應該至少擁有以下主要的方面：

內容

是的，網站的本質在於信息的傳播以及如何傳播，問題集中在怎麼樣引導和勸說用戶。由於web的特殊性，內容已經脫離我們傳統的定義，它可以包括：文字，圖形，超連接，交互操作，動畫，視頻，音頻，在線游戲甚至更多的混合型的組織形式。擁有高質量的內容是網站成功的關鍵。
我們常常誤解web設計為製造優秀的視覺體驗，帶給客戶不同以往的美學感受。當然，這樣做，可以吸引第一次訪問的客戶更加註意你的站點，但是一旦客戶在某個地方停留下來後，他的所有活動將轉變成尋找對他有用，或者他感興趣的信息。
如果一個站點空有一個漂亮的架子，而缺乏實際的內容，用戶最終會離開。而設計在這里的作用是？ 對，如果一個優秀的內容，用戶無法很快的找到它（或者並不明顯），內容也失去了它的意義。

因此，web設計的最基本原則是 – 通過有效的方法更好的組織和規劃用戶所能瀏覽到的信息。這樣做的目的是獲得用戶的好感，並且使用戶得到方便。例如，我們通常說的好的導航， 應該是具有明確含義的連接名稱，基於邏輯的按鈕組合，優秀的充滿質感的表現；好的頁面應該有語意清晰的標題，一致的導航元素，降低視覺疲勞的顏色組合，清晰明朗的文字編排，懂得提示和警告的編輯技術等。

設計師往往喜歡把自己放在高處，不過你要記住，用戶來到你的站點，並不是來欣賞你的設計（會這么做的，只有那些和你一樣的設計圈子內的朋友們，或者企圖進入這一行業的新手）。當用戶來到一個站點，通過導航系統和安排好的組織結構尋找內容，導航本身不過是路徑。就算你的導航設計真的很巧妙，那並不重要，如果你花費在「包裝」上的時間比「引導」上的精力更多的話，你獲得的成效不會讓你感到高興。

由於用戶的差異性，設計師不可能設計出完美的導航，當用戶進入一個陌生的站點，他們不知道該如何操作這些繁雜的頁面，找出他們需要的部分。這時用戶並不希望浪費時間去學習掌握復雜的流程系統。他們對自己所在的位置，只有在自己無法找到合適的東西時才變得重要。只要你的頁面導航能夠幫助客戶方便的找到自己需要的東西，這樣的導航就是合適的。

技術

技術的完善與系統是保證合理功能的基礎。Web是由紙張進化到internet的信息工具，其傳播媒介已經發生了徹底的變化，因此要從internet的根本特性出發設計站點。好的站點應該具備強大的技術支持，一個擁有好的設計的站點，也同樣要擁有好的運作。

站點無論如何是不能崩潰的（天災人禍也請盡量避免它們，不要再為你微薄的技術能力找借口，作為技術工程師的你，職責正在這里！），HTML的正確表現，圖像的正確顯示，其中參與交互的元素 – 客戶端的javascript，服務端的CGI程序，一定要在客戶不易察覺的情況下，體現良好的運作並幫助客戶得到web的正常功能。「404：file not find」不會為你帶來第二次的客戶關注，錯誤的站點是不會被允許成功的。

可能引起錯誤的原因大概是： 技術的更新和改變，開發經驗的欠缺，不考慮人力的時間進度安排，方法學的缺乏，未考慮到網路媒體的特殊限制。

我們不難發現技術的更迭是相當迅速的，HTML，CSS，JAVA等都在以超乎你想像的速度發展。一個優秀的web設計師應該時常關注技術領域的變化，忽略技術和媒體特徵的結果是你無法完成本該高質量完成的工作。
Web設計師要保持在掌握瀏覽器更新，帶寬變化，程序設計及協議等問題上的高度興趣。

外觀

在一個站點擁有好的功能和簡單明了的導航系統，強大的技術支持後，我們發現它們未必能夠成為用戶青睞的目標。一個站點的外觀是最先被注意到的，而這個特徵幾乎在任何設計類工作中體現出來。盡管我們知道，好的品位無法逼迫出來，幾乎也不可能被預測。

但我們知道，好的web設計與瀏覽它的用戶的品位直接有關，第一眼印象是由在線的站點造成的。站點的外觀會影響用戶對站點的看法，外觀好的站點會被主觀的認為比外觀差的站點好，至少第一眼是這樣。

https://.baidu.com/question/448658326.html

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

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

8、web前端與網站網頁設計製作有什麼區別

網站網頁設計主要進行網站功能策劃，然後進行的頁面設計美化工作回。

web前端主要負責實現這些效果答，功能，以及用戶在瀏覽器端的體驗

網頁設計需要優秀的設計能力，以及頁面的排版

web前端需要的是用代碼去實現，功能，顏色，效果

9、web前端和網頁設計有什麼分別啊？

web前端通常稱為軟體設計或者美工，普遍工資確實要比網頁設計高，因為軟體的收費比網頁或者網站高多了，一個網站收費過萬就算比較高了，而軟體隨隨便便就是好幾萬的，一二十萬、幾十萬甚至上百萬的都也是正常，但是網站的製作周期比較短，小點的網站通常是一兩周之內就可以完成，而軟體的周期短則幾個月、半年，長則一年幾年都有可能，像我們公司就是給政府部門做監控及統計軟體的，每個項目隨隨便便都是半年以上的製作周期。

收費嘛自然也比較高，有個項目都做了3年了，不過這個項目是個長期項目，不斷的提交又不斷的增加新功能而已。

話說回來，網頁設計和web前端其實差別並不太大，對於設計師來說兩者也就是界面模式不同而已，對於熟練的設計師來說，兩者之間可以很好的轉換，頁面/界面布局的方式其實還是一樣的，使用的也還算div+css布局。

我本人做這行已經8年了，剛開始做了2年的網頁設計，後來轉了軟體設計一直做到現在，老實說做軟體設計確實是工資高了，工作也更輕鬆了，因為做網頁的公司普遍規模都不大，為了能有收益必須大量的接單，這也勢必造成工作量很大，但是設計公司又普遍是有項目提成的，所以工資有時候反而比做軟體的高，做軟體的普遍是拿固定工資的，所以說兩者的工資水平並不是絕對的，只能說做軟體更輕松一些。

10、web網頁設計都有哪些就業方向?

　1.前端方向
前端、後端是web開發的兩個端，其實統稱web開發，在很多國外公司版沒前後端這個說法，權都叫做『軟體工程師』或者web developer。其實，要轉換一個思想：前後端並不是對立的，所以在你保持前端高水平的情況下,精進一些後端技術是必要的,但是要分清主次,前端為主。
2.數據方向
web開發分web前端和web後端，是以web服務的角度來看待的，數據研發這個是在web開發的基礎上用數據附能，懂可視化的一定是有前端能力的，懂hadoop的一定Java玩的溜，屬於web開發的拓展方向。
3.游戲方向
圖形學的集大成者無疑是游戲行業，當然阿里也有自己的游戲業務,前端自然是與圖形學有千絲萬縷的聯系，除了上面提到了可視化，還有相關3d引擎的開發工作。比如，玉伯的團隊正在內部孵化antG(未開源)，淘寶那邊已經有前端3d引擎的開源項目，支付寶內部的螞蟻森林，就是前端開發的。用的正是canvas/webgl相關的技術。做這一行要求也非常高了，圖形學相關的演算法，3d引擎的開發，這都需要圖形學相關知識。