如何利用Dreamweaver快速创建网站框架

在使用Dreamweaver时，我们可以通过预设模板来快速建立网站框架，从而实现快速构建简易网站的目标。下面将详细介绍具体步骤。

新建基本HTML页面

打开Dreamweaver，并按下快捷键 "Ctrl N" 打开 "新建文档" 界面。在这个页面中输入 "du小策"，作为小策的个人页面。

插入艺术照

为小策插入一张艺术照，使页面更加丰富生动。

保存页面

完成这个简单的页面后，我们需要将其保存起来备用。按下快捷键 "Ctrl S" 弹出保存对话框，并将文件名设为 "du小策"，然后点击确定。同样的方法保存帮帮的个人页面。

创建框架页面

按下快捷键 "Ctrl N" 新建一个页面，然后点击界面上的布局选项。在标签栏中选择框架类型，选择第一个模板作为示范。这个模板将包含左侧导航栏和右侧主页面。

命名各个部分

弹出的对话框要求对页面的各个部分进行命名，这一步非常重要，并会在之后使用到。将左侧栏命名为 "leftframe"，将右侧栏命名为 "mainframe"。

设置导航栏和主页面

在左侧栏输入内容，如 "百度经验"、"du小策" 和 "du帮帮"。在右侧主页面输入 "百度经验"。页面的输入与在Word中输入没有区别，直接输入即可。

保存框架页面

点击 "文件" -> "全部保存"，弹出保存对话框。按照提示保存整个页面、右侧栏和左侧导航栏的内容，分别存储于不同的文件中。

建立链接

我们需要对左侧导航栏建立链接。选中左侧栏中的 "百度经验"，点击右下角的一个圆圈，并拖动到对应的右侧页面文件上，从而建立一个链接。选择目标为 "mainframe"，这是我们在前面命名的右侧栏的名称。

预览网站

按下快捷键 "F12" 预览界面，查看是否成功打开了主页面 "百度经验"。

测试链接

点击导航栏中的 "du小策" 和 "du帮帮" 链接，观察链接是否正常跳转到相应页面。这样，我们基本建立了一个小网站的框架。

以上就是利用Dreamweaver快速创建网站框架的详细步骤。使用模板和框架可以大大简化网站制作过程，并提高效率。希望本文能对你有所帮助。

版权声明：本文内容由互联网用户自发贡献，本站不承担相关法律责任.如有侵权/违法内容,本站将立刻删除。