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