- 相關(guān)推薦
Dreamweaver創(chuàng )建網(wǎng)頁(yè)的基本方法
文字像精靈，只要你用好它，它就會(huì )產(chǎn)生讓你意想不到的效果。所以無(wú)論我們說(shuō)話(huà)還是作文，都要運用好文字。只要你能準確靈活的用好它，它就會(huì )讓你的語(yǔ)言煥發(fā)出活力和光彩。下面，小編為大家分享Dreamweaver創(chuàng )建網(wǎng)頁(yè)的基本方法，希望對大家有所幫助！
Dreamweaver創(chuàng )建網(wǎng)頁(yè)的基本方法 篇1
1、啟動(dòng)Dreamweaver
1)點(diǎn)擊“開(kāi)始-所有程序-Macromedia-Macromedia Dreamweaver 8”，
2)在中間的“創(chuàng )建新項目”中點(diǎn)第一個(gè) HTML，打開(kāi)一個(gè)空白文檔;
2、保存文件
1)點(diǎn)菜單“文件-保存”命令，彈出一個(gè)“另存為”對話(huà)框，在上邊的保存在長(cháng)條中，找到D:盤(pán)，在中間打開(kāi)自己的文件夾;
2)在下邊文件名那兒把Untitled-1刪除，改成index然后點(diǎn)右邊的“保存”按鈕;這兒注意兩點(diǎn)，一個(gè)是保存位置在自己的文件夾，一個(gè)是文件名改成index
3)回到窗口，這時(shí)候在標簽上就有了文件的名稱(chēng)，然后在標簽下面的文檔工具欄中間找到“標題”;把標題改一下，這個(gè)網(wǎng)頁(yè)內容是個(gè)人主頁(yè)，把標題改成“青青草”
4)這樣我們就修改好了標題，同時(shí)按下Ctrl和S鍵(Ctrl+S組合鍵)，保存一下文件，標簽上的.星號消失;
3、輸入內容
1)在中間工作區里點(diǎn)一下鼠標，這是光標在左上角一閃一閃，提示輸入內容;輸入下面的三行內容，輸完一行按一下回車(chē)鍵，輸完按Ctrl+S保存一下文件;
2)在標簽下邊的文檔工具欄中，找到一個(gè)球體的預覽圖標，點(diǎn)一下出來(lái)一個(gè)下拉列表，點(diǎn)第一個(gè)在IE瀏覽器中進(jìn)行瀏覽，如果沒(méi)保存，會(huì )出來(lái)一個(gè)提示，點(diǎn)“是”即可。
Dreamweaver創(chuàng )建網(wǎng)頁(yè)的基本方法 篇2
首先請運行記事本，或在任意位置新建一個(gè)文本文檔，在記事本內輸入如下內容：
以下為引用的內容：
這是我的第一個(gè)網(wǎng)頁(yè)。
輸入完畢后將文件保存，命名為“index.html”。(點(diǎn)擊“文件”—>“另存為”。在“文件名”一欄填入“index.html”，在“保存類(lèi)型”一欄選擇"所有文件"，然后點(diǎn)擊“保存按鈕”)
保存之后，雙擊該文件，瀏覽器就會(huì )自動(dòng)打開(kāi)這個(gè)網(wǎng)頁(yè)了。請確認一下你的網(wǎng)頁(yè)是否與該頁(yè)面相同，如果相同，那么你就成功地完成了自己的第一個(gè)比較簡(jiǎn)陋的網(wǎng)頁(yè)。
請注意，這只是一個(gè)簡(jiǎn)單的頁(yè)面，雖然它在語(yǔ)法上符合XHTML的標準，但是如果要作為一個(gè)完整的、符合W3C標準的XHTML網(wǎng)頁(yè)，它還缺少一些內容。相關(guān)內容將在后面的教程中介紹。這個(gè)網(wǎng)頁(yè)僅僅是用來(lái)講解一些基礎的`XHTML知識。
基礎知識講解
我們剛剛制作的網(wǎng)頁(yè)以開(kāi)頭，以結尾，它們分別代表網(wǎng)頁(yè)文件的開(kāi)始和結束。
英文中head是頭的意思，body是身體的意思。網(wǎng)頁(yè)的和兩部分就分別代表了網(wǎng)頁(yè)的“頭”和“身子”。也許你注意到了，我們網(wǎng)頁(yè)的“頭”里面“有一個(gè)。title一詞是標題的意思，網(wǎng)頁(yè)的標題(title)將會(huì )顯示在瀏覽器上方的標題欄中。而網(wǎng)頁(yè)的身子，也就是與標簽中間的內容將作為正文被顯示在瀏覽器中。
這個(gè)網(wǎng)頁(yè)很單薄，head和body中都沒(méi)有什么內容。我們會(huì )在以后的教程中逐漸豐富網(wǎng)頁(yè)的內容。但是現在請您記住一個(gè)概念：網(wǎng)頁(yè)的頭(head)是為瀏覽器寫(xiě)的，它將不會(huì )顯示在頁(yè)面上，而身子(body)是為網(wǎng)站的用戶(hù)寫(xiě)的，是瀏覽器將要顯示的內容。
菜鳥(niǎo)惡搞XHTML之錯誤示例
打開(kāi)下面這兩個(gè)錯誤示例看看。它們的代碼都存在十分嚴重的錯誤，但是瀏覽器卻會(huì )準確無(wú)誤地顯示這兩個(gè)網(wǎng)頁(yè)。
示例1——身子長(cháng)在腦袋里
這是我的第一個(gè)網(wǎng)頁(yè)。
看看上面這個(gè)網(wǎng)頁(yè)，和之間的內容正常的顯示在頁(yè)面上了。但是這是滑稽的錯誤，把身子放在腦袋里了。
示例二——腦袋長(cháng)在脖子下
這是我的第一個(gè)網(wǎng)頁(yè)。
瀏覽器的適應能力實(shí)在是令人佩服，即使你將腦袋放在身子里它也認得出來(lái)�？纯礃祟}欄，標題完全正常顯示。
【Dreamweaver創(chuàng )建網(wǎng)頁(yè)的基本方法】相關(guān)文章：
Dreamweaver中表格的創(chuàng )建及基本編輯方法10-17
Dreamweaver制作網(wǎng)頁(yè)的方法09-15
制作網(wǎng)頁(yè),dreamweaver的基本步驟07-10
Dreamweaver制作網(wǎng)頁(yè)的基本步驟07-10
Dreamweaver設計網(wǎng)頁(yè)的方法10-22
Dreamweaver網(wǎng)頁(yè)設計技巧方法09-26
Dreamweaver自動(dòng)關(guān)閉網(wǎng)頁(yè)的方法06-30