1.4 在Dreamweaver中直接编写HTML_HTML+CSS网站开发兵书-QQ阅读男生轻小说网

上QQ阅读APP看本书，新人免费读10天

设备和账号都新为新人

在Dreamweaver中可以直接书写HTML的代码，下面通过一个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）单击“文件”→“保存”菜单命令，弹出“另存为”对话框，如图1-20所示。

图1-20 “另存为”对话框

（2）在“保存在”后面的下拉列表中选择存盘的位置，在“文件名”后面的文本框中输入文件的名称“1-1”，设置文件的保存类型为“HTML文档”，单击“保存”按钮完成文件的保存。

（3）双击保存的文件，可以在浏览器中看到文件的效果，如图1-21所示。

图1-21 1-1.html文件的页面效果

本周热推：