現(xiàn)在互聯(lián)網(wǎng)發(fā)展迅猛,幾乎每個企業(yè)都有了自己的企業(yè)網(wǎng)站。企業(yè)的網(wǎng)址幾乎和企業(yè)熱線電話一樣,成了企業(yè)必備的展示信息。網(wǎng)站的頁面設計業(yè)體現(xiàn)了企業(yè)的形象,網(wǎng)站內容表達了企業(yè)的內涵,介紹和產(chǎn)品。大家看到的都是網(wǎng)站的界面啊,設計啊,內容啊,但是幾乎很少有人想過注意過,網(wǎng)站的這個樣子是怎么做出來的?
實際上,網(wǎng)站界面不同于咱們看到的紙質宣傳畫,網(wǎng)站內容更不同于咱們平時編輯的word文檔。網(wǎng)站的樣子是基于超文本標記語言html進行編寫的。所有瀏覽器都是遵循過國際上通行的w3c標準,所以大家在不同的瀏覽器上看到的頁面版式幾乎是相同的。網(wǎng)站剛在中國興起的時候,網(wǎng)站制作公司大都采用table來進行網(wǎng)站界面排版。簡單的講,就是把整個網(wǎng)站分割成大小形狀不同的很多小表格,在小表格里添加內容,增加樣式。雖然最終大家看到的界面感覺上是比較不錯的,但是實際上,整個頁面的html文件繁雜不堪,后臺修改和維護都很麻煩。而且瀏覽器加載的時候緩慢,在不同的瀏覽器下兼容也容易出現(xiàn)問題,F(xiàn)在市面大部門老的網(wǎng)站,或者不專業(yè)的網(wǎng)站建設公司,都還保留著table進行網(wǎng)站排版的做法。
近幾年來,國際上為了方便網(wǎng)站排版的簡潔性和實用性,形成了div+css進行網(wǎng)站排版的模式。div等標簽只是用來標記頁面不同元素之間的所屬關系,css則進行元素的大小定義,背景設置,樣式選擇。這樣,div等元素保留的html頁面上,css有專門的css文件專門存放。這樣,頁面就顯得干凈利索,后臺維護和修改異常容易。源碼給其他人維護時,也不會出現(xiàn)太多交接問題,因為div+css對于每個專業(yè)人士來講都是很標準化的東西。我們公司一直堅持使用div+css進行手工網(wǎng)站排版,源碼清晰明了,瀏覽器加載快,搜索引擎蜘蛛容易爬行。每個網(wǎng)站上線前,我們進行不同瀏覽器的兼容測試,最大質量的保證了網(wǎng)站頁面排版的品質。