首页 | 博客群 | 公社 | 专栏 | 论坛 | 图片 | 资讯 | 注册 | 帮助 | 博客联播 | 随机访问
建站基础连载(五)- -| 回首页 | 2008年索引 | - -建站基础连载(七)

建站基础连载(六)

关键词建站    基础    连载    为什么    农民                                          

打开那天的3行5列表格,先打开,现在讲一下合并表格。先选中要合并的表格,比如我要合并如图,这一列
  

选择表格都知道吧。可以用鼠标拖动选择要合并的表格,或者用CTRL建,单击选择,选中以后,在选择区域点右键,会出现下图所示,会出现一个菜单,选择表格----合并表格,那么你选择的表格就合并了。
  

如果要拆分单元格,就是一个单元格,那么也是用同样的方法,点右键,在菜单中选表格---拆分单元格,
  

可以选者拆分成几行或者几列。
以上就是表格的拆分和合并的用法,一直到今天我们都讲的是表格的基本用法,真正做表格定位的时候,这些是远远不够的,可能有若干个表格,一个表格中有可能还有若干个表格。
下面我们就以作一个简单的公司网站首页来讲如何用表格,最主要的是要明白表格的真正用意同,表格中如何再套用表格。假如一个公司叫新闻科技发展有限公司,里面栏目有:公司简介,产品展示,客户反馈,联系我们四个栏目。那么我来看如何做公司的这个首页,首先我们分析这个首页,顶部应该有个公司的名称,一个通栏,下面左边一般放公司的栏目。右边一般放公司的简介。
那么我们开始做,先新建立一个空页面,文件---新建,建立一个空页面,标题也设置一下,设置内容为“新闻科技发展有限公司”,
  

静态的,.html的,然后保存,保存成about.htm。这个大家都会了,上一节课都讲过,也是保存到web文件夹下面,完成这步以后,我们来看一下如何插入表格来定位这个ABOUT.HTML页面。头是要放公司的名称,那么我们把头做一个独立的表格,下面分左右两边,那么我们需要独立插入一个表格时1行2列的,这样上下这两个大的表格不相互影响,我们先来插入头表格,先插入一个表格,宽度是1024,高度是50,
  

插入以后选择表格,看下面的属性参数,里面有个高度设置,
  

我们把高设置为50,然后再让这个表格居中
  

背景颜色也设置一下,
  

背景色设置为#FFCC33。
然后我们要在这个通栏表格中要放两个东西,一是LOGO企业标准,二是公司名称。那么我们需要把这个表格分割成两列,选中表格,然后右键菜单中选者 拆分单元格,拆分成2列,效果如图:
  

然后我们要在左边插入一个LOGO图片,把光标放到第一个单元格里面,
  

点图片按钮。插入图片格式有:.gif .jpg .jpeg .png,
  

然后查找一张图片放里面,小一点,不要太大的图。
  

不要太大的图片,太大的图片会把表格撑开,理论上是我们的LOGO已经做好的尺寸,插入的时候如果你不是在D:/WEB文件里面插入的,要求你保存到这个站点里面,
  

如图所示,要求你保存到D:/WEB下面,你就选择是,然后保存。出现
  

这个是图片的标签属性,这个是非常重要的,标签对图片来说是非常重要的,因为百度搜索图片的时候,图片的标签是最重要的,所以我们不要忽略这个小东西,在替换文本中,写上标签的名称,如:新闻标志。
  

然后确定,那么LOGO图片插入完成,有的插入的比较大,那么点一下图片,选中图片,查看下面的属性,
  

然后把图片的高和宽设置为96×95,这样大图就变成小图了,但是这样是不对的,其实你的图片还是大图,它的文件大小是没有变化的,这会影响你网站的下载速度。所以最好是实际尺寸的小图。然后我们把光标放到第一个单元格里面,设置这个单元格大小,放里面以后看下面的属性,
  

把这个单元格的宽度设置为96,为啥设置为96,因为图片的宽度就是96,然后把光标放到右边的单元格里面。输入“新闻科技发展有限公司” ,然后让这个字居中显示,
  

然后选中“新闻科技发展有限公司”这几个字,设置这几个字的大小和粗细,也是看属性,
  

把大小设置为“36”号字体,粗体,那么这个通栏我们就基本做完了,如图所示,
  

你把光标放右边表格中,然后选择下面属性,水平居中对齐。
下面就要设置导航栏和公司简介内容了,就是左右两边的视图,首先我们选中通栏表格,然后点键盘上面的方向键“---->”,就是向右的方向键,那么这个时候光标就跑到通栏表格的右边了,然后插入表格,表格要求:
  

行说:1 列数:2 宽度:1024  边框粗细:1,然后选择这个表格,让其居中,属性设置为:
  

高度是700  对齐:居中对齐  背景颜色:#99cc00,然后把光标放第一个单元格内,设置左边的单元格的宽度是
  

设置左边的单元格属性为,
  

接下来我们在左边设置公司栏目,把光标放左边的单元格内,插入表格,表格属性是:
  

宽度300是何刚设置的表格也就是左边的表格宽度一致,然后插入,选中刚插入的表格,高度设置为400,
  

然后选中四个单元格,
  

意思是让网站栏目在表格中是居中的,最后在四行表格中分别打字:公司简介、产品展示、客户反馈、联系我们。然后把这四个栏目的字体设置为18号字体,
  

然后CTRL+S保存,F12预览,看一下效果。
  
右边可以输入公司简介,那么一个简单的公司简介就出来了。

【作者: 迈克儿】【访问统计:】【2008年02月27日 星期三 21:43】【注册】【打印

搜索

Google

Trackback

你可以使用这个链接引用该篇文章 http://publishblog.blogchina.com/blog/tb.b?diaryID=6638521

回复

验证码:   
评论内容: