如今在互聯(lián)網(wǎng)行業(yè)掀起了一股網(wǎng)站制作的風(fēng)潮，特別是移動(dòng)互聯(lián)網(wǎng)時(shí)代，信息化建設早已成為人們耳熟能詳的焦條，Internet已經(jīng)成為全球最大的咨詢(xún)信息庫，而成為傳播的載體網(wǎng)頁(yè)逐日被人們所關(guān)注，網(wǎng)站建設以及網(wǎng)頁(yè)設計已被人們逐日提到日程，因為互聯(lián)網(wǎng)用戶(hù)是數以?xún)|計的，其中蘊含的商機也是不可估量的。要想在互聯(lián)網(wǎng)上成為佼佼者，抓住技巧是關(guān)鍵。那網(wǎng)頁(yè)設計方面有哪些技巧？下面神州華宇北京網(wǎng)站設計公司小編給大家做以介紹。

一、能用css寫(xiě)的，堅決不要用圖片
經(jīng)驗告訴我們，首頁(yè)圖片很多的網(wǎng)站打開(kāi)會(huì )很慢，一是因為圖片多，需要下載的文件體積就增大，二是每一個(gè)圖片下載都會(huì )對服務(wù)器有一個(gè)請求，增大了瀏覽器與服務(wù)端的交互次數，如果能把純色的部分用css來(lái)寫(xiě)，而不因為省事直接切圖，就會(huì )極大提高網(wǎng)站的運行效率，我最早開(kāi)始學(xué)習制作網(wǎng)站時(shí)，就想當然的認為怎么樣能加快制作速度就怎么來(lái)，于是把一個(gè)導航條的背景直接切成圖片，后來(lái)老板看到我寫(xiě)的 html代碼，告訴我不能這么干，用div定義好寬和高設置背景色和邊框，一行代碼就搞定。如果遇到有漸變色的背景，可以沿著(zhù)與漸變色相同方向切一個(gè)像素的條紋，用css中background的repeat-x或repeat-y來(lái)自動(dòng)填充。

二、好的網(wǎng)站主題
在制定網(wǎng)站主題的時(shí)候千萬(wàn)不能分散，網(wǎng)站主題越集中，這樣的網(wǎng)站提供的信息質(zhì)量就會(huì )越高。同時(shí)還要有好的框架結構，網(wǎng)站網(wǎng)頁(yè)上的框架非常重要，如果設計的不好的話(huà)，網(wǎng)頁(yè)上就會(huì )非常散亂，訪(fǎng)客在尋找信息的時(shí)候會(huì )變困難。所以說(shuō)設計師要掌握好框架結構的設計技巧，讓網(wǎng)頁(yè)變的清晰，脈絡(luò )分明。

三、IE6的雙倍邊距BUG
例如:
<style type="text/css">
body {margin:0}
div { float:left; margin-left:10px; width:200px; height:200px; border:1px solid red }
</style>
浮動(dòng)后本來(lái)外邊距10px,但IE解釋為20px,解決辦法是加上display:inline
ps：剛開(kāi)始接觸這一工作的時(shí)候真的是不知道怎么回事，還以為是各個(gè)瀏覽器之間的解釋不同，制作的時(shí)候只能小心意義的以ie6的寬度來(lái)定義，可惜ff 和ie經(jīng)常預覽效果不一致，被某些人抓住不放，當時(shí)很是氣氛和郁悶，一氣之下瘋狂百度和谷歌，可惜那時(shí)候抓不住關(guān)鍵詞，走了不少彎路才找到問(wèn)題答案，好在現在解決了。

四、怎么樣才能讓層顯示在FLASH之上呢?
解決的辦法是給FLASH設置透明:
<param name="wmode" value="transparent" />

五、網(wǎng)頁(yè)將不能被另存為
<noscript> <iframe   src= "/blog/*.html> "; </iframe> </noscript>

六、刪除時(shí)確認
<a   href= "javascript:if(confirm( "確實(shí)要刪除嗎? "))location= "boos.asp?&areyou=刪除&page=1 " "> 刪除 </a>

七、使用text-align實(shí)現居中
將該屬性值設置為center并應用到bodi元素上即可。這種做法是徹頭徹尾的hack但它卻能兼容大多數瀏覽器，另一種實(shí)現元素居中的方法是使用text-align屬性。所以在某些情況下也自然必不可少。
而是應用到作為容器的元素上。這也給我帶來(lái)了額外的工作。創(chuàng )建好布局必須的div之后，之所以說(shuō)它hack因為這種方法并沒(méi)有將文本屬性應用到文本上。要依照如下代碼為bodi應用text-align屬性：
body{

text-align:center;

}
之后會(huì )出現什么問(wèn)題嗎？bodi所有子孫元素都會(huì )被居中顯示。

就需要用再寫(xiě)一條網(wǎng)站中關(guān)鍵詞的排名優(yōu)化規則，因此。讓其中的文本回到默認的居左對齊：

p{

text-align:left;

}

真正完全遵循規范的瀏覽器并不會(huì )改變容器的位置，可以想象這條附加的規則將帶來(lái)一些不便。另外。而只會(huì )讓其中的文字居中顯示。

八、網(wǎng)頁(yè)尺寸
網(wǎng)頁(yè)尺寸一般都在800*600這個(gè)范圍內，起初由于電腦屏幕尺寸的原因。目前隨著(zhù)屏幕分辨率擴大，網(wǎng)頁(yè)的尺寸也開(kāi)始調整到1000*900調整到這個(gè)尺寸目的就是為了考慮到讓搜索瀏覽者都能正常瀏覽網(wǎng)站。

