您现在的位置： 
- 没有文章
为了使你更快的掌握这项技巧，下面我们就通过一个实例来看看如何使用摸板建立自己的网站。
步骤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）（#代表链接到文件自身，通常用来制作空链接或者用于测试）。
经过一番修改，你已经拥有了自己的网页，而这一切我想花不了你10分钟，还在忧郁什么呢？最后要对专业的设计师们说一句，由于这些模板的设计实在有专业水准，因此当你想偷懒的时候也不妨一试。
附件：
没有附件
票
顶一下
票
踩一下
打印本页
关闭窗口| 文 章 评 论 | ||||||||
| ||||||||