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

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

二、好的網(wǎng)站主題
在制定網(wǎng)站主題的時候千萬不能分散，網(wǎng)站主題越集中，這樣的網(wǎng)站提供的信息質(zhì)量就會越高。同時還要有好的框架結(jié)構(gòu)，網(wǎng)站網(wǎng)頁上的框架非常重要，如果設(shè)計的不好的話，網(wǎng)頁上就會非常散亂，訪客在尋找信息的時候會變困難。所以說設(shè)計師要掌握好框架結(jié)構(gòu)的設(shè)計技巧，讓網(wǎng)頁變的清晰，脈絡(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>
浮動后本來外邊距10px,但IE解釋為20px,解決辦法是加上display:inline
ps：剛開始接觸這一工作的時候真的是不知道怎么回事，還以為是各個瀏覽器之間的解釋不同，制作的時候只能小心意義的以ie6的寬度來定義，可惜ff 和ie經(jīng)常預(yù)覽效果不一致，被某些人抓住不放，當(dāng)時很是氣氛和郁悶，一氣之下瘋狂百度和谷歌，可惜那時候抓不住關(guān)鍵詞，走了不少彎路才找到問題答案，好在現(xiàn)在解決了。

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

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

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

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

text-align:center;

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

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

p{

text-align:left;

}

真正完全遵循規(guī)范的瀏覽器并不會改變?nèi)萜鞯奈恢?，可以想象這條附加的規(guī)則將帶來一些不便。另外。而只會讓其中的文字居中顯示。

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

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

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

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

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

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