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