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


 
1.1網(wǎng)頁(yè)風(fēng)格一
 
這里的網(wǎng)頁(yè)風(fēng)格統一主要包含兩層含義第一種，就是網(wǎng)頁(yè)的整體風(fēng)格統一，每個(gè)網(wǎng)頁(yè)從外觀(guān)上，欄目設計上有相似之處。當然，有個(gè)別的一、二個(gè)特色網(wǎng)頁(yè)，為了起到強調突出作用，脫離整體風(fēng)格，有時(shí)會(huì )起到吸引瀏覽者的效果。但是這種突出一定要精心設計，一旦失敗，就會(huì )給網(wǎng)絡(luò )用戶(hù)留下網(wǎng)頁(yè)質(zhì)量低劣的印象。第二種，就是網(wǎng)頁(yè)的美化風(fēng)格要跟主體統一。舉例來(lái)說(shuō)，京劇的美化風(fēng)格就適合古韻古香，用一些招滾、重金屬的圖片等素材進(jìn)行美化，就是一種不統一的應用。美化過(guò)程是為了兩者風(fēng)格統一才讓網(wǎng)頁(yè)表現更加協(xié)調。
 
1.2主題鮮明突出，內容翔實(shí)
 
美麗的網(wǎng)頁(yè)吸引的是網(wǎng)絡(luò )用戶(hù)第一眼的印象，能夠讓用戶(hù)長(cháng)期使用，長(cháng)期瀏覽的是不斷更新的用戶(hù)們關(guān)注的網(wǎng)站的主要內容。所以制作網(wǎng)站之前，一定要準確定位。網(wǎng)站的方向是什么?是提供大量信息資源的門(mén)戶(hù)網(wǎng)站，還是側重于某些專(zhuān)業(yè)知識的論壇，又或許是互動(dòng)平臺如此等等，不一而足。定位后就要進(jìn)行材料的收集與分類(lèi)，提供用戶(hù)感興趣的專(zhuān)欄。
 
1.3網(wǎng)頁(yè)設計避免過(guò)于花哨
 
長(cháng)期被網(wǎng)絡(luò )用戶(hù)關(guān)注的網(wǎng)站，絕大多數都并不花哨。這是有一定原因的。吸引大量網(wǎng)絡(luò )用戶(hù)，長(cháng)時(shí)間關(guān)注與瀏覽，不可避免的有一個(gè)視覺(jué)疲勞的問(wèn)越。如果顏色過(guò)亮，設計過(guò)于花俏，視覺(jué)疲勞就會(huì )很早發(fā)生，這就會(huì )流失大量的瀏覽者。
 
2.網(wǎng)站、網(wǎng)頁(yè)常用設計工具簡(jiǎn)介
 
針對簡(jiǎn)單的靜態(tài)網(wǎng)頁(yè)來(lái)說(shuō)，網(wǎng)頁(yè)三劍客是使用最為方便，高效完成完成網(wǎng)頁(yè)設計的工具網(wǎng)站設計過(guò)程中，常常要使用圖片，對圖片進(jìn)行細致設計的常用軟件無(wú)疑首選， photshop它的CS版本還特意推出了網(wǎng)頁(yè)制作功能，為網(wǎng)頁(yè)制作提供便走的服務(wù)。但是目前靜態(tài)網(wǎng)頁(yè)己經(jīng)不能滿(mǎn)足網(wǎng)站的需求，任何的網(wǎng)站都應該實(shí)現數據交互的功能。所以后臺數據庫管理系統不可或缺，日前使用較多的有 Oracle系列Sgl系列、 dbase系列等等。值得一提的是針對小型網(wǎng)站， Mysql t也是一個(gè)不錯的選擇。前臺開(kāi)發(fā)的高級語(yǔ)言主要有C#、JAVA，當然PHP即本應用也占有一定市場(chǎng)份額。特效腳本常見(jiàn)的有 Javascipt、 vbscript。
 
3.網(wǎng)站設計的主要模塊
 
