快速編輯源代碼
快速編輯源代碼
實驗要求:
通過實驗,了解網(wǎng)頁源代碼編寫結(jié)構(gòu)機利用Dreamweaver查看網(wǎng)頁自動生成的源代碼,掌握HTML的常用標記及對網(wǎng)頁中的代碼進行增加和修改。
說明:網(wǎng)頁就是HTML的文件,只是在Dreamweaver中把HTML可視化的視圖文檔,它由眾多的HTML標記對組合而成,通常使用<標簽名>標簽名>來表示代碼的開始和結(jié)束;HTML是網(wǎng)頁的超文本標記語言,是一種用來制作超文本文檔的簡單標記語言,在Dreamweaver MX 編輯網(wǎng)頁中,HTML代碼會自動生成。
?對應知識點:
??插入HTML語言。
??修改和刪除多余的代碼。
??查找和替換
對應教材(Macromedia Dreamweaver MX2004 標準教程)的第十四章的內(nèi)容
實驗課時:1課時
實驗素材:
??網(wǎng)頁中使用的圖片(可使用配套光盤內(nèi)的exp20\sucai20文件)
實驗步驟:
????
1???? 啟動DreamweaverMX 2004 程序,選擇菜單“文件”->“新建”命令,打開“新建文檔”對話框。在對話框中“常規(guī)”標簽下選擇“類型”列表中的“基本頁”選項,創(chuàng)建HTML網(wǎng)頁。
2??? 創(chuàng)建頁面后,保存頁面到本地站點文件夾內(nèi),文件名稱為index.htm。如圖20-1所示。
? 說明:網(wǎng)頁中的源代碼是自動生成的,所以為了學習,我們先建立網(wǎng)頁,在網(wǎng)頁視圖窗口
中插入表格和圖像,然后打開代碼窗口對照生成的代碼進行比較和學習,這也是快速學習編輯代碼的有效方法。
非常好我支持^.^
(3) 100%
不好我反對
(0) 0%