1、網頁設計合適的頁面尺寸是多少
網頁設計選用的解析度是72像素,使用的畫布尺寸1920px*1080px。但是並不意味著在整個畫布上進行設計,一般採用全屏展示和兩側留白的方式。
全屏展示,是整個網站看起來大氣一些,但是布局要合理安排,不然看起來有些傻大的感覺。
兩側留白是為了適配不同電腦屏幕的尺寸,能夠確保網站只是電腦站的時候一些筆記本電腦也能顯示全面網站的內容區域,內容限時區域在好控制在1000px-1200px。
2、如何製作PC端Html網頁
參考百度經驗上的相關操作方版法:權
http://jingyan.baidu.com/article/ab0b56309616bbc15afa7de8.html
3、PC端網頁設計基本規范有哪些
一 固定的內容:
1.PS中設計解析度為:72像素/英尺(圖片質量的像素點)
2. 顏色模式RGB 8位(顯示器的三原色紅,綠,藍為RGB)
不固定的內容:
1.背景 a.純色背景平鋪(自適應瀏覽器)
b.漸變色或底紋平鋪背景(自適應瀏覽器) 目前網頁設計中都會做通欄大圖,以方便吸引客戶,增加網站整體美觀
c.通欄大圖
二.屏幕解析度
標准解析度:1920px*1080px
主體設計內容寬度:1000px(常用寬度:960px,1170px,980px,1100px,1200px) 首屏高度大約在700px
常用解析度:1280px*768px 主體設計內容寬度:1200px(常用寬度:1190px,1170px,1100px,1200px) 首屏高約:750px
三.設計文檔大小 1.PS中新建文檔寬要大於主體設計內容的寬度(目的為了表現設計意圖,展示背景效果,左右寬度最少200px) 2.設計到通欄大圖片新建文檔的寬度:1920px,所有的設計文檔寬1920px主體內容根據具體情況而定(主體內容要是想要適應所有用戶必須低於1000px)
4、什麼叫電腦美工/網頁設計
網頁美工實際上就是前段工程的一部分,真正的前段工程師要求會界面的設計和界面代碼的編寫。
通常需要熟練掌握的技能有:
1、圖片處理技能:熟練的使用圖片處理軟體如photoshop,完成設計和切圖等操作,為了界面的美觀有設計功底會非常的有必要
2、熟練的使用網頁的編輯工具如dreamweaver。
5、響應設計網頁設計在pc端注意什麼
一.PC網頁設計規范 固定的內容: 1.PS中設計解析度為:72像素/英尺(圖片質量的像素點) 2. 顏色模式RGB 8位(顯示器的三原色紅,綠,藍為RGB)
不固定的內容: 1.網頁背景 a.純色背景平鋪(自適應瀏覽器) b.漸變色或底紋平鋪背景(自適應瀏覽器) 目前網頁設計中都會做通欄大圖,以方便吸引客戶,增加網站整體美觀 c.通欄大圖
二.屏幕解析度 1.標准解析度:1024px*768px(目前10%-20%的用戶在用) 主體設計內容寬度:1000px(常用寬度:960px,1170px,980px,1100px,1200px) 首屏高度大約在700px
2.常用解析度:1280px*768px 主體設計內容寬度:1200px(常用寬度:1190px,1170px,1100px,1200px) 首屏高約:750px
三.設計文檔大小 1.PS中新建文檔寬要大於主體設計內容的寬度(目的為了表現設計意圖,展示背景效果,左右寬度最少200px) 2.設計到通欄大圖片新建文檔的寬度:1920px,所有的設計文檔寬1920px主體內容根據具體情況而定(主體內容要是想要適應所有用戶必須低於1000px)
6、PC端,頁面寬度,設計多少最合適。
這個要根據客戶要求了,就我公司而言吧,就沒有非常嚴格的頁面寬度要求,不過一般都1000+,因為900左右的相對而言有些太小氣,而1000=以上的一般也都1200以上,不排除1000-1200。
不過主要是看滿框或者非滿框了。
如果是滿的話:width:100%;(這沒得講,必須這樣了)
非滿的話:width:1280px;(大多數,但是不能太死,主要看設計內容,還有客戶需求)
7、PC端網頁設計基本規范有哪些
網站建設基本流程規范
企業網站建設(升級改版)包含下列基本流程:
(1)制定網站規劃方案:包括網站預期目標、行業競爭狀況分析、網站欄目結構、用戶行為分析及內容規劃、網頁模版設計、網站伺服器技術選型、網站運營維護規范等基本內容;
(2)網站技術開發、網頁設計;
(3)網站測試;
(4)網站內容發布;
(5)網站維護及管理。
3、網站域名及網站技術規范
(1)採用基於XHTML的國際WEB標准(CSS+DIV);
(2)網站首頁為頂級域名而不是多級層次 ;
(3)網站首頁及各欄目和內容頁面均不採用網址跳轉方式,不採用過渡頁/橋頁等網址重定向;
(4)合理應用靜態網頁與動態網頁,網站欄目首頁和其他重要頁面採用靜態網頁;
(5)網頁內容頁面層次不宜過多,不超過四個層次;
(6)採用主流域名:.cn、.com.cn、.com等;
(7)一個網站對應一個主域名,現有多個域名需統一;
(8)網站鏈接錯誤率在一定范圍之內,首頁等重要頁面無死鏈接;
(9)網站設計對不同瀏覽器具有兼容性。
4、企業網站的基本功能和內容
(1) 與企業辦公網實現無縫鏈接;
(2)具有信息發布、產品發布和管理功能;
(3)產品推薦/廣告管理功能;
(4)詳細的公司介紹;
(5)詳細的聯系方式;
(6)合理的產品分類/匯總/列表;
(7)詳細的產品介紹內容;
(8)銷售及售後服務相關的聯系和服務信息;
(9)在線服務信息;
(10)持續更新的企業動態/產品信息;
(11)相關網站鏈接管理功能;
(12)規范的網站地圖;
(13)網站訪問統計功能。
5、網站優化
網站優化包括三個方面:對用戶獲取信息優化、搜索引擎優化、網站維護優化。
(1)網站欄目結構合理,欄目設置不要過於復雜;
(2)網站導航清晰且全站統一,通過任何一個網頁可以逐級返回上一級欄目直到首頁;
(3)網頁布局設計合理,網站設計符合用戶瀏覽習慣;
(4)重要文字信息盡可能出現在網頁靠前位置;
(5)字體清晰,CSS風格協調一致;
(6)最多3次點擊可到達產品詳細內容頁面;
(7)通過網站任何一個網頁不超過3次點擊可達到站內其他任何一個網頁;
(8)遵照搜索引擎為管理員提供的網站優化指南,通過網站結構和內容等基本要素的優化為搜索引擎檢索信息提供方便,不採用任何被搜索引擎視為垃圾信息的方法和欺騙搜索引擎的方式(如堆積關鍵詞、用戶不可見文本、頁面跳轉、復制網頁等等);
(9)網站首頁、欄目首頁及產品內容頁面均有一定的文字信息量;
(10)每個網頁有獨立的、可概括說明該網頁核心內容的網頁標題(而不是全站或者一個欄目共用一個網頁標題);
(11)每個網頁有獨立的、與該網頁內容相關的META標簽設計(包括description和keywords);
(12)每個網頁有獨立的URL;
(13)產品內容頁面URL盡可能簡短且體現出產品屬性;
(14)產品/企業新聞詳細內容頁面是獨立網頁不是彈出窗口;
(15)對於產品品種多的企業網站,要有合理的產品分頁方式;
(16)網站內容保持適當的更新周期。
6、網頁模版設計
(1)重要信息盡可能出現在用戶最關注的位置;
(2)網頁寬度定位適應當前主流屏幕解析度模式;
(3)保持整站CSS風格一致;
(4)超級鏈接有下劃線或顏色的明顯指示;
(5)整個網站中在新窗口打開或原窗口打開網頁的規則一致;
(6)網站首頁位元組數不宜過大;
(7)多語言版本網站內容之間的切換方式設計合理。
7、企業網站可信度
(1)網站具有必須的法定證書;
(2)對企業基本狀況的介紹真實可信;
(3)公布顧客服務/售後服務承諾;
(4)有必要的個人信息保護聲明;
(5)網站公布的聯系方式有效,尤其是地址、固定電話和Email地址;
(6)網站公布的Email地址與企業網站域名後綴一致而不是免費郵箱;
(7)網站主域名與企業名稱/品牌/核心產品一致或相關;
(8)網站提供的信息及時有效;
(9)網站有自己獨立的風格;
(10)網站各項功能和服務方便易用。
8、網站運營維護
(1)建立網站內容發布審核機制,始終保持網站內容的合法性;
(2)保持網站伺服器正常工作,對網站訪問速度等進行日常跟蹤管理;
(3)保持合理的網站內容更新頻率;
(4)網站內容製作符合網站優化所必須具備的規范;
(5)重要信息(如資料庫等、訪問日誌等)的備份機制;
(6)保持網站重要網頁的持續可訪問性,不受網站改版等原因的影響;
(7)對網站訪問統計信息定期進行跟蹤分析。
其他要求:
由於網路營銷環境和用戶行為在不斷發展變化,企業網站需要增強適應性,可通過改版、重建等方式進行網站升級。 在網站建設技術標准方面,遵照國際WEB標准,不再使用過時的HLML4.01;在網站運營支持方面,融入目前居於領先地位的網站優化思想和方法,使得遵照規范建設的企業網站全面符合主流搜索引擎的優化指南,具有明顯的搜索引擎優化優勢。
網站規劃:
•整體規劃合理,主輔菜單不清晰;
•網站建設導向明確,重點突出;
•欄目適應;
•各欄目統一規劃,整個網站比較清晰;
•網站的促銷功能得到明顯體現。
8、移動端和pc端頁面設計上的區別
操作方式不同
PC端主要的交互為滑鼠點擊事件;移動端的則更為豐富,比如單擊、雙擊、長時間按、滑動等等。
使用場景不同
PC端的使用場景一般較為固定,室內或辦公室,電腦移動的概率較少;移動端則可在很多場景下使用,比如地鐵、公交車、吃飯、睡覺等等,移動端要考慮的交互更多。
網路環境不同
PC端的網路較為穩定,出現異常情況的概率相對較小;移動端很多時間處於無線數據網路狀態下,網路狀況隨著地點不同有所變化。
9、設計PC端網頁原型和手機端APP有什麼區別
1、內容上pc端一定是內容豐富的,app一定是內容精簡的
2、從產品功能架構上,app端的設計通常只能滿足主流用戶的常用功能,相反pc端可以兼顧更多的用戶提供更全面的服務
3、相比pc端,app更注重用戶體驗設計,例如操作流程簡單快捷,語言文字精簡移動。
4、升級優化方面,pc端通常適合於兩年一小改,三年一大改,指的是改版。app則比較頻繁,且第一版本一般只是先主要功能,之後2、3個月幾乎就要出一個小迭代版本。
10、手機html網頁和電腦上的html網頁在製作上有什麼區別
1.導航設計
手機端頁面導航應當包括用戶必要的內容,刪除屏幕上不必要的鏈接,假如鏈接的詳細頁面內容不是用戶想要的,用戶不會點擊,也就沒必要設置。其中建立導航功能鍵的時候,其中以回到首頁、回到上一頁這兩個最為重要。
2.網站名稱或logo的設計
手機網頁的頂部沒有標題欄或地址欄,相應地,也就沒有網站標題和圖標。所以設計頁面的時候應該讓用戶知道,他們現在所瀏覽的網站名稱或logo,這對塑造品牌也很重要。
3.頁面排版
從用戶角度來說,他們希望閱讀所有的內容,所以我們進行內容呈現,只是用隔斷、重組、引語、線條或其他視覺方案來讓這些內容更容易訪問,使這些板塊顯得更都雅。
4.利用手機的天生優勢
手機有著許多傳統電腦所沒有的優勢,其中最大的優勢就是移動力,因此手機版網頁應該要特別發揮這些特性,讓手機網頁具有一般網頁更多的優勢。如:
移動定位:大部分的智能設備都有導航、定位的機制,可以讓客戶主動找到企業的位置。
移動聯系:如果用使用的是行動電話,可以立即發話;或者直接跳轉到通訊工具在線聊天;
鄰近地點:如果企業有很多據點,請告訴用戶,在他附近有哪一些地點是便於他能夠抵達的。