網(wǎng)站設計從功能角度出發(fā)，要了解用戶(hù)需求，實(shí)現網(wǎng)站平臺的主體功能，實(shí)行網(wǎng)頁(yè)的基本框架。要通過(guò)高級語(yǔ)言或者腳本語(yǔ)言實(shí)行前臺設計，要與數庫合作進(jìn)行數據存儲與互聯(lián)，后期要進(jìn)行美工美化過(guò)程，讓網(wǎng)頁(yè)更加美觀(guān)，便于瀏覽給用戶(hù)舒適感。要搭建網(wǎng)站需要的服務(wù)器。
 
4.網(wǎng)站設計中的技術(shù)與算法
 
網(wǎng)站設計要通過(guò)編碼實(shí)現，針對功能不同的網(wǎng)站要配合相應算法實(shí)現，將算法通過(guò)代碼進(jìn)行設計，完成網(wǎng)站提供的功能。例如，在線(xiàn)測評系統，就會(huì )要求對評測的網(wǎng)站平臺提供合理的出卷策略模塊，我們就可能要使用遺傳算法，進(jìn)行試卷試難度的控制與試題范圍的覆蓋。再比如網(wǎng)購平臺網(wǎng)站的設計，很多平臺通過(guò)用戶(hù)瀏覽的商品信息，進(jìn)行用戶(hù)身份信息以及可能需要的商品信息的分析，從而推薦自身認為用戶(hù)可能會(huì )購買(mǎi)的產(chǎn)品，以增加網(wǎng)站產(chǎn)品銷(xiāo)售量。這就需要在用戶(hù)搜索中，進(jìn)行搜索記錄和算法分析，相關(guān)算法較多，這里簡(jiǎn)單推薦協(xié)同過(guò)濾算法，以及在搜索中判斷重要程度的 pagerank算法。
 
瀏覽器的兼容技術(shù)問(wèn)越:流的瀏覽器主要包括 Firefox、 Opera、 chrome、E、 safan等，不同的瀏覽器使用的瀏覽器內核不一樣導致不同測覽器對網(wǎng)頁(yè)的解析不一致，因此導致網(wǎng)頁(yè)展示出現差異，例如出現排版不正確字體大小不一致、圖片展示有差異等，這被稱(chēng)為“測覽器兼容性”因此，網(wǎng)站開(kāi)發(fā)者不斷研究網(wǎng)頁(yè)標準，讓用戶(hù)可以在任意瀏覽器中瀏覽同一個(gè)頁(yè)面達到一樣的效果。瀏覽器對含小數值的像素解析不一致。每一個(gè)瀏覽器對于含小數值的像素解析都存在不一致的地方。例如1.9 px. Firefox/ Google Chrome/Opera/E8取值為12px正E67/ Safan會(huì )取值為1 Ipx: IE9以上的版本會(huì )直接解析為119px:在做網(wǎng)頁(yè)兼容的時(shí)候，要是遇到在E67/ safar中設置文字大小為11px可以使用該方法，直接把文字大小設置為11.8就可以達到日的了。這樣還可以省下一個(gè) CSS HACK.PX、HM和REM的使用對網(wǎng)頁(yè)版面的影響。PK是絕對單位，而是相對單位，在設置字體大小的時(shí)候，最好使用EM:當用正調整網(wǎng)頁(yè)自由編放的時(shí)候，PK不會(huì )做出任何的反應，而EM則可以隨著(zhù)頁(yè)面的縮放而縮放，默認的1em=16px；而EM是相對值，會(huì )繼承其父級元素的字體大小，如果全局變量中設置了“ body(font-size:l2px}個(gè)相對單位，REM就是根 EMREN是相對于 則1em=12px；而REM是一個(gè)CS3新增的一HIML的根元素，網(wǎng)站設計只要調整根元素的大小就可以調整一個(gè)頁(yè)面的字體大小，并且該屬性正8以上的版本都可識別，包括其他瀏覽器都能支持。