DIV CSS 佈局教程網

網頁制作點滴
編輯:Dreamweaver相關     
一個知名網站的Master曾經告訴我“網上無菜鳥,這是名言。”的確,一向自命不凡的我自從上網之後才看到原來高手如森啊(注意,不是筆誤,而是筆者覺得“森”比“林”還多一個“木”)!在網上的一年多來,做得最多的可能就是浏覽網頁(廢話)和制作網頁了,於是,我又發現眾多網頁中的制作水平可也真是良莠不齊,有的內容不錯,可是結構設計得不好;有的圖片很多,顏色靓麗,可卻華而不實,沒什麼有價值的內容。所以特總結一下網頁制作的點點滴滴奉獻大家,旨在拋磚引玉,希望能夠給大家一些啟示,讓我們共同創造美好的網上世界吧……(哎呦!那兒來的香蕉皮?)

(一)稱手的工具
工欲善其事,必先利其器。好在現在提供給我們制作用的工具有很多,主動權在我們手中(人做任何事首先要主動……哦,這不是我們討論的范疇),尤其是那些所見即所得的網頁設計工具更讓初學者容易上手,不用去為那些不太好記的HTML語言多用腦細胞了。譬如壟斷了很大計算機系統軟件的市場份額的微軟公司的FrontPage系列,從隨系統附加的FrontPage Express到目前的FrontPage 2000已經被歸為桌上辦公軟件而集成到Office 2000中了。另外,就是給人很Cool的感覺的Macromedia Dreamweaver系列,3.0的試用版已經可以從網上下載使用了,它給人最大的吸引力就是引入“Layer”和“Time Line”的概念,可以很容易地做出時下流行的所謂動態主頁,另外再用Macromedia Flash加以配合就更……(不說了,人家以為我收了Macromedia的美金了呢。)再有就是那些體積很小的非所見即所得的軟件了,如Hot Dog(別流口水啊,不是紅腸面包)、與CuteFTP捆綁的CuteHTML等都是不錯的網頁編輯軟件,不過使用這些軟件要求網頁制作者對HTML語言掌握的程度的就要高一點了,大家可根據自己的情況選擇這些軟件來用。根據我的經驗,最好是了解多個軟件的使用方法,讓它們攜手幫你做出出眾的網頁。
有了這麼多的軟件可以選擇,自然要想到的問題就是“兼容性問題”。所以,Continue……

(二)兼容性很重要
以前,在IE和NC競爭激烈的時代,網頁效果的兼容性是制作網頁的人比較頭疼的問題(目前仍存在這個問題)。可是,自從NC在商業運作上的失敗(失敗是相對的,其實很多人還是很衷情於NC的)之後,大家對IE更加趨之若鹜了。即使這樣,作為網頁的編輯者,兼容問題還是應該在編寫的時候應該加以考慮的,這是素質!譬如文本的格式、圖片的插入、各種javascript或VBScript等嵌在網頁中的程序都存在著兼容與否的問題。不僅是各種浏覽器之間的兼容,即使是同一種浏覽器,不同的版本也存在著這個問題。解決問題的辦法很簡單,但是很麻煩,那就是—調試!不斷地在浏覽器之間調試和做取捨,如果是同一種浏覽器,不同的版本之間的調試的原則就是:盡量寫向下兼容的源代碼。
說到這裡,可能我又要挨香蕉皮了,因為有人會說:現在的浏覽器那麼多,如何面面俱到啊?對了,這就是我下面要說的,如果對自己的作品沒有足夠信心的話就在網頁中注明:用什麼浏覽器、解析度是多少、字體調整到多大才能得到最佳浏覽效果等等,這樣才算對浏覽者負責任。不過需要說明一點的是,我們如果經常拜訪國外的網站的話,就會發現,老外們編寫的網頁很少有這種說明,原因嘛……不說自明,大家還要努力啊!


(三)內容是靈魂
努力的方向有很多,所有相關技術都不應忽視,不過我還要說:網頁中的內容是靈魂。華而不實的網頁是不會有很高的訪問量的(除非作者在代表訪問量的數字上作弊,不過那就更說明問題了),這純粹是浪費寶貴的網絡資源。
那麼究竟應該做些什麼內容呢?其實也沒有可遵循的一成不變的原則,理論上,只要不違反國家的法律,不違反人們基本的道德標准的內容都可以做到網頁中去(說實話,與之相背的內容也大大的有啊),可是誰願意自己辛辛苦苦做的東西無人喝彩呢?所以,我的建議是:1)做比較專一的內容。現在的大多數網站幾乎都是“包羅萬象”。初看來,什麼內容都有,真是全面,可想深究眾多方面中的某一個的時候,卻找不到自己想要的內容了。試想,如果我們將自己最擅長的某種知識或技術等內容做到網頁中,建立一個很“專”的站點,那麼一旦有訪問者第一次在這裡一下子就找到了他想找的內容的話,那麼下次如果再有這方面的需求,是不是首先會想到你的站點了呢?所以這個原則比較適合那些想做某些服務性強的網頁的人。2)如果是純粹的個人網頁,那麼就一定要突出自身的個性,甚至是個性的張揚。除了那些別人都有的之外,自己還要融入一些自身的特點,想做個人網頁、想讓別人對你感興趣、想在網上有一番作為,那就一定要有“絕招”。不然,網頁即使做得很漂亮—哪怕“白裡透紅”,也未必“與眾不同”。

(四)減肥減到我心痛
說起漂亮,現代人的觀點好像是以瘦為美,那麼怎麼讓自己的網頁也“美”起來呢?
初做網頁的時候,一定有人發現,原來自己很長時間以來,傾注心血、培養感情、廢寢忘食(有這麼嚴重嗎)的成果,居然是個“楊貴妃”,動辄好幾兆,甚至十幾兆,甚至幾十兆,甚至……(不敢想了)一般,對申請免費主頁空間的人來說,空間不是問題(大不了多申請幾個,然後互聯呗),可上傳的時間是漫長的呀!電話費多掏點不算,碰上擁擠的時候,萬一斷了線,可就前功盡棄了。所以,“減肥工作”一定要做,不搾干水分就誓不罷休,一方面為自己方便,更重要的是為浏覽者著想。當然,也不能一味地去減,要有原則和技巧。
首先,圖片是最“肥”的,即使是高壓縮率的JPG格式和低色彩的GIF格式也有水分可減的。由於網上主要是注重信息的傳遞,所以質量達到能讓浏覽者看清楚就可以了,高解析度是沒有太多必要的(提供給浏覽者下載的圖片除外)。一般來說,做網頁中的圖片的時候,我們都會用到Photoshop之類的軟件,那麼用這些軟件出圖之後,我們還應再使用JPEG Optimizer這類軟件再對其進行再壓縮,一般情況下還能壓縮掉30%~50%左右的容量。其次是前面提到過的javascript和VBScript等嵌在網頁中的程序,這些程序有的是實現交互功能的,有的是提供頁面特效的,無論是什麼程序,我們都應做到適可而止,不然,也會影響浏覽時的網頁下載速度。再有就是網頁本身的HTML源代碼的減肥了,尤其是使用所見即所得的網頁編輯軟件之後,很容易存在冗余的代碼,要知道,代碼長度和下載時間是成正比的呦。

好了,以上就是我要說的做網頁的時候應該注意的一些方面。當然,做網頁要考慮的東西遠不止這些,大家應該在實踐中不斷地摸索和積累經驗和技術,讓我們都能做出精彩的作品來裝飾起網絡—這一世紀的寵兒!

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved