Dreamweaver MX中文版建站攻略

马上注册，结交更多好友，享用更多功能，让你轻松玩转社区

您需要登录才可以下载或查看，没有账号？註冊

x

在布局视图中设置对象属性（一）
 在布局视图中可以设置各种对象的属性，本篇的主要内容是了解各种设置的作用。 1　给图像描边 作用：增加图片的美观。 简明步骤：选中一个图像，边框设置为1，就给图像加了一个像素的边框。选中页面中的一个图像。 <IMG height=110 src="http://www.5d.cn/5dmedia/conimages/web/2003-03/mvyp-10-1-image001.jpg" width=141> 在属性面板"边框"中填1。 <IMG height=93 src="http://www.5d.cn/5dmedia/conimages/web/2003-03/mvyp-10-1-image002.jpg" width=326> 经过描边后的图像在浏览器中显示如下图。 <IMG height=135 src="http://www.5d.cn/5dmedia/conimages/web/2003-03/mvyp-10-1-image003.jpg" width=166> 2　设置图文混排 图文混排的作用：当没有设置图文混排，页面看起来很不美观。要使图像和文字在一起美观，必须设置好图文混排。 简明步骤：选中图片，在属性面板中设置对齐方式为左对齐或者右对齐。 采用默认设置时的图片和文字： <IMG height=138 src="http://www.5d.cn/5dmedia/conimages/web/2003-03/mvyp-10-1-image004.jpg" width=352> 选中图片，在属性面板中选择对齐方式为"左对齐"。 <IMG height=154 src="http://www.5d.cn/5dmedia/conimages/web/2003-03/mvyp-10-1-image005.jpg" width=300> 图文混排的结果： <IMG height=108 src="http://www.5d.cn/5dmedia/conimages/web/2003-03/mvyp-10-1-image006.jpg" width=383> 3　给图片增加提示 作用：使用浏览者知道所选择项目的内容。 简明步骤：选中一个图片，在属性面板的替代下拉栏，输入提示文字。 选中一个图片。 <IMG height=87 src="http://www.5d.cn/5dmedia/conimages/web/2003-03/mvyp-10-1-image007.jpg" width=122> 在属性面板的替代下拉栏，输入提示文字。 <IMG height=102 src="http://www.5d.cn/5dmedia/conimages/web/2003-03/mvyp-10-1-image008.jpg" width=387> 在浏览器中，当指向这个图片时，就会出现文字提示。 <IMG height=130 src="http://www.5d.cn/5dmedia/conimages/web/2003-03/mvyp-10-1-image009.jpg" width=254> 4　创建图像地图 作用：当点击一个图像的不同部分，可以链接到一个新的网页。也可以在当前窗口打开。 简明步骤：选中目标图片→选择属性面板中的热点工具→用热工具在图片中画出热点区域→在属性面板中输入链接地址，选择目标窗口打开方式。 选中目标图片，选择属性面板中的矩形热点工具。 <IMG height=228 src="http://www.5d.cn/5dmedia/conimages/web/2003-03/mvyp-10-1-image010.jpg" width=234> 用热工具在图片中画出热点区域。 <IMG height=192 src="http://www.5d.cn/5dmedia/conimages/web/2003-03/mvyp-10-1-image011.jpg" width=270> 在属性面板中输入链接地址，选择目标窗口打开方式。 <A href="http://www.5dmedia.com/5dmedia/conimages/web/2003-03/mvyp-10-1-image012.jpg" target="_blank" ><IMG border=0 height=98 src="http://www.5d.cn/5dmedia/conimages/web/2003-03/mvyp-10-1-image012.jpg" width=407></A> 5　设置图像边距 作用：设置图像边距，可以使图像和表格边框产生一个边距，也会和相邻的文字或者其它图片产生一个边距。有时候设置边距为一个非0的数值可以起到美观的作用。但是有的时候输入数值为0的边距可以使用页面紧凑。 简明步骤：选中一个图片，在属性面板中，给垂直边距和水平边距输入数值。 没有设置边距的图片： <IMG height=204 src="http://www.5d.cn/5dmedia/conimages/web/2003-03/mvyp-10-1-image013.jpg" width=200> 输入了垂直边距和水平边距的效果，明显和表格边框有距离。 <IMG height=196 src="http://www.5d.cn/5dmedia/conimages/web/2003-03/mvyp-10-1-image014.jpg" width=238>

