正文

web網(wǎng)站設計（web網(wǎng)頁設計實驗報告）

發(fā)布時間：2023-04-02 10:50:28 稿源：創(chuàng)意嶺閱讀： 58 當前文章關(guān)鍵詞排名出租

大家好！今天讓創(chuàng)意嶺的小編來大家介紹下關(guān)于web網(wǎng)站設計的問題，以下是小編對此問題的歸納整理，讓我們一起來看看吧。

開始之前先推薦一個非常厲害的Ai人工智能工具：開始之前先推薦一個非常厲害的Ai人工智能工具，一鍵生成原創(chuàng)文章、方案、文案、工作計劃、工作報告、論文、代碼、作文、做題和對話答疑等等

只需要輸入關(guān)鍵詞，就能返回你想要的內(nèi)容，越精準，寫出的就越詳細，有微信小程序端、在線網(wǎng)頁版、PC客戶端

官網(wǎng)：https://ai.de1919.com

本文目錄:

1、Web前端設計是就是網(wǎng)站設計？
2、為什么要使用Web標準設計網(wǎng)站?
3、web網(wǎng)頁設計和web前端有什么區(qū)別？
4、Web網(wǎng)頁設計尺寸，到底選哪個？

web網(wǎng)站設計（web網(wǎng)頁設計實驗報告）

一、Web前端設計是就是網(wǎng)站設計？

開發(fā)網(wǎng)站或者APP，從開發(fā)角度分為前端和后端，前端是負責界面用戶交互部分。前端一般算是開發(fā)崗位，不是設計崗位。

web前端是由網(wǎng)頁設計發(fā)展而來的，前端的概念更寬泛，包括了網(wǎng)頁設計、交互設計等一系列前端工作內(nèi)容。前端開發(fā)通過HTML，CSS及JavaScript以及衍生出來的各種技術(shù)、框架、解決方案，來實現(xiàn)互聯(lián)網(wǎng)產(chǎn)品的用戶界面交互。

前端開發(fā)工作主要在于UI設計和用戶體驗。三點共圓向客戶提供的前端開發(fā)內(nèi)容包括：UI設計，axure交互文檔，靜態(tài)頁面制作，css3 動畫和jq動畫。最終提供的成品文件包括：img、css、js、html、icon、font。

網(wǎng)頁設計一般包含整站網(wǎng)頁視覺方案，提供PSD或PNG格式的主要頁面預覽圖，高級一點的還會給出標準配色表，風格設計指南（內(nèi)含一般性風格設計規(guī)格：設計理念，留白間距，按鈕樣式，使用場景）等附件。網(wǎng)頁設計一般包含整站網(wǎng)頁視覺方案，提供PSD或PNG格式的主要頁面預覽圖，高級一點的還會給出標準配色表，風格設計指南（內(nèi)含一般性風格設計規(guī)格：設計理念，留白間距，按鈕樣式，使用場景）等附件。大公司一般還有交互設計師，主要關(guān)注人機界面的易用性和用戶友好性。

二、為什么要使用Web標準設計網(wǎng)站?

WEB標準不是某一個標準，而是一系列標準的集合。目前所通常所說的WEB標準一般指網(wǎng)站建設采用基于XHTML語言的網(wǎng)站設計語言,WEB標準中典型的應用模式是“css+div”（什么是css+div）。實際上，WEB標準并不是某一個標準，而是一系列標準的集合。

網(wǎng)頁主要由三部分組成：結(jié)構(gòu)（Structure）、表現(xiàn)（Presentation）和行為（Behavior）。對應的網(wǎng)站標準也分三方面：結(jié)構(gòu)化標準語言，主要包括XHTML和XML；表現(xiàn)標準語言主要包括CSS；行為標準主要包括對象模型（如W3C DOM）、ECMAScript等。這些標準大部分由W3C組織（什么是W3C組織）起草和發(fā)布，也有一些是其他標準組織制訂的標準，比如ECMA（European Computer Manufacturers Association）的ECMAScript標準。

web標準的本意是實現(xiàn)內(nèi)容(結(jié)構(gòu))和表現(xiàn)分離，就是將樣式剝離出來放在單獨的css文件中。這樣做的好處是可以分別處理內(nèi)容和表現(xiàn)，也方便搜索和內(nèi)容的再利用。

一些Web開發(fā)人員和Web設計師對使用Web標準持抵觸態(tài)度。普遍的看法是它太難了，不管它是怎么運作，我使用的那些軟件總會創(chuàng)建出一些不規(guī)范的代碼。.

學習新的技術(shù)并放棄您所熟知的技術(shù)，這很容易引起情緒上的反感，并產(chǎn)生抵觸的情緒。然而，如果您很理智的觀察一下現(xiàn)在的形勢，將會發(fā)現(xiàn)，通過學習和使用Web標準會得到許多好處。舉幾個例子：

更簡易的開發(fā)與維護：使用更具有語義和結(jié)構(gòu)化的HTML，將讓您更加容易、快速的理解他人編寫的代碼。
與未來瀏覽器的兼容：當您使用已定義的標準和規(guī)范的代碼，那么您這個向后兼容的文本就消除了不能被未來的瀏覽器識別的后患。
更快的網(wǎng)頁下載、讀取速度：更少的HTML代碼帶來的將是更小的文件和更快的下載速度。如今的瀏覽器當處于標準模式下將比它在以前的兼容模式下?lián)碛懈斓木W(wǎng)頁讀取速度。
更好的可訪問性：語義化的HTML（結(jié)構(gòu)和表現(xiàn)相分離）將讓使用瀏覽器以及不同的瀏覽設備的讀者都能很容易的看到內(nèi)容。
更高的搜索引擎排名：內(nèi)容和表現(xiàn)的分離使內(nèi)容成為了一個文本的主體。與語義化的標記結(jié)合會提高您在搜索引擎中的排名。
更好的適應性：一個用語義化標記的文檔可以很好的適應于打印和其他的顯示設備（像掌上電腦和智能電話），這一切僅僅是通過鏈接不同的CSS文件就可以完成。你同樣可以僅僅通過編輯單獨的一個文件就完成跨站點般的表現(xiàn)上的轉(zhuǎn)換。

Web標準可以為網(wǎng)站的創(chuàng)建者節(jié)省時間與金錢，還可以為網(wǎng)站的瀏覽者提供一個更好的經(jīng)歷。此外，Web標準是未來的。如果你還沒有使用We b標準，那么現(xiàn)在應該開始動手了，否則你會落伍的。

三、web網(wǎng)頁設計和web前端有什么區(qū)別？

網(wǎng)頁設計和web前端其實差別并不太大，對于設計師來說兩者也就是界面模式不同而已，對于熟練的設計師來說，兩者之間可以很好的轉(zhuǎn)換，頁面/界面布局的方式其實還是一樣的，使用的也還算div+css布局。如需學習web前端和web網(wǎng)頁設計推薦選擇【達內(nèi)教育】。

web前端通常稱為軟件設計或者美工，普遍工資確實要比網(wǎng)頁設計高，因為軟件的收費比網(wǎng)頁或者網(wǎng)站高多，一個網(wǎng)站收費過萬就算比較高，而軟件隨隨便便就是好幾萬的，一二十萬、幾十萬甚至上百萬的都也是正常，但是網(wǎng)站的制作周期比較短，小點的網(wǎng)站通常是一兩周之內(nèi)就可以完成，而軟件的周期短則幾個月、半年，長則一年幾年都有可能，像有些公司就是給政府部門做監(jiān)控及統(tǒng)計軟件的，每個項目隨隨便便都是半年以上的制作周期，收費嘛自然也比較高，有些項目都做了3年，不過這個項目是個長期項目，不斷的提交又不斷的增加新功能而已。感興趣的話點擊此處，免費學習一下

想了解更多有關(guān)web網(wǎng)頁設計和web前端的相關(guān)信息，推薦咨詢【達內(nèi)教育】。該機構(gòu)是引領(lǐng)行業(yè)的職業(yè)教育公司，致力于面向IT互聯(lián)網(wǎng)行業(yè)培養(yǎng)人才，達內(nèi)大型T專場招聘會每年定期舉行，為學員搭建快捷高效的雙選綠色通道，在提升學員的面試能力、積累面試經(jīng)驗同時也幫助不同技術(shù)方向的達內(nèi)學員快速就業(yè)。達內(nèi)IT培訓機構(gòu),試聽名額限時搶購。

四、Web網(wǎng)頁設計尺寸，到底選哪個？

很多新手設計師都會面對一個問題，Web頁面尺寸寬度到底選哪個？

其實答案并不是固定的，可以做成1920，也可以做1280。黑客認為最重要的決定因素在于你自己的工作電腦分辨率。

這是廣告公司AdDuplex送出的統(tǒng)計大數(shù)據(jù)

市面上的電腦屏幕尺寸多種多樣，不過大部分都集中在這幾種：

1920-1080：目前常用設備中最大的尺寸（Mac 5K屏除外）

1440-900：15寸MacBook Pro為代表，很多UI設計師首選

1366-768：普通的PC電腦

1280-800：13寸MacBook Pro為代表

在以上設備中，13寸和15寸Mac Book，雖然實際分辨率非常大，但由于是Retina屏幕，視覺展示上還屬于以上范圍。

所以，網(wǎng)站的內(nèi)容顯示寬度大部分都在1200px以內(nèi)，確保小的電腦屏幕能顯示全網(wǎng)頁內(nèi)容。更早的時候很多都是960px，不過由于屏幕越來越大，目前比較少。

在了解過電腦屏幕尺寸后，網(wǎng)頁設計尺寸（本文專指寬度，高度不限）選哪個也很清楚了：選哪個都不會錯。