DW MX 模板建站新手指南

2008-02-23 06:15:03来源：互联网阅读 ()

　　Dreamweaver功能强大，界面友好，加上和另外两位兄弟Flash和Fireworks的紧密合作，实在是制作网站的最好选择。但是Dreamweaver一直定位于专业网页设计软件，对初学者的考虑似乎不是十分周到，假如您没有一些进本的网页设计知识，确实很难一下弄清楚这么多复杂的功能，尤其是当您只是想制作一个简单的网站而不想深究其中知识的时候，Dreamweaver就不是那么让人得心应手了。现在随着互连网的蓬勃发展，越来越多的人开始制作网站，为了适应新形式的需要，占领更多的市场份额，Macromedia公司在Dreamweaver MX版本中对软件功能进行重大调整，尤其是针对新手提供了网站摸板功能，有了他，即使您几乎没有什么网页的专业知识，也能够迅速的建立具备专业水准的页面布局并快速设计网页。

　　为了使您更快的掌控这项技巧，下面我们就通过一个实例来看看如何使用摸板建立自己的网站。

　　步骤1：

　　打开Dreamweaver MX，使用菜单命令File-New将弹出一个对话框以新建文档（如图1）。

　　这个对话框包含两个标签页：General（通用）和Templates（模板）。Templates标签页包含您自己定义的网站的列表（假如有的话），您能够从中选择一个模板来创建新的文档。General标签页包含各种各样的文档类型，您能够从中选择一个来创建新的页面。既然是新手，自然没有设计过网站，我们就使用General标签页吧。

　　步骤2：

　　在Gategory框中选择Page Designs项，在右边的Page Designs框中能够看到Macromeidia公司预设的一些模板样式，我们能够在这里用鼠标进行选择，并且马上能够在最右侧的Preview区域看到预览的效果和文字的描述（如图2）。

　　步骤3：

　　在右边的Page Designs框中选择Images Thumbnail Grid项，结合最右侧的预览效果图和下面的文字描述能够看出这是个用来展示照片的页面，每一页显示3张照片（如图3）。

　　步骤4：

　　假如您只想制作一页这样的网页，那么请选择右下方Document选项，假如您的网站中大部分网页都是如此布局，能够选择Template选项，将其制作为针对这个网站的模板，这样能够大大方便今后设计中的修改和维护。我们选择Document选项，点击Ctreat 按钮（如图4）。

　　步骤5：

　　我们立即在Dreamweaver的工作界面中看到一个页面，和预览的效果一模相同。现在要做的就是将页面中的文字和图片信息更改为您自己的内容。首先来更改文字，会使用Word吧？没错，您能够使用和在Word中相同的方法来编辑这些文字（如图5）。

　　步骤6：

　　再来看看怎么更改图片，鼠标点击第一张图片，在工作区域下方的Properties面板上能够看到有一个名叫Src的图标，点击他，将出现一个文档选择对话框，您能够在这里指定需要更改图片的路径。需要注意的是，为避免发生路径错误，最好将任何要使用的图片放置在同一个目录下（如images），并且任何文档名称使用英文小写（如图6）。

　　步骤7：

　　最后来修改超链接，超链接的作用在于，当您使用鼠标点击他的时候，他会使浏览器跳转到配置好的页面并显示。在Dreamweaver中使用默认的超链接显示状态为蓝色带下划线的文字。鼠标在这些文字中的任意一处点击，我们就能够在Properties面板上的Link后的文本框中看到这段文字超链接的配置，我们能够同样点击后面的Browse byfile按钮来使用文档选择框选择要链接的文档路径，也能够直接在文本框内填写路径（如图7）（#代表链接到文档自身，通常用来制作空链接或用于测试）。