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

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

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

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

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

　　基本格式

　<html>

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

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

　</html>

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

　　1.<html></html>

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

　　2.<head></head>

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

　　3.<title></title>

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

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

　　4.<body></body>

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

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

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

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