當前位置:首頁 » 網頁前端 » web頁面設計標准
擴展閱讀
webinf下怎麼引入js 2023-08-31 21:54:13
堡壘機怎麼打開web 2023-08-31 21:54:11

web頁面設計標准

發布時間: 2022-04-13 08:34:16

㈠ 網頁設計合適的頁面尺寸是多少

網頁設計選用的解析度是72像素,使用的畫布尺寸1920px*1080px。但是並不意味著在整個畫布上進行設計,一般採用全屏展示和兩側留白的方式。
全屏展示,是整個網站看起來大氣一些,但是布局要合理安排,不然看起來有些傻大的感覺。
兩側留白是為了適配不同電腦屏幕的尺寸,能夠確保網站只是電腦站的時候一些筆記本電腦也能顯示全面網站的內容區域,內容限時區域在好控制在1000px-1200px。

㈡ 怎麼設計WEB登錄頁面,讓頁面不平庸

1,先分析網站的行業的性質。
2,根據行業設定主色調。
3,多採用些透明度。大氣美觀。

㈢ 網頁設計,一般最少要設置多少高度

大概的高度為:

Window XP首屏大小580 px
Window 7 首屏大小710 px

具體原因如下:

  • 一個網頁的尺寸設置和瀏覽器與系統的尺寸大為相關,我們不可能滿足所以用戶的最佳尺寸,但我們能做的是讓絕大多少用戶感覺是最佳的。

  • 系統解析度統計:

對大於30W台客戶端用戶進行測試,得到的測試數據如下(數據來源於網路):

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

㈤ Web 頁面採用多大的寬度最合適

網頁設計在初始要界定出網頁的尺寸大小.就像繪畫給出一塊畫版來.這樣才能方便設計.

網頁的尺寸受限於兩個因素:一個是顯示器屏幕.顯示器現在種類很多,以17寸為主流, 正在朝19寸及寬屏的方向發展.但目前也有為數不少的15寸顯示器.另一個是瀏覽器軟體,就是我們常用的IE,遨遊,Friefox等.

高度:

高度是可以向下延展的,所以一般對高度不限制. 對於一屏來說,一般沒有一個固定值,因為每個人的瀏覽器的工具欄不同,我見過有的瀏覽器工具欄被插件佔了半個屏幕,所以高度沒有確切值。

寬度:

1、在IE6.0下,寬度為顯示器解析度減21,比如1024的寬度-21就變成1003。但值得注意的是IE6.0(或更低)無論你的網頁多高都會有右側的滾動條框。

2、在Firefox下,寬度的分率辨減19。比如1024的寬度-19就變成1005

3、在Opear下,寬度的分率辨減23。比如1024的寬度-23就變成1001

註:Firefox或Opear在內容少於瀏覽器高度時不顯示右側滾動條。

所以如果是1024的解析度,你的網頁不如設成1000安全一點。設成900兩側空白更大,視覺上更舒服一點.也方便做一些浮動層的設計.

如果是800的解析度一般都設成770。但也有設成760的.

這些需要明白並且牢記,不然很可能做出來不符合瀏覽器要求,不過一般我們都回設定的再稍微小一點,應為有些瀏覽器加了插件或者其他的東西寬度會有變化所以 800的解析度一般設定760左右,1024的設定990左右.

網頁設計標准尺寸:

1、800*600下,網頁寬度保持在778以內,就不會出現水平滾動條,高度則視版面和內容決定。

2、1024*768下,網頁寬度保持在1002以內,如果滿框顯示的話,高度是612-615之間.就不會出現水平滾動條和垂直滾動條。

3、在ps裡面做網頁可以在800*600狀態下顯示全屏,頁面的下方又不會出現滑動條,尺寸為740*560左右

4、在PS里做的圖到了網上就不一樣了,顏色等等方面,因為WEB上面只用到256WEB安全色,而PS中的RGB或者CMYK以及LAB或者HSB的色域很寬顏色范圍很廣,所以自然會有失色的現象.

頁面標准按800*600解析度製作,實際尺寸為778*434px

頁面長度原則上不超過3屏,寬度不超過1屏

每個標准頁面為A4幅面大小,即8.5X11英寸

全尺寸banner為468*60px,半尺寸banner為234*60px,小banner為88*31px

另外120*90,120*60也是小圖標的標准尺寸

每個非首頁靜態頁面含圖片位元組不超過60K,全尺寸banner不超過14K

