企業(yè)網站設計的原則和技術

發(fā)布：2019-01-19 18:53:33 瀏覽：5767

1.網站設計的原則

一個成功的網站是多方面的精心設計與努力完成的，但是到瀏覽者的面前，這些都如同一個匣子，瀏覽者最為關注的就是網站的內容是否吸引他，網站中顯示的網頁是否美觀觀看是否具有舒適感。網站設計中的基本原則標準實際就是為瀏覽網頁的網絡用戶提供便捷優(yōu)質服務。

1.1網頁風格一

這里的網頁風格統(tǒng)一主要包含兩層含義第一種，就是網頁的整體風格統(tǒng)一，每個網頁從外觀上，欄目設計上有相似之處。當然，有個別的一、二個特色網頁，為了起到強調突出作用，脫離整體風格，有時會起到吸引瀏覽者的效果。但是這種突出一定要精心設計，一旦失敗，就會給網絡用戶留下網頁質量低劣的印象。第二種，就是網頁的美化風格要跟主體統(tǒng)一。舉例來說，京劇的美化風格就適合古韻古香，用一些招滾、重金屬的圖片等素材進行美化，就是一種不統(tǒng)一的應用。美化過程是為了兩者風格統(tǒng)一才讓網頁表現(xiàn)更加協(xié)調。

1.2主題鮮明突出，內容翔實

美麗的網頁吸引的是網絡用戶第一眼的印象，能夠讓用戶長期使用，長期瀏覽的是不斷更新的用戶們關注的網站的主要內容。所以制作網站之前，一定要準確定位。網站的方向是什么?是提供大量信息資源的門戶網站，還是側重于某些專業(yè)知識的論壇，又或許是互動平臺如此等等，不一而足。定位后就要進行材料的收集與分類，提供用戶感興趣的專欄。

1.3網頁設計避免過于花哨

長期被網絡用戶關注的網站，絕大多數(shù)都并不花哨。這是有一定原因的。吸引大量網絡用戶，長時間關注與瀏覽，不可避免的有一個視覺疲勞的問越。如果顏色過亮，設計過于花俏，視覺疲勞就會很早發(fā)生，這就會流失大量的瀏覽者。

2.網站、網頁常用設計工具簡介

針對簡單的靜態(tài)網頁來說，網頁三劍客是使用最為方便，高效完成完成網頁設計的工具網站設計過程中，常常要使用圖片，對圖片進行細致設計的常用軟件無疑首選，photshop它的CS版本還特意推出了網頁制作功能，為網頁制作提供便走的服務。但是目前靜態(tài)網頁己經不能滿足網站的需求，任何的網站都應該實現(xiàn)數(shù)據(jù)交互的功能。所以后臺數(shù)據(jù)庫管理系統(tǒng)不可或缺，日前使用較多的有Oracle系列Sgl系列、dbase系列等等。值得一提的是針對小型網站，Mysqlt也是一個不錯的選擇。前臺開發(fā)的高級語言主要有C#、JAVA，當然PHP即本應用也占有一定市場份額。特效腳本常見的有Javascipt、vbscript。

3.網站設計的主要模塊

網站設計從功能角度出發(fā)，要了解用戶需求，實現(xiàn)網站平臺的主體功能，實行網頁的基本框架。要通過高級語言或者腳本語言實行前臺設計，要與數(shù)庫合作進行數(shù)據(jù)存儲與互聯(lián)，后期要進行美工美化過程，讓網頁更加美觀，便于瀏覽給用戶舒適感。要搭建網站需要的服務器。

4.網站設計中的技術與算法

網站設計要通過編碼實現(xiàn)，針對功能不同的網站要配合相應算法實現(xiàn)，將算法通過代碼進行設計，完成網站提供的功能。例如，在線測評系統(tǒng)，就會要求對評測的網站平臺提供合理的出卷策略模塊，我們就可能要使用遺傳算法，進行試卷試難度的控制與試題范圍的覆蓋。再比如網購平臺網站的設計，很多平臺通過用戶瀏覽的商品信息，進行用戶身份信息以及可能需要的商品信息的分析，從而推薦自身認為用戶可能會購買的產品，以增加網站產品銷售量。這就需要在用戶搜索中，進行搜索記錄和算法分析，相關算法較多，這里簡單推薦協(xié)同過濾算法，以及在搜索中判斷重要程度的pagerank算法。

瀏覽器的兼容技術問越:流的瀏覽器主要包括Firefox、Opera、chrome、E、safan等，不同的瀏覽器使用的瀏覽器內核不一樣導致不同測覽器對網頁的解析不一致，因此導致網頁展示出現(xiàn)差異，例如出現(xiàn)排版不正確字體大小不一致、圖片展示有差異等，這被稱為“測覽器兼容性”因此，網站開發(fā)者不斷研究網頁標準，讓用戶可以在任意瀏覽器中瀏覽同一個頁面達到一樣的效果。瀏覽器對含小數(shù)值的像素解析不一致。每一個瀏覽器對于含小數(shù)值的像素解析都存在不一致的地方。例如1.9px.Firefox/GoogleChrome/Opera/E8取值為12px正E67/Safan會取值為1Ipx:IE9以上的版本會直接解析為119px:在做網頁兼容的時候，要是遇到在E67/safar中設置文字大小為11px可以使用該方法，直接把文字大小設置為11.8就可以達到日的了。這樣還可以省下一個CSSHACK.PX、HM和REM的使用對網頁版面的影響。PK是絕對單位，而是相對單位，在設置字體大小的時候，最好使用EM:當用正調整網頁自由編放的時候，PK不會做出任何的反應，而EM則可以隨著頁面的縮放而縮放，默認的1em=16px；而EM是相對值，會繼承其父級元素的字體大小，如果全局變量中設置了“body(font-size:l2px}個相對單位，REM就是根EMREN是相對于則1em=12px；而REM是一個CS3新增的一HIML的根元素，網站設計只要調整根元素的大小就可以調整一個頁面的字體大小，并且該屬性正8以上的版本都可識別，包括其他瀏覽器都能支持。