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

深圳web頁面設計標准

發布時間: 2022-05-03 23:05:29

『壹』 網頁設計標準的網頁設計標准尺寸

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

『貳』 web app 的設計規范和標准有哪些

WEB標准設計 :

網頁結構 HTML XHTML XML DIV+CSS XHTML+CSS 表現層

網頁表現 (Cascading Style Sheets) 樣式表 頁麵皮膚

網頁行為 ECMAScript DOM BOM

用戶體驗 (User Experience)

搜索引擎優化 (Search Engine Optimization)


App的標准

IOS:界面尺寸、圖標尺寸、字體、顏色值

內部設計:1、所有能點擊的圖片不得小於44px(Retina需要88px)
2、單獨存在的部件必須是雙數尺寸
3、兩倍圖以@2x作為命名後綴
4、充分考慮每個控制按鈕在4中狀態下的樣式,如圖

Aos:界面尺寸、圖表尺寸、字體、顏色值

希望可以幫助你,望採納,謝謝啦~~~~~~

『叄』 WEB前端開發 是什麼

前端前景是很不錯的,像前端這樣的專業還是一線城市比較好,師資力量跟得上、就業的薪資也是可觀的,學習前端可以按照路線圖的順序,

0基礎學習前端是沒有問題的,關鍵是找到靠譜的前端培訓機構,你可以深度了解機構的口碑情況,問問周圍知道這家機構的人,除了口碑再了解機構的以下幾方面:

1. 師資力量雄厚

要想有1+1>2的實際效果,很關鍵的一點是師資隊伍,你接下來無論是找個工作還是工作中出任哪些的人物角色,都越來越愛你本身的技術專業前端技術性,也許的技術專業前端技術性則絕大多數來自你的技術專業前端教師,一個好的前端培訓機構必須具備雄厚的師資力量。

2. 就業保障完善

實現1+1>2效果的關鍵在於能夠為你提供良好的發展平台,即能夠為你提供良好的就業保障,讓學員能夠學到實在實在的知識,並向前端學員提供一對一的就業指導,確保學員找到自己的心理工作。

3. 學費性價比高

一個好的前端培訓機構肯定能給你帶來1+1>2的效果,如果你在一個由專業的前端教師領導並由前端培訓機構自己提供的平台上工作,你將獲得比以往更多的投資。

希望你早日學有所成。

『肆』 web標准都包含哪些內容

web標准(Web Standards)

首先這個名字是那幫提出web標準的人起的名字,你可以去看看web標准組織的網站http://www.webstandards.org/

Web標准組織倡議大家採用W3C的語言規范XHTML,CSS,DOM,ECMAScript(XML等)來設計網頁,至於版本號當然是目前推行的版本,要根據W3C的發布和瀏覽器的支持程度去決定使用哪種語言版本

再次,這么做的目的是,讓網頁的結構和表現相分離,用標準的Javascipt去營造良好的交互和讓用戶獲得更好的用戶體驗,讓標准化的結構代碼可以支持多種設備,語義化的標記更好的支持搜索引擎和結合IA等SEO技巧做搜索引擎優化,和網頁的數據挖掘(看看相關XML的技術),使用CSS實現網頁的用戶界面,兼容多種瀏覽器和設備。還可以加點親和力(Accessbility)照顧一下殘障人士和視力不好的用戶。
最後,作為分離的開發模式,類似於後台的MVC開發模式,降低相關因素的耦合,提高並發協作效率和降低維護成本,向前向後兼容瀏覽器和設備,讓網站可以在不同設備不同瀏覽器暢行無阻。

其實技術是相通的,web標准沒有明顯的界定,大體思路就是利用W3C標準的語言規范結合當前支持環境的實際情況去做到網頁設計的最優化。

『伍』 Web設計的設計原則有哪些

