網(wǎng)站制作教程模板無(wú)憂>建站教程>網(wǎng)站制作教程>Dreamweaver教程>

新手入門(mén)：利用DW8掌握網(wǎng)頁(yè)代碼基本格式_Dreamweaver教程

教程Tag：暫無(wú)Tag,歡迎添加,賺取U幣!

　　說(shuō)到代碼，有人會(huì)問(wèn)：不懂代碼能不能制作網(wǎng)頁(yè)？答案是肯定的。有些人不懂代碼同樣能制作出非常好的網(wǎng)頁(yè)。

　　在Dreamweaver的設(shè)計(jì)窗口中你每增加或改變一項(xiàng)內(nèi)容，會(huì)自動(dòng)生成相應(yīng)代碼。那又產(chǎn)生另一個(gè)問(wèn)題：為什么要了解或者熟悉代碼呢？可以說(shuō)熟悉代碼將會(huì)使你如虎添翼，能使你的網(wǎng)頁(yè)錦上添花。超文本標(biāo)識(shí)語(yǔ)言（HTML）為滿足更多的需要，增加了許多擴(kuò)展功能。主頁(yè)制作者經(jīng)常使用Java Applet（小程序）、內(nèi)嵌腳本、插件和其它擴(kuò)展的HTML功能，充分發(fā)揮自己的想像力，就能設(shè)計(jì)出布滿魅力的主頁(yè)來(lái)。

　　而有些效果的制作只能通過(guò)編輯代碼來(lái)完成，或者通過(guò)編輯代碼相對(duì)輕易一些。有好多網(wǎng)友在論壇里提問(wèn)說(shuō)本站提供的網(wǎng)頁(yè)特效代碼放到自己的網(wǎng)頁(yè)中不行，或者出現(xiàn)這樣那樣的問(wèn)題。所以了解或者熟悉代碼是必要的。

　　基本格式

　<html>

　<head>
　<title>Dreamweaver教程（這是你的站點(diǎn)標(biāo)題，也是瀏覽網(wǎng)頁(yè)時(shí)標(biāo)題欄將要顯示的內(nèi)容）</title>
　</head>

　<body>
　這里是源代碼的主體部分！
　</body>

　</html>

　　HTML語(yǔ)言使用標(biāo)志對(duì)的方法編寫(xiě)文件，既簡(jiǎn)單又方便，它通常使用<標(biāo)志名></標(biāo)志名>來(lái)表示標(biāo)志的開(kāi)始和結(jié)束(例如 <html></html> 標(biāo)志對(duì))，因此在HTML文檔中這樣的標(biāo)志對(duì)都必須是成對(duì)使用的。

　　1.<html></html>

　　<html>標(biāo)志用于HTML文檔的最前邊，用來(lái)標(biāo)識(shí)HTML文檔的開(kāi)始。而</html>標(biāo)志恰恰相反，它放在HTML文檔的最后邊，用來(lái)標(biāo)識(shí)HTMLl文檔的結(jié)束，它們并沒(méi)有實(shí)際意義，只是告訴瀏覽器，它正在處理HTML文件。兩個(gè)標(biāo)志必須一塊使用。

　　2.<head></head>

　　HTML文件分為首部和主體兩個(gè)部分。<head>和</head>構(gòu)成HTML文檔的首部，在此標(biāo)志對(duì)之間可以使用　<title></title>、<script></script>等等標(biāo)志對(duì)，這些標(biāo)志對(duì)都是描述HTML文檔相關(guān)信息的標(biāo)志對(duì)。兩個(gè)標(biāo)志必須一塊使用。

　　3.<title></title>

　　瀏覽過(guò)網(wǎng)頁(yè)的人可能都會(huì)注重到瀏覽器窗口最上邊藍(lán)色部分顯示的文本信息，那些信息一般是網(wǎng)頁(yè)的主題信息，要將您的網(wǎng)頁(yè)的主題信息顯示到瀏覽器的頂部，也就是標(biāo)題欄的方法很簡(jiǎn)單，就是在<title></title>標(biāo)志對(duì)之間加入您要顯示的文本即可。

　　注重：　<title></title>標(biāo)志對(duì)只能放在<head></head>標(biāo)志對(duì)之間。

　　4.<body></body>

　　<body></body>是HTML文檔的主體部分，在此標(biāo)志對(duì)之間可包含<p>、</p>、<h1>、</h1>、<br>、<hr>等等眾多的標(biāo)志，它們所定義的文本、圖像等將會(huì)在瀏覽器的框內(nèi)顯示出來(lái)。兩個(gè)標(biāo)志必須一塊使用。<body>標(biāo)志中還可以加一些其它屬性，如：<body oncontextmenu="return false" onselectstart="return false"......>

　　Dreamweaver有三種“文檔”視圖窗口：

　　1、“代碼”視圖窗口。這是編輯代碼的窗口。

　　2、“設(shè)計(jì)”視圖窗口。這是我們進(jìn)行編輯文字、添加圖片等操作常用的的窗口。