摘星奴 · 发表于 2004-2-26 01:23:28

1 给单元格设置颜色 简明步骤：选中单元格，在属性面板中，选择一种背景颜色。 把鼠标放在单元格内，出现红色边框时，单击，就可以选中单元格了。 <IMG height=170 src="http://www.5d.cn/5dmedia/conimages/web/2003-03/mvyp-11-1-image001.jpg" width=215> 在属性面板中，选择一种背景颜色。 <A href="http://www.5dmedia.com/5dmedia/conimages/web/2003-03/mvyp-11-1-image002.jpg" target="_blank" ><IMG border=0 height=99 src="http://www.5d.cn/5dmedia/conimages/web/2003-03/mvyp-11-1-image002.jpg" width=537></A> 设置了背景颜色的单元格： <A href="http://www.5dmedia.com/5dmedia/conimages/web/2003-03/mvyp-11-1-image003.jpg" target="_blank" ><IMG border=0 height=286 src="http://www.5d.cn/5dmedia/conimages/web/2003-03/mvyp-11-1-image003.jpg" width=583></A> 2 设置单元格的对齐方式 作用：可以使单元格里的内容，从不同的地方开始。在“垂直”下拉栏选择顶端，输入的文字可以从最上面一行开始；选择中间，文字就开始从中间开始。在“水平”下拉栏，选择“左对齐”，文字和单元格左对齐；选择“右对齐”，文字和单元格右对齐。 简明步骤：选中一个单元格，在属性面板中的“水平”，“垂直”下拉栏选择一个参数。 在属性面板中的垂直选项栏选择“中间”，输入的文字从单元格中间开始。 <IMG height=289 src="http://www.5d.cn/5dmedia/conimages/web/2003-03/mvyp-11-1-image004.jpg" width=230> 在属性面板中的垂直选项栏选择“顶端”，输入的文字从单元格顶端开始。输入文字常选择这种方式。 <IMG height=309 src="http://www.5d.cn/5dmedia/conimages/web/2003-03/mvyp-11-1-image005.jpg" width=431> 在属性面板中选择水平对齐方式为右对齐： <IMG height=240 src="http://www.5d.cn/5dmedia/conimages/web/2003-03/mvyp-11-1-image006.jpg" width=371> 在属性面板中，如果不想文字换行，不要选中“不换行”。这种方式可以保持其它表格不变形。 <IMG height=238 src="http://www.5d.cn/5dmedia/conimages/web/2003-03/mvyp-11-1-image007.jpg" width=401> 如果选中“不换行”，文字会沿一行扩张，其它表格也被挤压变形。 <IMG height=252 src="http://www.5d.cn/5dmedia/conimages/web/2003-03/mvyp-11-1-image008.jpg" width=420> 设置列为自动伸展的作用：自动伸展列可以随着浏览器调整大小。 选择自动伸展后的效果如下图。 <A href="http://www.5dmedia.com/5dmedia/conimages/web/2003-03/mvyp-11-1-image009.jpg" target="_blank" ><IMG border=0 height=368 src="http://www.5d.cn/5dmedia/conimages/web/2003-03/mvyp-11-1-image009.jpg" width=589></A> 选择固定的宽，输入数值可以改变单元格的高度。 <IMG height=289 src="http://www.5d.cn/5dmedia/conimages/web/2003-03/mvyp-11-1-image010.jpg" width=567>

摘星奴 · 发表于 2004-2-26 01:24:46

