如今在互聯網行業掀起了一股網站制作的風潮,特別是移動互聯網時代,信息化建設早已成為人們耳熟能詳的焦條,Internet已經成為全球最大的咨詢信息庫,而成為傳播的載體網頁逐日被人們所關注,網站建設以及網頁設計已被人們逐日提到日程,因為互聯網用戶是數以億計的,其中蘊含的商機也是不可估量的。要想在互聯網上成為佼佼者,抓住技巧是關鍵。那網頁設計方面有哪些技巧?下面凡度北京網站設計公司小編給大家做以介紹。
一、能用css寫的,堅決不要用圖片
經驗告訴我們,首頁圖片很多的網站打開會很慢,一是因為圖片多,需要下載的文件體積就增大,二是每一個圖片下載都會對服務器有一個請求,增大了瀏覽器與服務端的交互次數,如果能把純色的部分用css來寫,而不因為省事直接切圖,就會極大提高網站的運行效率,我最早開始學習制作網站時,就想當然的認為怎么樣能加快制作速度就怎么來,于是把一個導航條的背景直接切成圖片,后來老板看到我寫的 html代碼,告訴我不能這么干,用div定義好寬和高設置背景色和邊框,一行代碼就搞定。如果遇到有漸變色的背景,可以沿著與漸變色相同方向切一個像素的條紋,用css中background的repeat-x或repeat-y來自動填充。
二、好的網站主題
在制定網站主題的時候千萬不能分散,網站主題越集中,這樣的網站提供的信息質量就會越高。同時還要有好的框架結構,網站網頁上的框架非常重要,如果設計的不好的話,網頁上就會非常散亂,訪客在尋找信息的時候會變困難。所以說設計師要掌握好框架結構的設計技巧,讓網頁變的清晰,脈絡分明。
三、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經常預覽效果不一致,被某些人抓住不放,當時很是氣氛和郁悶,一氣之下瘋狂百度和谷歌,可惜那時候抓不住關鍵詞,走了不少彎路才找到問題答案,好在現在解決了。
四、怎么樣才能讓層顯示在FLASH之上呢?
解決的辦法是給FLASH設置透明:
<param name="wmode" value="transparent" />
五、網頁將不能被另存為
<noscript> <iframe src= "/blog/*.html> "; </iframe> </noscript>
六、刪除時確認
<a href= "javascript:if(confirm( "確實要刪除嗎? "))location= "boos.asp?&areyou=刪除&page=1 " "> 刪除 </a>
七、使用text-align實現居中
將該屬性值設置為center并應用到bodi元素上即可。這種做法是徹頭徹尾的hack但它卻能兼容大多數瀏覽器,另一種實現元素居中的方法是使用text-align屬性。所以在某些情況下也自然必不可少。
而是應用到作為容器的元素上。這也給我帶來了額外的工作。創建好布局必須的div之后,之所以說它hack因為這種方法并沒有將文本屬性應用到文本上。要依照如下代碼為bodi應用text-align屬性:
body{
text-align:center;
}
之后會出現什么問題嗎?bodi所有子孫元素都會被居中顯示。
就需要用再寫一條網站中關鍵詞的排名優化規則,因此。讓其中的文本回到默認的居左對齊:
p{
text-align:left;
}
真正完全遵循規范的瀏覽器并不會改變容器的位置,可以想象這條附加的規則將帶來一些不便。另外。而只會讓其中的文字居中顯示。
八、網頁尺寸
網頁尺寸一般都在800*600這個范圍內,起初由于電腦屏幕尺寸的原因。目前隨著屏幕分辨率擴大,網頁的尺寸也開始調整到1000*900調整到這個尺寸目的就是為了考慮到讓搜索瀏覽者都能正常瀏覽網站。
九、網站顏色的使用與內容的建設
則會嚴重影響人們對網站的瀏覽,顏色的使用在網站建設(中起著非常關鍵的作用。勝利的顏色搭配可以讓人過目不忘;失敗的顏色搭配選擇。視覺不舒服,就算你內容再好,受眾也沒有看下去的興趣,又如何談網站建設的好壞和后期的網絡推廣呢?
十、利用導航取得統一
導航是網站的一項重要組成部分,一個出色的富有企業特性的導航將會給人留下深刻的印象,比如將標志的形態寓于導航之中,或將導航設計在整個網站布局之中等等不一而足,花點力氣在導航上,也會設計出一個出色的站點。
十一、首頁設計技巧
網站首頁是企業網上的虛擬門面,在此,提醒上網的企業注意自己門面的設計,決不能敷衍了事、馬馬虎虎。我們會經常看到印刷精美的產品目錄或廣告,當您屢屢看到那些印有產品目錄或廣告的精美印刷制品的時候,相信您或多或少會對有關的產品形成一種好感,即使您不會購買,也必然對這些產品形成一定程度的認同。而對于設計毛糙的宣傳品,您肯定會懷疑其內容的真實性,從而對其產品或服務產生質疑。好,現在說說網站的設計,相信您會同意這種說法:網站的頁面就好比是“無紙的印刷品”。既然如此,我們會因此而得出一個結論:精良和專業網站的設計,如同制作精美的印刷品,會大大刺激消費者(訪問者)的購買欲望,反之,您公司所提供的產品或服務將不會給消費者(訪問者)留下較好的印象。值得一提的是,除非您的企業有專業的網站規劃、設計人員,否則您最好找專業公司或專業人員為您設計制作,一個優秀的專業設計人員會很快明白您的意圖,并根據您的建站目的提出建設性的意見。
十二、漸變
技術的發展為所有想使用漸變的人提供了各種創造漸變的工具。但漸變真的很好么?
Media Temple 網站的每一個頁面都使用了漸變,不過其漸變使用的節制和精妙才是設計成功的關鍵。logo,大標題,按鈕和背景都有細微的或者鏡像的漸變,以強調內容。最復雜的漸變用在了那些簡單的120像素寬的按鈕(子頁面中的“ACTIVATE”和“LEARN MORE”)上,因為它們是需要訪客注意的重點。
Commission Junction的漸變運用遠沒有Media Temple的細致,而且采用了過于豐富的漸變類型:
從黑色到灰色的水平線性漸變,位于頁面頂部 頁眉處的綠色徑向漸變 登陸框背景的“CJ” 標志上方模糊的斜向漸變 輸入框背景中淡淡的垂直線性漸變 導航條背景的垂直漸變 Webinar廣告中明亮的線性漸變 另一個垂直線性減弱,用在了大標題處 這種設計有點冒險,大部分漸變式有用的,但還是存在一些問題。最突出的一點是,設計喪失了一致性。同選擇可辨性強的色彩組合一樣的道理,設計師也需要為每個項目選擇合適的漸變組合。
例如,大的水平漸變(1)引導眼睛橫向注視頁面。這本沒有什么問題,但就在此漸變的正下方又出現了把視線吸引到中心的徑向漸變(2)和把視線引導到右下角的斜向漸變(3)。這會給訪客造成困擾,起伏變化的視覺流(visual flow)也削弱了可讀性。
使用漸變時,保證好的視覺流很重要:請保守而精致地使用漸變。最重要的一點,僅當對整體設計有幫助時才使用漸變。
在北京網站制作的時候,需要結合網站本身的特點,提煉出自己的經營理念,擺脫低層次的網站運行模式,網站作為一個企業就必須在不斷的發展壯大的時候,結合自身的文化特色,提煉出一些深層次的東西、技巧,而這些東西就是企業的靈魂,很多世界知名品牌都有自己的獨特的經營理念。這樣就給網頁設計師提出了更高的要求,要求他們能夠深入的了解網站,同時將自己融入的到網站中,不斷的發掘具有閃光性的東西,同時找到合適的表達方式來加以強化。