九、網(wǎng)站顏色的使用與內容的建設
則會(huì )嚴重影響人們對網(wǎng)站的瀏覽，顏色的使用在網(wǎng)站建設（中起著(zhù)非常關(guān)鍵的作用。勝利的顏色搭配可以讓人過(guò)目不忘；失敗的顏色搭配選擇。視覺(jué)不舒服，就算你內容再好，受眾也沒(méi)有看下去的興趣，又如何談網(wǎng)站建設的好壞和后期的網(wǎng)絡(luò )推廣呢？

十、利用導航取得統一
導航是網(wǎng)站的一項重要組成部分，一個(gè)出色的富有企業(yè)特性的導航將會(huì )給人留下深刻的印象，比如將標志的形態(tài)寓于導航之中，或將導航設計在整個(gè)網(wǎng)站布局之中等等不一而足，花點(diǎn)力氣在導航上，也會(huì )設計出一個(gè)出色的站點(diǎn)。

十一、首頁(yè)設計技巧 
網(wǎng)站首頁(yè)是企業(yè)網(wǎng)上的虛擬門(mén)面，在此，提醒上網(wǎng)的企業(yè)注意自己門(mén)面的設計，決不能敷衍了事、馬馬虎虎。我們會(huì )經(jīng)?？吹接∷⒕赖漠a(chǎn)品目錄或廣告，當您屢屢看到那些印有產(chǎn)品目錄或廣告的精美印刷制品的時(shí)候，相信您或多或少會(huì )對有關(guān)的產(chǎn)品形成一種好感，即使您不會(huì )購買(mǎi)，也必然對這些產(chǎn)品形成一定程度的認同。而對于設計毛糙的宣傳品，您肯定會(huì )懷疑其內容的真實(shí)性，從而對其產(chǎn)品或服務(wù)產(chǎn)生質(zhì)疑。好，現在說(shuō)說(shuō)網(wǎng)站的設計，相信您會(huì )同意這種說(shuō)法：網(wǎng)站的頁(yè)面就好比是“無(wú)紙的印刷品”。既然如此，我們會(huì )因此而得出一個(gè)結論：精良和專(zhuān)業(yè)網(wǎng)站的設計，如同制作精美的印刷品，會(huì )大大刺激消費者（訪(fǎng)問(wèn)者）的購買(mǎi)欲望，反之，您公司所提供的產(chǎn)品或服務(wù)將不會(huì )給消費者（訪(fǎng)問(wèn)者）留下較好的印象。值得一提的是，除非您的企業(yè)有專(zhuān)業(yè)的網(wǎng)站規劃、設計人員，否則您最好找專(zhuān)業(yè)公司或專(zhuān)業(yè)人員為您設計制作，一個(gè)優(yōu)秀的專(zhuān)業(yè)設計人員會(huì )很快明白您的意圖，并根據您的建站目的提出建設性的意見(jiàn)。

十二、漸變
　　技術(shù)的發(fā)展為所有想使用漸變的人提供了各種創(chuàng )造漸變的工具。但漸變真的很好么?
　　Media Temple 網(wǎng)站的每一個(gè)頁(yè)面都使用了漸變，不過(guò)其漸變使用的節制和精妙才是設計成功的關(guān)鍵。logo，大標題，按鈕和背景都有細微的或者鏡像的漸變，以強調內容。最復雜的漸變用在了那些簡(jiǎn)單的120像素寬的按鈕(子頁(yè)面中的“ACTIVATE”和“LEARN MORE”)上，因為它們是需要訪(fǎng)客注意的重點(diǎn)。
　　Commission Junction的漸變運用遠沒(méi)有Media Temple的細致，而且采用了過(guò)于豐富的漸變類(lèi)型： 
　　從黑色到灰色的水平線(xiàn)性漸變，位于頁(yè)面頂部 頁(yè)眉處的綠色徑向漸變 登陸框背景的“CJ” 標志上方模糊的斜向漸變 輸入框背景中淡淡的垂直線(xiàn)性漸變 導航條背景的垂直漸變 Webinar廣告中明亮的線(xiàn)性漸變 另一個(gè)垂直線(xiàn)性減弱，用在了大標題處 這種設計有點(diǎn)冒險，大部分漸變式有用的，但還是存在一些問(wèn)題。最突出的一點(diǎn)是，設計喪失了一致性。同選擇可辨性強的色彩組合一樣的道理，設計師也需要為每個(gè)項目選擇合適的漸變組合。
　　例如，大的水平漸變(1)引導眼睛橫向注視頁(yè)面。這本沒(méi)有什么問(wèn)題，但就在此漸變的正下方又出現了把視線(xiàn)吸引到中心的徑向漸變(2)和把視線(xiàn)引導到右下角的斜向漸變(3)。這會(huì )給訪(fǎng)客造成困擾，起伏變化的視覺(jué)流(visual flow)也削弱了可讀性。
　　使用漸變時(shí)，保證好的視覺(jué)流很重要：請保守而精致地使用漸變。最重要的一點(diǎn)，僅當對整體設計有幫助時(shí)才使用漸變。 

在北京網(wǎng)站制作的時(shí)候，需要結合網(wǎng)站本身的特點(diǎn)，提煉出自己的經(jīng)營(yíng)理念，擺脫低層次的網(wǎng)站運行模式，網(wǎng)站作為一個(gè)企業(yè)就必須在不斷的發(fā)展壯大的時(shí)候，結合自身的文化特色，提煉出一些深層次的東西、技巧，而這些東西就是企業(yè)的靈魂，很多世界知名品牌都有自己的獨特的經(jīng)營(yíng)理念。這樣就給網(wǎng)頁(yè)設計師提出了更高的要求，要求他們能夠深入的了解網(wǎng)站，同時(shí)將自己融入的到網(wǎng)站中，不斷的發(fā)掘具有閃光性的東西，同時(shí)找到合適的表達方式來(lái)加以強化。