表格的使用 虽然您能够在“布局”视图中调整绝大部分设计元素，但有一些改变却必须在“标准”视图中才能完成。本文主要内容是表格的使用。 主要内容： （1）理解单元格，表格，间距，填充，边框。 （2）调整行和列的宽度、高度。 （3）制作一象素表格。 （4）拆分和合并单元格。 第一部分： 当单元格边距和单元格间距没有指定数值时，Netscape Navigator，Microsoft Internet Explorer和Dreamweaver都将以间距2，填充1的设置显示表格。 填充：单元格内容和单元格边框之间的距离（单位：象素）。 间距：单元格之间的距离（单位：象素）。 插入一个表格，为了便于分析表格，这里单元格间距设置为10。 <IMG height=159 src="http://www.5d.cn/5dmedia/conimages/web/2003-03/mvyp-13-1-image001.jpg" width=373> 插入一个表格： <IMG height=270 src="http://www.5d.cn/5dmedia/conimages/web/2003-03/mvyp-13-1-image002.jpg" width=595> ◇单元格：在表格中点击以选定单元格，也可以在标签选择器里点击<td>标签以选择单元格。 <IMG height=270 src="http://www.5d.cn/5dmedia/conimages/web/2003-03/mvyp-13-1-image003.jpg" width=595> ◇表格：在标签选择器里点击<table>标签以选择表格。 <IMG height=270 src="http://www.5d.cn/5dmedia/conimages/web/2003-03/mvyp-13-1-image004.jpg" width=595> ◇一行：在标签选择器里点击<td>标签选择一行。本实例是以一个一行二列的表格为基础的。 <IMG height=270 src="http://www.5d.cn/5dmedia/conimages/web/2003-03/mvyp-13-1-image005.jpg" width=595> ◇一个“一行一列”的表格，至少有两个边框。设置边框为1边框颜色黑色的表格如下图。 <IMG height=367 src="http://www.5d.cn/5dmedia/conimages/web/2003-03/mvyp-13-1-image006.jpg" width=594> ◇红色为表格边框，绿色为单元格边框。表格边框和单元格边框的颜色可以分别指定。 间距：边框和边框之间的距离就是间距。 <IMG height=270 src="http://www.5d.cn/5dmedia/conimages/web/2003-03/mvyp-13-1-image007.jpg" width=595> 为了便于观看填充的效果，在属性面板中，填充输入为30。 <A href="http://www.5dmedia.com/5dmedia/conimages/web/2003-03/mvyp-13-1-image008.jpg" target="_blank" ><IMG border=0 height=80 src="http://www.5d.cn/5dmedia/conimages/web/2003-03/mvyp-13-1-image008.jpg" width=595></A> ◇填充：单元格边框和内容之间的距离就是填充。 <IMG height=270 src="http://www.5d.cn/5dmedia/conimages/web/2003-03/mvyp-13-1-image009.jpg" width=595> 第二部分：调整行和列的宽度 ◇鼠标放在一列的上面，出现向下的箭头时，单击，就可以选中一列。在属性面板中可以设置所选列的宽和高。 <IMG height=367 src="http://www.5d.cn/5dmedia/conimages/web/2003-03/mvyp-13-1-image010.jpg" width=589> 鼠标放在一行的左边，出现横向的箭头时，单击，就可以选中一行。在属性面板中可以设置所选行的宽和高。 <IMG height=364 src="http://www.5d.cn/5dmedia/conimages/web/2003-03/mvyp-13-1-image011.jpg" width=595> 第三部分：制作一像素表格 ◇制作一像素的表格，实质上是设置间距的大小和颜色。实例为便于观看效果，把间距设置为10。单元格填充和边框设置为0。单元格填充和边框不输入数值效果类似。 <IMG height=159 src="http://www.5d.cn/5dmedia/conimages/web/2003-03/mvyp-13-1-image012.jpg" width=373> 在单元格中点击，或者选中标签选择器中的<td>选中单元格。设置单元格的背景颜色为白色。 <IMG height=363 src="http://www.5d.cn/5dmedia/conimages/web/2003-03/mvyp-13-1-image013.jpg" width=592> 选中表格，设置表格的背景颜色为黑色。一个10象素宽的表格就做好了。实际上是把间距的颜色设置成了黑色。 <IMG height=367 src="http://www.5d.cn/5dmedia/conimages/web/2003-03/mvyp-13-1-image014.jpg" width=592> 把间距改成1。 <IMG height=365 src="http://www.5d.cn/5dmedia/conimages/web/2003-03/mvyp-13-1-image015.jpg" width=592> 发布在浏览器中的效果。 <IMG height=271 src="http://www.5d.cn/5dmedia/conimages/web/2003-03/mvyp-13-1-image016.jpg" width=373> 第四部分：拆分和合并单元格 ◇嵌套表是在表格中的一个表格。在一个单元格中，插入一个表格，就是嵌套表。 <IMG height=270 src="http://www.5d.cn/5dmedia/conimages/web/2003-03/mvyp-13-1-image017.jpg" width=595> ◇合并单元格：按Ctrl，点单元格，选中表格，在属性面板中点“合并所选单元格，使用跨度”。 <IMG height=369 src="http://www.5d.cn/5dmedia/conimages/web/2003-03/mvyp-13-1-image018.jpg" width=590> 合并后的效果： <IMG height=270 src="http://www.5d.cn/5dmedia/conimages/web/2003-03/mvyp-13-1-image019.jpg" width=595> 拆分单元格：插入一个表格。 <IMG height=159 src="http://www.5d.cn/5dmedia/conimages/web/2003-03/mvyp-13-1-image012.jpg" width=373> ◇在单元格中单击，选中单元格。点击属性面板中的“拆分单元格为行或列”，设置拆分方式。 <IMG height=367 src="http://www.5d.cn/5dmedia/conimages/web/2003-03/mvyp-13-1-image020.jpg" width=591> 拆分为二行一列的表格如下图。 <IMG height=270 src="http://www.5d.cn/5dmedia/conimages/web/2003-03/mvyp-13-1-image021.jpg" width=470>

摘星奴 · 发表于 2004-2-26 01:25:43

指向文档，图象，多媒体文件或可下载软件的超文本链接称作超级链接, 我们可以为文档内任何地方的任何文本或图象创建链接，包括在标题，列表，表格，层或框架中的任何文本或图象。 超级链接的作用是，可以把一个网站的网页连接起来，点击链接时从一个网页跳转到另一个网页，或者跳转到页面指定的位置。 本文主要内容：各种链接的功能和实现方法。 1 导航链接：实现站点内文档的链接。方法一，使用属性检查器；方法二，指向文件图标链接文档；方法三，使用拖放创建链接。相关内容：在链接时使用的路径；目标文件的打开方式。 2 链接到文档中的指定位置，使用锚； 3 空链接：是一个无指向的链接。使用空链接可以为页面上的对象或文本附加行为。 4 创建javascript脚本链接：用于执行JavaScript代码或者调用JavaScript函数，这样可以让来访者不用离开当前Web页面就可以得到关于一个项目的其他信息。当来访者点击某指定项目时，脚本链接也可以用于执行计算，表单确认和其他处理任务。 5 创建电子邮件链接 6 链接到站点中的文档或者其它站点，可以使用跳转菜单，跳转菜单是文档中的一种来访者可以看见的弹出式菜单，其中列出了链接的文档或文件。 7 给链接增加提示，给链接增加快捷键。 第一部分：创建导航链接 ◇使用指向文件图标链接文档：选中图像，将“属性”检查器的“链接”域右边的“指向文件”图标拖动到站点窗口的文档中。这种方法方便快捷，推荐使用。示例中指向一个文件夹，如果发布到网上后，自动会打开这个文件夹下的默认首页文件index.htm。 <A href="http://www.5dmedia.com/5dmedia/conimages/web/2003-03/mvyp-17-2-image001.jpg" target="_blank" ><IMG border=0 height=438 src="http://www.5d.cn/5dmedia/conimages/web/2003-03/mvyp-17-2-image001.jpg" width=528></A> ◇使用属性检查器：选中示例中的图像，也可以是文字，点击属性面板中的“浏览文件”图标。 <A href="http://www.5dmedia.com/5dmedia/conimages/web/2003-03/mvyp-17-2-image001.jpg" target="_blank" ><IMG border=0 height=443 src="http://www.5d.cn/5dmedia/conimages/web/2003-03/mvyp-17-2-image002.jpg" width=509></A> ◇选中一个文件。会出现一个文件相对于“文档”，“站点根目录的选择”。文档相对路径是最适合用于本地链接的路径类型，适合绝大多数Web站点，推荐使用。 <IMG height=373 src="http://www.5d.cn/5dmedia/conimages/web/2003-03/mvyp-17-2-image003.jpg" width=446> <IMG height=99 src="http://www.5d.cn/5dmedia/conimages/web/2003-03/mvyp-17-2-image004.jpg" width=417> ◇根相对路径：如果在一个使用多台服务器的大型Web站点或一台服务器上有多个站点的情况下工作，可能需要使用这种类型的路径。很少用到这种路径。如果没有服务器的控制权限，不要使用这种方式！ <IMG height=373 src="http://www.5d.cn/5dmedia/conimages/web/2003-03/mvyp-17-2-image005.jpg" width=446> ◇绝对路径：完整的URL，称作绝对路径。例如在链接域输入http://vip.5dmedia.com/fuguotao <IMG height=99 src="http://www.5d.cn/5dmedia/conimages/web/2003-03/mvyp-17-2-image006.jpg" width=416> ◇从打开文档的选取中创建链接：选中文字，按Shift键，拖动出现“指向文件”图标，把“指向文件”图标拖向目标文件，就会建立链接。 <A href="http://www.5dmedia.com/5dmedia/conimages/web/2003-03/mvyp-17-2-image007.jpg" target="_blank" ><IMG border=0 height=453 src="http://www.5d.cn/5dmedia/conimages/web/2003-03/mvyp-17-2-image007.jpg" width=525></A> ◇选择被链接文档要打开的位置： 若要使被链接文档不出现在当前窗口或框架中，从属性面板的“目标”弹出式菜单选取一个选项。 _blank 在新的未命名的浏览器窗口中加载链接文档。 _parent 在父框架页或包含该链接的框架窗口中加载链接文档。如果包含链接的框架不是嵌套的，则链接文档将加载到整个浏览器窗口中。 _self 将链接文档加载到与链接相同的框架或窗口中，该目标是默认值，所以通常您不需要指定它。 _top 将在整个浏览器窗口中加载链接文件，同时移除所有框架。 一个网站中，第一级链接或者导航链接选择_self，第二级链接和友情链接选择_blank。 <IMG height=432 src="http://www.5d.cn/5dmedia/conimages/web/2003-03/mvyp-17-2-image008.jpg" width=584> 第二部分：使用锚 简明步骤：选中文本→在目标文档中插入锚标记→命名→拖动“指向文件”图标到文本。 ◇链接到文档中的指定位置：在需要插入锚的地方，点一下光标，然后单击常用面板上的命名锚记工具。 <IMG height=29 src="http://www.5d.cn/5dmedia/conimages/web/2003-03/mvyp-17-2-image009.jpg" width=535> 键入锚记名称，一个站点中的锚记名称只可以是唯一的，否则会出现错误。 <IMG height=119 src="http://www.5d.cn/5dmedia/conimages/web/2003-03/mvyp-17-2-image010.jpg" width=341> 在文档中选取要创建链接的文本，打开您需要链接的命名锚记所在文档，不一定要是当前文档，可以是站点中的其它文档，点击属性面板中的“指向文件”图标，并将它拖动到您需要链接的锚记处。 <IMG height=480 src="http://www.5d.cn/5dmedia/conimages/web/2003-03/mvyp-17-2-image011.jpg" width=547> 第三部分：使用空链接 使用空链接可以为页面上的对象或文本附加行为。创建步骤： 1. 在文档窗口中，选中要设置链接的文本、图像或其他对象。 2. 在属性面板的链接框中，只输入一个“#”号。 3. 如果单击这种地址为一个“#”的链接，无论当前你处于文档的什么地方，都会自动跳转到文档的开头位置。很多人非常讨厌这种情况，因此出现很多插件。可以用“###”来代替“#”，单击这样的链接的时候，会保持当前页面的浏览位置。 4. 还可以在属性面板的链接框中输入javascript :;创建空链接。 第四部分：创建javascript脚本链接 1. 在文档窗口中选取文本，图象或对象 2. 在“属性”检查器的“链接”栏中键入javascript :，其后紧接JavaScript代码或函数调用。 例如在链接栏中键入javascript :alert('哈哈你上当了')创建一个链接，点击链接后就会出现一个警告框 <IMG height=119 src="http://www.5d.cn/5dmedia/conimages/web/2003-03/mvyp-17-2-image012.jpg" width=197> 第五部分：创建电子邮件链接 方法一：选取需要创建链接的文本或者图像，点击常用面板中的“电子邮件链接”工具，输入邮件地址。 方法二：选取需要创建链接的文本或者图像，在属性面板中的链接栏输入mailto:邮件地址。 <A href="http://www.5dmedia.com/5dmedia/conimages/web/2003-03/mvyp-17-2-image013.jpg" target="_blank" ><IMG border=0 height=390 src="http://www.5d.cn/5dmedia/conimages/web/2003-03/mvyp-17-2-image013.jpg" width=587></A> 第六部分：创建跳转菜单，例如制作一个友情链接。 首先将插入点放在要插入链接的位置。点击表单面板中的跳转工具 <IMG height=308 src="http://www.5d.cn/5dmedia/conimages/web/2003-03/mvyp-17-2-image014.jpg" width=552> 在插入跳转菜单对话框中，点添加项添加新链接。 <IMG height=330 src="http://www.5d.cn/5dmedia/conimages/web/2003-03/mvyp-17-2-image015.jpg" width=531> 在属性面板中选择类型为“菜单”。 <IMG height=385 src="http://www.5d.cn/5dmedia/conimages/web/2003-03/mvyp-17-2-image016.jpg" width=589> 在浏览器中发布如图： <IMG height=110 src="http://www.5d.cn/5dmedia/conimages/web/2003-03/mvyp-17-2-image017.jpg" width=268> 在属性面板中选择类型为“列表”高度为3。 <IMG height=385 src="http://www.5d.cn/5dmedia/conimages/web/2003-03/mvyp-17-2-image018.jpg" width=589> 在浏览器中发布如图： <IMG height=96 src="http://www.5d.cn/5dmedia/conimages/web/2003-03/mvyp-17-2-image019.jpg" width=200> 点击属性面板中的列表值，可以修改列表值。 <IMG height=189 src="http://www.5d.cn/5dmedia/conimages/web/2003-03/mvyp-17-2-image020.jpg" width=405> 第七部分：给链接增加提示，给链接增加快捷键。 首先将插入点放在要插入链接的位置。 点击常用面板上的超级链接工具。 <IMG height=52 src="http://www.5d.cn/5dmedia/conimages/web/2003-03/mvyp-17-2-image021.jpg" width=571> 设置链接参数。 <IMG height=192 src="http://www.5d.cn/5dmedia/conimages/web/2003-03/mvyp-17-2-image022.jpg" width=413> 标题是指当指向链接会出现提示。 <IMG height=159 src="http://www.5d.cn/5dmedia/conimages/web/2003-03/mvyp-17-2-image023.jpg" width=428> 访问键是指按键盘上的快捷键会选中链接。例如在实例中按Alt+D键会选中<A href="http://www.5dmedia.com/" target="_blank" >5D多媒体</A>。

