Dreamweaver使用预设模板快速建立简单的网站。

Dreamweaver提供了一种快速建立网站框架的方法。通过简单的预置模板,可以快速建立简单的网站。今天的目标是在导航栏的左侧和右侧显示主页。





Dreamweaver提供了一种快速构建Web站点框架的方法,我们可以通过使用简单的预设模板实现一个简单网站的快速架构。这是我们今天的目标,左侧导航栏和主页右侧。



软件名称:Macromedia Dreamweaver MX 2004官方简体中文专业版软件大小:63.23mb更新时间:2013-05-08



1、打开Dreamweaver,按下快捷键CTR + n来新文档的界面,我们建立了一个基本的HTML页面。



2,在本页中,输入DU小政策,作为单个页面的小策略。



3,下一个小计划插入艺术图片。





4。这个简单的页面已经完成了一段时间,并将使用一段时间。



5,以同样的方式为杜刚建立个人页面。



6。然后将两个文件,按下快捷键TRL + s对话框弹出。文件名设置为杜小策略,然后单击确定。

以同样的方式保存团伙,然后备用。





7、按快捷键Ctrl + n ;创建一个新页面,点击图中所示的位置,并选择布局。



8,在标签栏中选择框架类型。如图所示,这是页面的总体布局。左边是预览和右边的名字。我们选择第一个作为示范。



9,弹出一个对话框。此对话框用于命名页面的所有部分。这一步更为重要。我们需要以后使用它。所以,我们必须看到,左边的叫leftframe和右列称为主机。



10,输入百度左侧的经验,DU小政策,杜纲,右边主页输入百度体验。这个页面的输入与word的输入没有什么区别。它是直接键入,返回是更改行。我们看到下面的图片,左边的列是导航栏,这是我们通常在Web上看到的导航。



11、点击文件;mdash;mdash;;拯救,记住这一步是不是Ctrl + s因为框架网页是由两页,所以选择保存所有。



12,弹出一个保存对话框,这一步非常重要,然后会有两个这样的对话框,所以第一个是整个页面,第二个对话框是右边的,第三个是左导航,它们存储在不同的文件中。







13,看看效果,把鼠标放在不同的部分,标签栏就会出现不同的文件名。





14。下一步,我们要建立一个链接到左边的导航,选择左侧列表中的经验;百度;点击右下角的圆圈圈,拖动到文件的右侧,以便建立链接,然后选择界面底部的目标是主机。主机是我们命名为第九步的右栏的名称,你可以去看看。百度经验设置链接,这四个字。html在右边,这个文件将打开主机,这是在右栏打开。





15、创建小政策链接和帮助一样。点杜小的政策。Html,杜岗。Html这两个文件。

16,我们按下快捷键F12,预览界面,一看就知道是打开主页百度经验;



17,点击DU小政策这个环节。



18,点击帮助这个链接,看看效果。这个小网站的基本框架是建立的。