原則1: 清晰
清晰是用戶界面設計最重要的原則之一,要讓用戶能夠有效地使用你設計的界面以及清楚的知道這個界面是用來做什麼的,能產生什麼樣的交互,解決什麼樣的問題。清晰意味著能准確表達出信息內容。它有助於防止用戶出錯,清楚地呈現出重要信息並提供完美的用戶體驗。
原則2: 以用戶為中心
在用戶界面設計中,設計師要清楚誰才是真正的使用者。要能夠站在用戶的立場和角度來考慮設計網頁。用戶是你最終產品的體驗者,所以,在做設計時,要遵循以用戶為中心的原則。用戶不會花太多時間在同一個網頁,只要他找到自己所要的訊息,就會跳轉到另一個頁面繼續尋找下一個信息。網頁設計師要知道,用戶之間的差別很大,他們的操作習慣和能力也各有不同。你不能滿足所有人的期望,也別試圖去滿足所有人的期望,因為那是不可能的事。你要做的只能是讓你的網站使用更加方便易操作,要做到這點,你必須了解用戶的需求,目標和偏好以及操作習慣。
原則3:KISS(Keep It Simple And Stupid)
簡單易操作,這也是網頁設計最基本也是最重要的原則。要讓用戶覺得自己是在控制軟體,而不是感覺被軟體控制。切記網頁的可操作性,用戶的習慣和能力各不相同,他們不是網頁設計師,並不懂你們設計這個網頁的原理和操作方式。並且絕大數的用戶,對於電腦的使用經驗是很初級的,只要稍微復雜一點的操作就會讓他們感覺很費力,所以網頁設計師需要注意的是,減少操作。這里所說的stupid,不是愚蠢,而是能減輕用戶的負擔,讓操作更加簡單。

『陸』 web的標准包括那些組成部分

1.什麼是web標准?

首先要明確一個概念。我們本書講的web標准,不是指XML,而是指為了實現大量HTML信息向XML標準的過渡,W3C和ECMA制定的一系列的技術規范,目前主要包括XHTML1.0、CSS2.0、DOM1.0和ECMA JavaScrit。web標准不僅僅是一個規范,而是一系列規范的總稱。

按這些規范製作的網頁,符合XML格式規范,內容與表現相分離,將使你的頁面數據在以後可以被分享、交換和重用。

下面,讓我們一起了解一些重要的基礎知識。如果你已經掌握,可以跳過直接閱讀第二節

2. 什麼是w3c?

W3C是「World Wide Web Consortium」的縮寫,中文稱萬維網組織。是一個專注於「領導和發展web技術」的國際工業行業協會。它由萬維網發明者Time Berners-Lee領導,成立與1994年。W3C已經有超過500家的會員--包括微軟、美國在線(Netscape的母公司)、蘋果電腦、 Adobe、Macromedia、SUN 以及各類主流硬體、軟體製造商和電信公司。學會主要研究由三家學術機構主理--美國麻省理工學院(MIT)、法國的歐洲信息與數學研究論壇 (ERCIM)、日本的應慶大學(KEIO)。

W3C主要工作是研究和制定開放的規范(事實上的標准),以便提高web相關產品的互用性。W3C的推薦規范的制定都是由來自於會員和特別邀請的專家組成的工作組完成。工作組的草案(Drafts)在通過多數相關公司和組織同意後提交給W3C理事會討論,正式批准後才成為「推薦規范 (Recommendations)」發布。更多的信息您可以訪問W3C的網站:www.w3.org

web標準的優勢
5.1 易用性

用web標准製作的頁面,對搜索引擎更加「透明」,因為良好清晰的結構使得搜索引擎能夠方便的判斷與評估信息,從而建立更精確的索引。按web標准製作的頁面也可以在更老版本的瀏覽器中正常顯示基本結構,即使CSS/XSL樣式無法解析,它也能顯示出完整的信息和結構。

符合web標準的頁面也很容易被轉換成其他格式文檔,例如資料庫或者word格式,也容易被移植到新的系統--硬體或者軟體系統,比如網路電視、PDA等等。這是XML天生具有的優勢。

符合web標準的頁面也具有天生的「易用性(accessibility)」,不僅僅是普通瀏覽器可以閱讀,那些有殘疾的人們也可以通過盲人瀏覽器、聲音閱讀器正常使用。
5.2 向後兼容性

使用web標准建立的頁面,將在未來的新瀏覽器或者新網路設備中很好的工作。我們只要修改CSS或者XSL定製相應的表現形式就可以了。

