當前位置:首頁 > 新聞關注 > 網站建設 > 太原網站建設需要注意的問題

太原網站建設需要注意的問題

文章熱度:發布時間:2011-07-27編輯:航佳網絡科技有限公司標簽: 太原網站建設  

     一、太原網站建設里的一些標準尺寸

    很多站長都有這樣迷惑,在進行網站建設中網頁布局設計時,網頁界面的寬度尺寸都比較迷茫,800*600尺寸及1024*768尺寸的分辨率下,網頁應該設計為多少像素才合適呢?太寬就會出現水平滾動條了,下面我們就網頁設計的標準尺寸進行講解。

    網頁設計標準尺寸:

    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

    15*50(必須用gif) 7K

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

    430*50 15K

    超級通欄 760*100 to 760*20 共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(可做不規則形狀) 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*100以上幾種說法可能有點小的出入,大家可以探討一下。

    IAB和EIAA發布新的網絡廣告尺寸標準

    在這6種格式中,除了去年iab發布的4種“通用廣告包”中的格式

    二、太原網站建設網頁布局基本原則

    1.樣式的重用性

CSS布局的網頁*大的特點就是樣式的可重用性,利用class選擇符重復將某個樣式屬性多次在網頁中使用,以減少不斷定義樣式屬性的煩瑣工作,增加頁面的可維護性。例如,將某處表達樣式、板塊整體樣式、文字顏色;甚*可以擴展到頁面的模塊化處理。

    2.浮動與*浮動

    浮動式網頁布局中永遠的話題,很多瀏覽器的兼容性問題都是因為浮動而導致的,例如IE6.0的雙倍間距的問題。浮動也是把雙刃刀,兼容性的問題為其二產生為其而滅亡,善于利用浮動對于網頁布局將會帶來很到的幫助,例如使用負邊距地方法對頁面進行布局設計。

    *浮動浮動而出現,用來清理浮動導致的諸多問題。*浮動的方式有很多。

    3.定位方式的頁面布局

    定位方式的布局一般指的是*定位,這種布局方式對頁面布局的設計*性要求*高,遺憾的是*定位的布局方式的盒模型是固定高和寬的,無非自適應。

    4.不要過多使用ID選擇符

    ID在一個頁面中出現的次數是一次,過多使用將失去樣式的可重用性的特征,對于頁面的可維護性也將大打折扣。

    5.類選擇符(class)及ID選擇符使用字母+數字方式*名

    類選擇符Class及ID選擇符的*名方式很多,*好的方式是陣對某個模塊的功能闡述性的*名,例如,陣對主要內容區域,可以使用#mainBox或者.mainBox而不是使用#box1或者.box1。

    不使用字母+數字的方式*名,在后期維護中可以陣對某個模塊主要針對對象一目了然。

    6.合理使用CSS布局,切勿盲目使用

    CSS樣式的主要功能是對頁面結構樣式的處理,避免只是為了試驗一種技術或新技巧而采用CSS中的技巧去剝奪其他語言腳本的使用。

    三、太原網站建設網頁頁腳的注意點

    太原網站建設中網通頁腳是一個我們經常不重視的地方,它被遺忘,也可能被使用過度,本文我們將討論一下網站底部(或者叫頁腳)的一些注意點。

    大量鏈接

    你肯定見過很多這樣的網站:底部有50,100,甚*更多的鏈接。搜索引擎抓取你的網站時,它會嘗試區別網站的不同區域并區別它們的權重。所以你在網站底部放那么一大堆鏈接,不會對你有什么幫助。我的建議是:讓你網站底部的鏈接保持一個較小的數量:25。

    動態頁腳

    動態的內容可以使搜索引擎對它更有興趣。例如,你可以包含你*新發表的幾篇文章的鏈接,添加一些你*近更新過內容的頁面鏈接,或者放幾個熱門的老文章的鏈接,幾個你*的文章鏈接等等。你的目的是告訴搜索引擎你的內容正在不斷改變。

    時間戳與抓取測試

    如果你有一個大型網站,有時這會有所幫助。這能讓你知道你網站的哪些部分不被Google喜歡沒有被經常抓取。如果你在頁腳用“搜索引擎懂得的文字”添加當前的時間如“pagegenerated on Jan 2011”,然后兩個月之后,搜索[site:example.com “page generated Jan 2011”]。它會列出2個月內沒有被抓取的頁面。這沒什么技術含量,但很容易發現你的什么地方有的抓取問題。這里有一個忠告:不要用一個完整的日期,不然Google可能會用這個日期來標記你的頁面。

    No-Follow 和 Pagerank

    我曾經對于no-follow以及頁面權重(PR)的傳遞比較看重,但后來我不再覺得這是個有效地做法。所以如果你正在使用 no-follow 來阻止搜索引擎訪問你的聯系頁面,隱私政策,服務條款之類的頁面,那么停止吧。這樣很可能弊大于利。如果你有一些登錄鏈接,像是用戶賬戶,后臺頁面,那么使用no-follow吧。另外,你也應當使用 robots.txt 來阻止搜索引擎訪問這些頁面。

    可用性和字體大小

    雖然這部分不涉及SEO,但可用性是只得關注的。一般頁腳使用比你的正文略小的字體會比較好,但是也不能太小。你可以使用淡一些的顏色后其他顏色,但是不要搞成看不見的,這樣會被以為你欲蓋彌彰。如果你的頁腳有很多內容,那么把它們分組吧,別直接丟一堆。

    好了,讓我們回顧一下有哪些方法來優化你的頁腳:

    鏈接數量的限制,只保留必要的

    列出一些動態的內容

    包含一個日期用來跟蹤搜索引擎的爬行

    使用no-follow來阻止搜索引擎抓取你不想被抓取的頁面,而不是為了控制PR傳遞。

    對你的頁腳內容進行分類整理。

    使用小一些和淡一些的字,不要因為外觀而犧牲可用性。

    在太原網站建設中一定要注意以上這三點問題!

太原網站建設航佳網絡網站建設為您提供網站運營、網站制作、網站優化、網站優化推廣知識,有何疑問就趕緊咨詢我們,銷售電話:134 6681 1318

相關新聞

gay青年男巨chinese自慰|小芳的性生乱生活|亚洲精品国自产拍在线观看|亚洲欧美日韩精品专区