Dreamweaver怎樣清理冗餘的網頁程式碼?

我們有時候為了方便起見,直接拿word來製作網頁,因為我們對word更加熟悉,排版更加方便,或者我們只是為了利用word內的圖片和文字。但是直接使用word生成的網頁會出現很多冗餘程式碼。我們都知道程式設計師應當儘量用簡潔的程式碼實現複雜的功能,接下來我們看看dw怎樣幫助我們減少冗餘程式碼。

步驟/方法

首先我們隨便開啟一個word文件,將其轉化htm網頁檔案。

Dreamweaver怎樣清理冗餘的網頁程式碼

點選開始,然後選擇另存為。就可以看到另存為的對話方塊。選擇儲存型別為單個檔案網頁。

Dreamweaver怎樣清理冗餘的網頁程式碼

接著我們可以看到生成了一個網頁檔案。

Dreamweaver怎樣清理冗餘的網頁程式碼

開啟你的dw,然後點選開啟。

Dreamweaver怎樣清理冗餘的網頁程式碼

我們就來到了開啟的對話方塊,我們選擇剛才生成的網頁檔案

Dreamweaver怎樣清理冗餘的網頁程式碼

這就是開啟的網頁檔案。

Dreamweaver怎樣清理冗餘的網頁程式碼

我們點選程式碼,來帶檔案的程式碼格式介面。

Dreamweaver怎樣清理冗餘的網頁程式碼

我們來帶程式碼的最後,看看這個檔案有2411行程式碼。一會清理完冗餘程式碼,我們再看看有多少行。

Dreamweaver怎樣清理冗餘的網頁程式碼

選擇命令,清理word生成的html。

Dreamweaver怎樣清理冗餘的網頁程式碼

選擇word 2000及更高版本。勾選所有的程式碼。這裡的選項不是把這些程式碼都刪除,而是要對這些程式碼進行整理,最後清理的效果是和原先檔案的效果是一樣的。所以,你可以放心的勾選所有的選項。

Dreamweaver怎樣清理冗餘的網頁程式碼

點選確定以後,我們看到了這個反饋的對話方塊,告訴我們刪除了多少內容。

Dreamweaver怎樣清理冗餘的網頁程式碼

接著點選確定,我們再來看看還有多少行程式碼。剛才是2411行,現在是1147行。

Dreamweaver怎樣清理冗餘的網頁程式碼

我們點選設計按鈕,看看是不是效果有變化。恩,和一開始沒有整理過的效果是一樣的。通過我們的整理,你的網站的下載速度會大大提升。

Dreamweaver怎樣清理冗餘的網頁程式碼

圖片, 網頁, 程式碼, 冗餘, word,
相關問題答案