摘星奴 · 发表于 2004-2-26 01:26:36

基于网页创建模板 当需要制作大量布局基本一致的网页时，使用模板是最好的方法。

本文介绍的是基于一个网页创建模板的方法。

简明步骤：打开一个已经存在的网页→另存为模板→新建可编辑区域→保存。

打开示例站点中已经建好的index.htm文件，打开“文件”，点击“另存为模板”。

<A href="http://www.5dmedia.com/5dmedia/conimages/web/2003-03/mvyp-19-1-image002.jpg" target="_blank" ><IMG border=0 height=609 src="http://www.5d.cn/5dmedia/conimages/web/2003-03/mvyp-19-1-image002.jpg" width=624 v:shapes="_x0000_i1025"></A> 

选择模板存放的站点，在“另存为”中为模板输入一个唯一的名称，单击保存按钮。

<IMG height=165 src="http://www.5d.cn/5dmedia/conimages/web/2003-03/mvyp-19-1-image004.jpg" width=324 v:shapes="_x0000_i1029"> 

在“插入栏”选择“模板”，然后单击“可编辑区域”。

<IMG height=95 src="http://www.5d.cn/5dmedia/conimages/web/2003-03/mvyp-19-1-image006.jpg" width=432 v:shapes="_x0000_i1030"> 

