- 相關(guān)推薦
如何使用Dreamweaver方便快捷編輯網(wǎng)頁標簽
不知各位是否有手寫代碼的習(xí)慣。例如：要在一個單元格插入一段CSS代碼，或者一段Javascript代碼，怎么做才比較快捷方便呢？下面是小編為大家?guī)淼年P(guān)于如何使用Dreamweaver方便快捷編輯網(wǎng)頁標簽的知識，歡迎閱讀。
如何使用Dreamweaver方便快捷編輯網(wǎng)頁標簽
雖然Dreamweaver已經(jīng)為我們提供了代碼視圖，可是必竟還要手工去查找，還要來回地切換。雖然也可以用代碼視圖與編輯視圖并存的方式，但還要占用一半的屏幕空間，使本來便不大的編輯區(qū)域更顯得擁擠。有沒有更好的辦法呢？答案是肯定的。
下面我們以Dreamweaver 8為例，假設(shè)大家Dreamweaver面板布局都為默認的布局方式。查看一下屬性面板的上方是否有一行小標簽。（如果您用的不是MX，標簽在狀態(tài)欄中）例如：你新建一個空白的HTML文檔，上面的小標簽應(yīng)該為＜body＞。請看下圖：
圖上畫紅框的'地方，就是我們今天的主角了。我們先看一下“環(huán)繞標簽”。在頁面上隨便打入幾個字，選中它們，在右鍵菜單中選擇“環(huán)繞標簽”，在彈出的環(huán)繞標簽對話框中輸入“＜strong＞”（不包括引號），然后回車。之前被選中的文字是不是已經(jīng)變成粗體了，到源代碼看一下，我們所選中的文字是不是已經(jīng)被＜strong＞標簽包圍了？大家可以試著再加入其它的一些標簽，如：＜a＞，＜p＞。這里也可以直接輸入屬性。如：＜p style="color:#CC0000"＞。這里僅大概說明一下，如有疑問，請查看Dreamweaver的幫助。
下面說一下標簽選擇器的應(yīng)用方法。
我們將光標移動到剛才加粗的文字里，會發(fā)現(xiàn)在＜body＞的后面多了個＜strong＞。這就是說光標所在處的這些文字的外面有＜strong＞的標簽，在＜strong＞標簽外有＜body＞標簽。下面大家再添加一個表格，把光標移動到表格內(nèi)，看看標簽的結(jié)構(gòu)。相信對HTML有些基礎(chǔ)的朋友都應(yīng)該很容易理解的。
假設(shè)我們現(xiàn)在要插入一個表格，并將這個表格用CSS來將它下移10個象素。先插入一個表格，然后交光標移動到表格內(nèi)。這時在標簽選擇器上應(yīng)該可以看到這樣的字樣＜body＞＜table＞＜tr＞＜td＞。然后在table標簽上點鼠標右鍵，會看到有四個選項。刪除標簽、編輯標簽、設(shè)置類、設(shè)置ID。
刪除標簽：即是將標簽刪除。（有一些特殊的標簽是不能刪除的。例如：＜table＞、＜tr＞、＜td＞、＜body＞...)
編輯標簽：給標簽附加屬性、修改屬性等。
設(shè)置類：給這個標簽附予一個類。（即CSS的類別）
設(shè)置ID：給這個標簽附予一個ID。（即CSS的ID）
在這里，我們選擇編輯標簽，然后在后面加上屬性style="margin-top:10px"和正常書寫源代碼的方式是一樣的。然后按下回車。就完成了編輯。如果在Dreamweaver里看不到效果，請用瀏覽器預(yù)覽。
還有另外一種方法，也許你會喜歡。選擇窗口→標簽檢查器當(dāng)你選擇某一個標簽后，這里會顯示出當(dāng)前選擇標簽的所有屬性。也可以很快地在這里進行編輯。在這里輸入的屬性不用包括引號，編輯后按回車確定。
【如何使用Dreamweaver方便快捷編輯網(wǎng)頁標簽】相關(guān)文章：
如何使用Dreamweaver設(shè)計網(wǎng)頁06-24
Dreamweaver中如何使用模板的創(chuàng)建與編輯07-09
如何學(xué)習(xí)使用Dreamweaver06-14
dreamweaver如何設(shè)計網(wǎng)頁10-26
Dreamweaver如何制作網(wǎng)頁模板07-22
Dreamweaver如何制作網(wǎng)頁設(shè)計07-02
如何使用dreamweaver的模板功能11-03
在Dreamweaver中如何使用模板08-27