模板出来了,下面我们开始制作首页,首页是一个网站的门面,要注意的问题很多,前面我们已做了些说明,在这里就不再进行理论研究了。 |
(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 填充内容 |