网站首页显示页面

1,分析出所需页面大的框架结构有几部分构成,大致列出来方便编写(本例由八行一列构成)。2,logo部分,一行三列构成,分别为,两个图片,一个总的超链接构成。在1,2列直接用img导入图片,为保证三列平均,则每个的宽度都为33.3%。在第三列用a来导入超链接,因为此处只是一个单纯的首页显示页面,所以href="#"。3,导航栏,一行。由于整个底是黑色的,所以在td里定义becolor为黑色,用a来定义超链接,font来定义文字的颜色,其中用来&nbsp打空格,是页面更好看。4,轮播图一行一列,此处只是一个单纯的图片(目前还没学到怎么轮播图片呢)。直接用img插入图片就好,宽度100%来保证充满整行。5,最新商品,三行七列(本处用到的第一行整合,21,31整合,22,23,24整合)。①第一行为文字及图片。colspan来整合七列,用font定义文字,img导入所需图片,&nbsp来保证两者之间的空隙。②用rowspan来整合21,31。用img导入图片,再用a来定义超链接,font来定义字体的颜色,在td里align="center"来保证文字图片居中。用colspan来整合22,23,24,用img导入图片,文字等同上。剩余三格无需整合,直接用img导入图片就好,文字等同上。③此行除第一个没有需整合的。直接用img导入图片,再用a来定义超链接,font来定义字体的颜色,在td里align="center"来保证文字图片居中。6,广告图片,一行一列。直接用img导入就好。7,广告图片,一行一列。同上。8,友情链接和保障,一行一列即可。用a来定义文字超链接,不需超链接的用p来定义。其中也许&nbsp来创建空格,是页面更好看。

创建的页面(其中图片为课程中所带,第八行中文字是在网上找的):

 

 

 

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值