標准網頁廣告尺寸規格

一、120*120,這種廣告規格適用於產品或新聞照片展示。

二、120*60,這種廣告規格主要用於做LOGO使用。

三、120*90,主要應用於產品演示或大型LOGO。

四、125*125,這種規格適於表現照片效果的圖像廣告。

五、234*60,這種規格適用於框架或左右形式主頁的廣告鏈接。

六、392*72,主要用於有較多圖片展示的廣告條,用於頁眉或頁腳。

七、468*60,應用最為廣泛的廣告條尺寸,用於頁眉或頁腳。

八、88*31,主要用於網頁鏈接,或網站小型LOGO。

廣告形式 像素大小 最大尺寸 備注

BUTTON 120*60(必須用gif) 7K

215*50(必須用gif) 7K

通欄 760*100 25K 靜態圖片或減少運動效果

430*50 15K

超級通欄 760*100 to 760*200 共40K 靜態圖片或減少運動效果

巨幅廣告 336*280 35K

585*120

豎邊廣告 130*300 25K

全屏廣告 800*600 40K 必須為靜態圖片,FLASH格式

圖文混排 各頻道不同 15K

彈出窗口 400*300(盡量用gif) 40K

BANNER 468*60(盡量用gif) 18K

懸停按鈕 80*80(必須用gif) 7K

流媒體 300*200(可做不規則形狀但尺寸不能超過300*200) 30K 播放時間 小於5秒60幀(1秒/12幀)

網頁中的廣告尺寸

1.首頁右上,尺寸120*60

2.首頁頂部通欄,尺寸468*60

3.首頁頂部通欄,尺寸760*60

4.首頁中部通欄,尺寸580*60

5.內頁頂部通欄,尺寸468*60

6.內頁頂部通欄,尺寸760*60

7.內頁左上,尺寸150*60或300*300

8.下載地址頁面,尺寸560*60或468*60

9.內頁底部通欄,尺寸760*60

10.左漂浮,尺寸80*80或100*100

11.右漂浮,尺寸80*80或100*10

㈥ web頁面都是使用什麼語言為基礎設計出來的

web頁面都是使用「HTML」語言為基礎設計出來的。

相關介紹:

HTML是由Web的發明者 Tim Berners-Lee和同事 Daniel W. Connolly於1990年創立的一種標記語言,它是標准通用化標記語言SGML的應用。HTML包括一系列標簽.通過這些標簽可以將網路上的文檔格式統一,使分散的Internet資源連接為一個邏輯整體。

(6)web頁面設計標准擴展閱讀

自1990年以來,HTML就一直被用作WWW的信息表示語言,使用HTML語言描述的文件需要通過WWW瀏覽器顯示出效果。HTML是一種建立網頁文件的語言,通過標記式的指令(Tag),將影像、聲音、圖片、文字動畫、影視等內容顯示出來。

事實上,每一個HTML文檔都是一種靜態的網頁文件,這個文件裡麵包含了HTML指令代碼,這些指令代碼並不是一種程序語言,只是一種排版網頁中資料顯示位置的標記結構語言,易學易懂,非常簡單。

HTML的普遍應用就是帶來了超文本的技術―通過單擊滑鼠從一個主題跳轉到另一個主題,從一個頁面跳轉到另一個頁面,與世界各地主機的文件鏈接超文本傳輸協議規定了瀏覽器在運行HTML文檔時所遵循的規則和進行的操作。

㈦ 什麼是web標准,起到些什麼作用,如何理解W3C組織制定的標准

w3c標准具體是什麼W3C(World Wide Web Consortium, http://www.w3.org/)創建於 1994年,研究Web規范和指導方針,致力於推動Web發展,保證各種Web技術能很好地協同工作。大約500名會員組織加入這個團體,它的主任Tim Berners-Lee( http://www.w3.org/People/Berners-Lee/)在1989年發明了Web。W3C推行的主要規范有HTML,CSS,XML,XHTML和DOM(Document Object Model)。 多年以來,W3C把那些沒有被部分會員公司(如Netscape和Microsoft)嚴格執行的規范定義為「推薦」(Recommendations)。自1998年開始,「Web標准組織」(www.webstandards.org)將W3C的「推薦」重新定義為「Web標准」,這是一種商業手法,目的是讓製造商重視並重新定位規范,在新的瀏覽器和網路設備中完全地支持那些規范(看另外一個陰影部分:什麼是「Web標准組織」)。 其他的標准組織包括European Computer Manufacturers Association(ECMA)將ECMAScript定義為「標准JavaScript」。 站點標准不是某一個標准,而是一系列標準的集合。網頁主要由三部分組成:結構\表現\和行為.對應的標准也分三方面:結構化標准語言主要包括 XHTML和XML;表現標准語言主要包括CSS;行為標准主要包括對象模型(如W3C DOM)、ECMAScript等。這些 標准大部分由W3C起草和發布,也有一些是其他標准組織制訂的標准,比如ECMA(European Computer Manufacturers Association)的ECMAScript標准。國際WEB2.0標准又是什麼?WEB標准WEB標准不是某一個標准,而是一系列標準的集合。網頁主要由三部分組成:結構(Structure)、表現(Presentation)和行為(Behavior)。對應的標准也分三方面:結構化標准語言主要包括XHTML和XML,表現標准語言主要包括CSS,行為標准主要包括對象模型(如W3C DOM)、ECMAScript等。這些標准大部分由W3C起草和發布,也有一些是其他標准組織制訂的標准,比如ECMA(European Computer Manufacturers Association)的ECMAScript標准。我們來簡單了解一下這些標准:1.結構標准語言(1)XML XML是The Extensible Markup Language(可擴展標識語言)的簡寫。目前推薦遵循的是W3C於2000年10月6日發布的XML1.0,參考(www.w3.org/TR/2000/REC-XML-20001006)。和HTML一樣,XML同樣來源於SGML,但XML是一種能定義其他語言的語。XML最初設計的目的是彌補HTML的不足,以強大的擴展性滿足網路信息發布的需要,後來逐漸用於網路數據的轉換和描述。關於XML的好處和技術規范細節這里就不多說了,網上有很多資料,也有很多書籍可以參考。(2)XHTML XHTML是The Extensible HyperText Markup Language可擴展標識語言的縮寫。目前推薦遵循的是W3C於2000年1月26日推薦XML1.0(參考 http://www.w3.org/TR/xhtml1)。XML雖然數據轉換能力強大,完全可以替代HTML,但面對成千上萬已有的站點,直接採用XML還為時過早。因此,我們在HTML4.0的基礎上,用XML的規則對其進行擴展,得到了XHTML。簡單的說,建立XHTML的目的就是實現HTML向XML的過渡。2. 表現標准語言CSS是Cascading Style Sheets層疊樣式表的縮寫。目前推薦遵循的是W3C於1998年5月12日推薦CSS2(參考 http://www.w3.org/TR/CSS2/)。W3C創建CSS標準的目的是以CSS取代HTML表格式布局、幀和其他表現的語言。純CSS布局與結構式XHTML相結合能幫助設計師分離外觀與結構,使站點的訪問及維護更加容易。3.行為標准(1)DOMDOM是Document Object Model文檔對象模型的縮寫。根據W3C DOM規范( http://www.w3.org/DOM/),DOM是一種與瀏覽器,平台,語言的介面,使得你可以訪問頁面其他的標准組件。簡單理解,DOM解決了Netscaped的Javascript和Microsoft的Jscript之間的沖突,給予web設計師和開發者一個標準的方法,讓他們來訪問他們站點中的數據、腳本和表現層對像。(2) ECMAScriptECMAScript是ECMA(European Computer Manufacturers Association)制定的標准腳本語言(JAVAScript)。目前推薦遵循的是ECMAScript 262( http://www.ecma.ch/ecma1/STAND/ECMA-262.HTM)。

㈧ web界面設計規范有哪些

一、網頁尺寸
製作網頁時,我們選用的解析度是72像素/英寸,使用的畫布尺寸1920px*1080px。
但是並不代表我們可以在整個畫布上作圖。
網頁的布局主要有兩種,左右型布局和居中型布局。布局的不一致,使得可設計的空間也不相同。
二、網頁字體
字體設計的總原則是:可辨識性和易讀性。
網頁的文字設計是系統默認的字體:宋體、微軟黑體、蘋果系統黑體,英文則建議使用arial無襯線字體
常用的字型大小大小有以下幾種:
12px是應用於網頁的最小字體,適用於非突出性的日期,版權等注釋性內容。
14px 則適用於非突出性的普通正文內容。
16px、18px或者20px 適用於突出性的標題內容。