介绍网站设计模板制作方法
- 发布时间:2011-09-01
| 假如想让网站设计保持同一的风格或者站点中多个文档包含相同的内容。----对其进行编辑，未免过于麻烦，中文版Dreamweaver 8提供的模板功能可以很方便地帮助用户解决这些困难。 |
模板由两部分组成：锁定区域和可编辑区域。对于刚创建的模板，所有的区域都是锁定的，在定义模板时，可以在模板文件中定义可编辑的区域。套用该模板的页面，只有可编辑区域是可以被改变的区域。
实践证实，用模板对于网页制作者来说省了很多的麻烦，也可以节约很多时间，同时也能减少连接上的错误。 |
| 一、新建模板 |
| 在新建模板前，我劝你还是要对你的网站要在纸上画一个草图，再根据你的图纸来定你的模板，我简单画了一个，供参考，样式是你自己设置的，我在这里只是举个例子。如图 14 |
|
|
| 图14 网站草图 |
| 打开 Dreamweaver 8后，可以通过“窗口”下面的“资源”面板创建新的模板。快捷键是F11。如图15 |
|
|
| 图15 打开资源，新建模板文档 |
| 这时你双击才命名的muban文件，便在DW里显示一个空缺的文件。当你新建一个模板文档时，Dreamweaver 8 将会在你的站点根目录下自动天生一个Templates文件夹，该文件夹专门用于放置模板文档。如图 16 |
|
|
| 图16 模板专用文件夹 |
| 下一步就是在这个空缺的文档中建模板了。（这个空缺文档和你做网页一样的） |
| 当然也可以用别的方法来创建模板，如通过“插进”面板或者菜单选项可以完成模板文档的创建，新建模板与创建模板略有不同。创建模板的操纵方法哪下： |
|
| （1）选择“窗口”面板|“插进”菜单选项，打开“插进”面板。 |
| （2）在“插进”面板中选择“模板对象”向右点“创建模板”。 |
| 也可以在一般页面中象平时做网页一样，把页面做好，然后点左上“文件”“另存为模板”等。在这里我就 |
| 不逐一说了，你肯定能在实践中摸索出来的。 |
| 言规正传，下面我们开始在刚才打开的muban文件中建模板啦。 |
| 第一步：设置页面属性 |
| （1）选择菜单“修改”向下单击“页面属性”，如图17。在弹出的对话框里设置字体和边距。 Dreamweaver |
| 8默认设置网页都留有间隙，不怎么好看，所以要全部设置为“0”如图18 |
| 再选择“链接”根据自己的喜好设置下划线和链接的颜色。如图19 |
|
|
| （2）选择菜单“编辑”向下单击“首选参数”，如图 20 在弹出的对话框里将“答应多个连续的空格”打上 |
| 钩，否则你在Dreamweaver 8按空格键它是不动的，呵呵，没有象在Word里那么顺手。如图 21 |
| 图21 在答应多个连续的空格前打上钩，然后点“确定”。 |
| 当然也可以用层。表格是网页布局设计的常用工具，它可以使插进页面中的图像和文本等对象被限定在某一固 |
| 定位置。相对于没有使用表格的页面，使用表格的页面显得更加整洁有序。 |
| 将光标置于需要插进表格的位置，然后选择菜单“插进”，向下单击“表格”，如图 22 在弹出的对话框里 |
| 图 23 设置表格行和列，然后点“确定”，在这里我们都设置为1。 |
| 注：宽度通常设置在780以内，这可以在800X600、1024X768两种分辨率情况下使你的的网页不变样，假如过大 |
| 超过800，那么使用800X600分辨率的电脑看你的网页就会出现下滑块。 |
| 在“对齐”处选“居中”，在“填充”、“间距”、“边框”处全部设置为“0”。如图 25 |
| （3）拷贝和粘贴单元格 |
| 将鼠标左键对着单元格边框点一下，然后再点右键，选“拷贝”,再将鼠标对着表格下面点右键，选“粘贴”五次。如图 25 |
|
|
| 图 25 拷贝和粘贴表格 |
| 这样做的目的是为了打散表格，能进步打开网页速度。当然也可以用一个整体的表格。 |
| 表格第一行：我们将用来放置FLASH动画，或者图片。尺寸在780X100，宽度已定下来了，现在确定它的高度 将鼠标对着第一行点一下，然后在下面表格属性里“高”打上“100”按一下回车，要留意所有表格属性栏下面的标题前面有小钩要往掉，假如不往掉，你打出来的字特粗。 |
| 表格第二、第三行，是用来放置栏目的，一般高度设置“20”方法同第一行。 |
| 表格第四行是主要编辑区，我们暂时设置高为为“200”。再提醒一句，“标题”前面的小钩一定要往掉哟~~ |
| 表格第五行是放页脚的，一般高在60以内。 设置方法同上。 |
| 插进FLASH动画 ：鼠标在第一行点一下，然后选择菜单“插进”指向“媒体”向右单击“FLASH”在弹出的对话框里找到你制作的FLASH然后点“确定”。 |
| 图 27 在站点文件夹里找到FLASH，然后点“确定” |
| 在第二行里可以用插进表格的方法，根据你的栏目，设置列数，可以在属性里设置颜色，也可以放置背景图片。 |
| 第五行是页脚，页脚里主要内容是版权、联系地址、电话、网站备案、联系人、网站统计等。所有编辑完成后如图 28 |
| 图 28 完成页面编辑 |
| 注：栏目我在这里没有列出，但在做模板时要把所有栏目里的地址要做好链接。 |
| 将光标指向页眉目，然后选择菜单“插进”|“模板对象”| “重复区域”单击鼠标左键，这时 会弹出“新建重复区域”RepeatRegion1对话框，点确定。如图 29 |
本文由武汉网站建设专家—武汉双军原创：http://www.twoarmy.com，转载请注明出处。