關於web標準的好處
1.科技在進步,網路帶寬越來越大,速度越來也快,節省那點位元組有意義嗎?
web標準的好處之一是:用web標准製作的頁面代碼量小,可以節省帶寬。這只是web標准附帶的好處,因為DIV的結構本身就比TABLE簡單,TABLE布局的層層嵌套造成代碼臃腫,文件尺寸膨脹。通常情況下,相同表現的頁面用DIV+CSS比用TABLE布局的節省2/3的代碼。這是web標准天生的好處。至於節省帶寬的意義並不主要針對普通用戶,而主要針對網站經營者,特別是中大型網站,類似新浪、網易這樣的站點。一個新聞首頁從500K縮小到170k,假設一天的pageview是3000萬(保守數字),那麼節省的伺服器流量就是330k*30000000=9440G,這個成本的節約是可觀的。
2.我需要考慮殘障人士(盲人和弱視)嗎?
為殘障人士提供網路瀏覽方便是美國及歐洲一些國家的法律規定,由於web標准頁面的清晰結構、語義完整,一些相關設備能很容易的正確提取信息給殘障人士。因此,方便盲人閱讀信息也成為web標準的天生好處之一。至於有人說中國目前還有很多人為解決溫飽發愁,哪有時間考慮殘障人士。這是社會文明和社會道德問題,不在本書討論范疇。但如果你頁面按web標准製作了,就能達到這個效果,何樂而不為呢?

關於瀏覽器兼容
1.我不需要關心web標准,IE佔有99%的市場,我做的頁面只要IE能看就可以了。
「以用戶為核心」通常都是反對web標准者的檔箭牌,實際上這是虛偽的「以用戶為核心」。你不能保證IE永遠是壟斷瀏覽器市場,你也不能保證IE不做任何改變(事實上,微軟的IE7已經開始改善對 web標準的支持)。堅持用html+table布局製作的頁面將是「死」的信息,不方便搜索,無法重用與共享,從長遠來講,這才是對用戶最大的傷害。
2.為什麼web標準的頁面兼容性並不好?
我們說web標準的優勢是兼容性好,這個兼容是指向後兼容,向新瀏覽器、新設備兼容。對已有的瀏覽器來說,因為它們對web標準的支持程度不一樣,因此會出現不同瀏覽器下頁面變形的情況。我們必須採用一些"hack"技巧來實現不同瀏覽器的兼容。這是無奈、也是不可避免的,是web技術發展必然要經歷的一個過程,是我們向XML過渡必須克服的一個困難。

我想你和我一樣,都關心WEB的未來會是怎麼樣的,下一輪的新技術熱點在什麼方向。其實,要回答這個問題,沒有誰比W3C更有權威了。只要看看W3C在做什麼,正在研究什麼規范就知道WEB的走向和趨勢了。

W3C明確地告訴我們:XML是未來的趨勢毋庸置疑,開放和共享是互聯網的精神和根本動力。

蒂姆.貝納斯-李(Tim Berners-Lee),W3C領導人,萬維網之父,說到:XML提供了信息交換的手段,但這僅僅只是開始。我們的目標是web的語義化,即:使得web上的信息內容更加容易理解、更便於交換和共享,RDF和OWL語言將在這方面提供更強大的支持。

web技術即將迎接新一輪的變革和發展,如果你還在猶豫是不是需要學習web標准,那麼你將失去這次機會。

『柒』 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界面設計規范有哪些

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

『玖』 簡述web標準的頁面組成

WEB標准,即網站標准。目前所通常所說的WEB標准一般指網站建設採用基於XHTML語言的網站設計語言,WEB標准中典型的應用模式是「css+div」(什麼是css+div)。實際上,WEB標准並不是某一個標准,而是一系列標準的集合。

網頁主要由三部分組成:結構(Structure)、表現(Presentation)和行為(Behavior)。對應的網站標准也分三方面:結構化標准語言,主要包括XHTML和XML;表現標准語言主要包括CSS;行為標准主要包括對象模型(如W3C DOM)、ECMAScript等。這些標准大部分由W3C組織(什麼是W3C組織)起草和發布,也有一些是其他標准組織制訂的標准,比如ECMA(European Computer Manufacturers Association)的ECMAScript標准。

『拾』 網頁設計最合適的頁面尺寸是多少

尺寸是沒有最合適一說的,主要就是看需求,目前主流是1000像素,這樣基本上可以兼容各種電腦屏了。
如果為了滿屏,可以在製作的時候讓網頁元素寬按照百分比設置