|
網(wǎng)站建設(shè)是指使用標(biāo)識語言(markup language),通過一系列設(shè)計、建模、和執(zhí)行的過程將電子格式的信息通過互聯(lián)網(wǎng)傳輸,最終以圖形用戶界面(GUI)的形式被用戶所瀏覽。簡單來說,網(wǎng)頁設(shè)計的目的就是產(chǎn)生網(wǎng)站。簡單的信息如文字,圖片(GIF,JPEG,PNG)和表格,都可以通過使超文件標(biāo)示語言、可擴展超文本標(biāo)記語言等標(biāo)示語言放置到網(wǎng)站頁面上。 對于Dreamweaver這個廣大用戶早有聽聞的網(wǎng)頁編輯工具,除功能強大外,Dreamweaver一向被推崇為同類網(wǎng)頁編輯軟件中產(chǎn)生垃圾代碼最少、保持原本網(wǎng)頁代碼最好的網(wǎng)頁編輯器。在我們的使用中也證實了這一點,它確是所見即所得的網(wǎng)頁編輯軟件中在這方面最出色的。我們現(xiàn)在就來說說用Dreamweaver如何防止及消除垃圾代碼的產(chǎn)生的。
一、防止產(chǎn)生垃圾代碼 Dreamweaver一般是不會使網(wǎng)頁任意添加不必要的HTML代碼的,但在編輯網(wǎng)頁時的一些不正規(guī)的操作也會使到一些不必要的代碼遺留,所以在編輯過程中應(yīng)盡量避免或減少以下操作: 1.避免網(wǎng)頁架構(gòu)過于復(fù)雜。在規(guī)劃網(wǎng)頁時,我們使用到表格,應(yīng)盡量尋求最簡單的表格格式,不要把表格搞到非常復(fù)雜。有可能的也應(yīng)在表格內(nèi)部減少表格的嵌套,不要嵌套得太多。 2.在網(wǎng)頁上過度頻繁地移動圖片,文本或者其它對象,這樣也會產(chǎn)生一些不必要的代碼,故應(yīng)減少頻繁的移動圖片,文本或者其它對象。 3.一定要避免文本交錯使用樣式。這里指的文本交錯使用樣式是指如下情況:如有一文本為“編輯網(wǎng)頁時的一些不正規(guī)”,我們對“編輯網(wǎng)頁”使用了某一樣式,在后來修改時,改為要對“編輯網(wǎng)頁時的一些不正規(guī)”這段文字使用樣式,若在不取消原先使用的樣式就直接為這段文本再加上樣式,只要你點幾下樣式,它就會重復(fù)幾次加上同一定義樣式的代碼。所以一定要避免這種情況出現(xiàn)。 4.避免對象格式定義的重復(fù)。即避免對一已繼承上級對象格式的對象再定義相同的格式這種無用的操作。 5.我們在對同一對象的格式或樣式的定義作多次修改也會產(chǎn)生不必要的代碼。所以在修改對象的格式或樣式時應(yīng)先取消它原先定義的格式,再定義。如:我們對一文本加粗及加上一樣式,后來又加斜,再用另一樣式時,這就會使到第一次應(yīng)用的已無用的樣式代碼遺留下來。且這種不必要的代碼是無法用后面消除不必要代碼的方法消除,只能人手對頁面源代碼作消除。
二、清除產(chǎn)生的垃圾代碼 雖然在編輯中我們好努力去防止不必要的代碼的產(chǎn)生,但還是會有防止不到的情況出現(xiàn)。而這些不必要的代碼會影響網(wǎng)頁的下載速度和網(wǎng)頁的兼容性,所以,在編輯完網(wǎng)頁后,必須手動清除它們。 在Dreamweaver中,點選菜單Commands/Clean Html...開啟/Clean Up Html視窗,在視窗Remove項有五個選項來清除不需要的代碼:Empty Tags(空標(biāo)簽);Redundant Nested Tags(多余的嵌套標(biāo)簽);Non-Dreamweaver HTML Comments(非Dreamweaver格式的注釋);Dreamweaver HTML Comments(Dreamweaver注釋);Specific Tag(s)(指定的標(biāo)簽),一般我們選取前四個選項,接著按確定就行了。我們還可以選取第五個選項Specific Tag(s),指定我們要清除的垃圾代碼。 對于把WORD格式轉(zhuǎn)換成HTML文件,你可以點選菜單Commands/Clean Up Word Html...開啟Clean Up Word Html視窗來清除轉(zhuǎn)換中所帶來的多于標(biāo)簽。 大多數(shù)人在上網(wǎng)的時候,都會瀏覽網(wǎng)頁提供給我們的信息。
|