当前页:网页制作>>>制作首页
制作首页
来源:本站原创  责任编辑:黄舒奇  发表时间:2015-07-19  最后修改时间2016-05-22 
     模板出来了,下面我们开始制作首页,首页是一个网站的门面,要注意的问题很多,前面我们已做了些说明,在这里就不再进行理论研究了。
    (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 填充内容