在“名称”文本框中为该区域输入唯一名称。

<IMG height=110 src="http://www.5d.cn/5dmedia/conimages/web/2003-03/mvyp-19-1-image008.jpg" width=360 v:shapes="_x0000_i1031"> 

建好的模板如下图。

<A href="http://www.5dmedia.com/5dmedia/conimages/web/2003-03/mvyp-19-1-image010.jpg" target="_blank" ><IMG border=0 height=554 src="http://www.5d.cn/5dmedia/conimages/web/2003-03/mvyp-19-1-image010.jpg" width=557 v:shapes="_x0000_i1032"></A> 

重复这个过程。可以再做一些“可编辑区域”。

<A href="http://www.5dmedia.com/5dmedia/conimages/web/2003-03/mvyp-19-1-image012.jpg" target="_blank" ><IMG border=0 height=566 src="http://www.5d.cn/5dmedia/conimages/web/2003-03/mvyp-19-1-image012.jpg" width=559 v:shapes="_x0000_i1034"></A> 

打开“文件”菜单，单击“保存”。一个模板就做好了。

<IMG height=344 src="http://www.5d.cn/5dmedia/conimages/web/2003-03/mvyp-19-1-image014.jpg" width=230 v:shapes="_x0000_i1035">

摘星奴 · 发表于 2004-2-26 01:27:31

