精彩专题推荐:建站之入门课 建站之必修课 建站之关键课 网站价值所在 流量提高专题 css+div 标准 个人网站打造全过程
返回建站学首页
导航:
建站首页 | 网站设计 | 网站开发 | 网站运营 | 网页软件 | 建站指南 | 搜索优化 | 图像处理 | 视频教程 | 书籍教程 | 建站专题
当前位置:首页>建站指南>建站入门>正文

制作首页


来源:建站学整理 时间:07-03-18 点击: 点击这里收藏本文
模板出来了,下面我们开始制作首页,首页是一个网站的门面,要注意的问题很多,前面我们已做了些说明,在这里就不再进行理论研究了。
(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
规划站点
设置站点
制作模板
制作首页
套用模板修改模板

  把此文章收藏到:          
广而告之
文章搜索
  • Google JZxue.Com

关于我们 | 联系我们 | 友情链接 | 网站地图
Copyright © 2005 - 2006 建站学 All rights reserved.