官术网_书友最值得收藏!

1.4 在Dreamweaver中直接編寫HTML

在Dreamweaver中可以直接書寫HTML的代碼,下面通過一個HTML實例進行說明。

1.4.1 編寫HTML代碼

(1)啟動Dreamweaver 8程序,會出現如圖1-17所示的界面,有三項可供選擇:打開最近項目、創建新項目、從范例創建。一般我們第一次打開Dreamweaver 8時,可以在“創建新項目”下選擇“HTML”命令,這時,就創建了一個HTML文件。

圖1-17 “工作區設置”對話框

(2)創建一個新的HTML文件后,打開一個操作界面,單擊“文檔工具欄”中的“代碼”選項卡,如圖1-18所示,這時就可以在“文檔窗口”中編寫代碼了。

圖1-18 Dreamweaver的代碼視圖

(3)在代碼中<title>與</title>標簽之間的內容就是新建HTML文件的標題,也就是將要在瀏覽器的標題欄中顯示的頁面標題,這里將其更改為“網頁文件的標題”。

(4)在<body>與</body>標簽之間添加主體內容的具體代碼如下。

    <p>歡迎學習HTML語言!</p>
    <p>我們愿做您最忠實的良師益友!</p>
    <p>讓我們伴您一起走入HTML的世界吧!!</p>

這樣一個最基本的HTML文件就編寫完成了,具體效果如圖1-19所示。

圖1-19 完整的HTML文件

1.4.2 保存并查看HTML文件

(1)單擊“文件”→“保存”菜單命令,彈出“另存為”對話框,如圖1-20所示。

圖1-20 “另存為”對話框

(2)在“保存在”后面的下拉列表中選擇存盤的位置,在“文件名”后面的文本框中輸入文件的名稱“1-1”,設置文件的保存類型為“HTML文檔”,單擊“保存”按鈕完成文件的保存。

(3)雙擊保存的文件,可以在瀏覽器中看到文件的效果,如圖1-21所示。

圖1-21 1-1.html文件的頁面效果

主站蜘蛛池模板: 胶南市| 来安县| 松阳县| 延川县| 汉沽区| 绥中县| 浑源县| 达孜县| 墨脱县| 雷州市| 宁城县| 来凤县| 长汀县| 葫芦岛市| 佛坪县| 万州区| 牙克石市| 安阳县| 天等县| 玛沁县| 韩城市| 班戈县| 新密市| 尉氏县| 三门县| 连江县| 普兰店市| 苏州市| 南开区| 雅安市| 桦川县| 长治市| 土默特左旗| 保德县| 镇安县| 呈贡县| 唐海县| 临泉县| 葫芦岛市| 汝阳县| 平阳县|