于模板创建页面 在制作了模板之后，可以基于这个模板创建网页。 简明步骤：文件→新建→打开“模板”选项卡→选择模板→删除模板里多余的文字→输入网页内容→保存→选择保存路径。 1.打开“文件”菜单，点击“新建”。 <IMG height=428 src="http://www.5d.cn/5dmedia/conimages/web/2003-03/mvyp-20-1-image001.jpg" width=218> 2.打开“模板”选项卡，选择模板文件，单击“创建”按钮。 <IMG height=386 src="http://www.5d.cn/5dmedia/conimages/web/2003-03/mvyp-20-1-image002.jpg" width=594> 3.选中可编辑区域 <IMG height=183 src="http://www.5d.cn/5dmedia/conimages/web/2003-03/mvyp-20-1-image003.jpg" width=351> 4.删除其中多余的文字。 <IMG height=136 src="http://www.5d.cn/5dmedia/conimages/web/2003-03/mvyp-20-1-image004.jpg" width=202> 5.在里面输入网页的内容。 <IMG height=161 src="http://www.5d.cn/5dmedia/conimages/web/2003-03/mvyp-20-1-image005.jpg" width=281> 6.输入内容后，点击“文件”菜单中的“保存”，选择保存路径，一个页面就做好了。

摘星奴 · 发表于 2004-2-26 01:28:00

将模板应用到页面 作者:痴心不改

为了简化制作过程。常常采用先制作出页面，再应用模板的方法。

简明步骤：打开一个有内容的页面→打开资源面板→点击模板按钮→选择一个模板→点击应用按钮→指定可编辑区域→确定。

1.打开一个填充了内容的网页。

<IMG height=325 src="http://www.5d.cn/5dmedia/conimages/web/2003-03/mvyp-21-1-image002.jpg" width=345 v:shapes="_x0000_i1025"> 

2.打开资源面板，点击“模板”按钮，打开模板类别。

<IMG height=332 src="http://www.5d.cn/5dmedia/conimages/web/2003-03/mvyp-21-1-image004.jpg" width=336 v:shapes="_x0000_i1026"> 

3.选择一个模板，点击应用按钮。

<IMG height=294 src="http://www.5d.cn/5dmedia/conimages/web/2003-03/mvyp-21-1-image006.jpg" width=300 v:shapes="_x0000_i1027"> 

4.将内容移到新区域，按“确定”按钮

<IMG height=277 src="http://www.5d.cn/5dmedia/conimages/web/2003-03/mvyp-21-1-image008.jpg" width=324 v:shapes="_x0000_i1028"> 

5.一个应用模板的页面就做好了。

<IMG height=287 src="http://www.5d.cn/5dmedia/conimages/web/2003-03/mvyp-21-1-image010.jpg" width=324 v:shapes="_x0000_i1029">

电梯直达

快捷功能

楼主新帖

Dreamweaver MX中文版建站攻略

马上注册，结交更多好友，享用更多功能，让你轻松玩转社区

相关帖子

已有(6)人评论

浏览过的版块

关于

导读