模板做好后，制作首页

 

模板出来了，下面我们开始制作首页，首页是一个网站的门面,要注意的问题很多,前面我们已做了些说明,在这里就不再进行理论研究了。

(1)启动中文版Dreamweaver8,选择"文件"|"新建"菜单选项,在弹出的"新建文档"对话框中打开"常规"选项卡,选择"基本页"单击下面的"创建"按钮,创建一个新的文档。如图33

图 34 创建新文档

(2)在新建文档上边框处单击鼠标右键,在弹出的对话框中选择"另存为"。如图35

图 35 另存为文档

(3)在弹出的对话框“文件名”处输入“index",并单击“保存”按钮。首页文件一般要在网站根目录下，文件命名要根据你注册的空间要求来决定的，静态网站大都用index 如图36

图 36 给首页文件命名

(4)使用表格构架页面,鼠标单击菜单栏"插入".选择"表格"在弹出的对话框中设置表格一行,一列,宽为778像素对齐标题为“顶部”然后单击下面的“确定”按钮。用同样方法再插入一行一列的表格，如图37

图 37 插入表格

(5)设置表格属性。鼠标在表格第一行里点一下，然后在属性栏里设置表格高度为22，去掉“标题”前面的小钩表格第二行设置高度为680。(注)这个680高度数字是根据你首页内容来定的。去掉“标题”前面的小钩。

(a)鼠标在表格第一行中单击右键,然后指向"表格"|"选择表格"这时再进一步设置表格属性,第一行属性如图38

图 38 设置表格属性

(b)鼠标在表格第二行中单击右键,然后指向"表格"|"选择表格",再进一步设置表格属性,在这里我们设置宽为778,高为680,填充为0,间距为0,边框为0,对齐为"居中对齐"。以上设置完成后，按一下回车。

(6)在表格第一行里输入内容： 当前页：首页

(7)在表格第二行里单击鼠标右键,选择 "表格"|"拆分单元格", 设置为3列,然后单击"确定",如图39

图 39 拆分单元格

(8)鼠标在表格第二行的左边栏里点一下,然后在属性里设置宽度为160,同样在右边栏设置为160 。数字输入后要按一下回车,然后点"文件","保存"。

(9)以上设置在浏览器里是看不到边框的，下面我们设置二边有边框，中间不显示边框。

将光标指向第二行左边栏，然后选择菜单“插入”|“表格”，插入一行一列，宽度为100%的表格，单击下面的“确定”按钮。如图40

图 40 插入表格

鼠标在表格里点一下，然后将属情栏“标题”前面的小钩去掉。

在左边表格里单击鼠标右键，指向“表格”|“选择表格”，在属性栏里进行如下设置：高680，填充为0，间距为1，边框为0，对齐为“默认”，背景颜色为cccccc。用同样方法在右边栏插入表格进行设置。如图41

图41 设置表格

(10)显示表格细线条。 方法如下：将鼠标在带有背景颜色的表格里单击，然后在下面的属性栏里“背景颜色”设置为白色，或者你自己喜欢的颜色，用同样的方法设置右边栏，然后保存，进行预览。

(11)填充内容.表格设置好后,下一步就是按事先准备好的内容进行填充.在这里我就不再表述.下面是填充好的首页页面,如图42

图 42 填充内容