| 模板出来了,下面我们开始制作首页,首页是一个网站的门面,要注意的问题很多,前面我们已做了些说明,在这里就不再进行理论研究了。 |
| (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 填充内容 |
| 如何制作网页目录 |
| 认识网页 |
| 制作主页前的准备 |
| 如何选择网页制作工具 |
| 如何把握网页布局 |
| 设计网站65条原则 |
| 下载安装Dreamweaver8 |
| 规划站点 |
| 设置站点 |
| 制作模板 |
| 制作首页 |
| 套用模板修改模板 |