云浮网站建设
云浮网站建设
|
|
|
|
|
|
|
|
 
云浮网站建设
 
云浮网站建设
 
网站建设步骤
网站科技文献
 
 
 
           网页设计技术资料
杂谈html和CSS的混合设计
作者:源峰科技
出处:www.yfcol.com

加入时间:2009-12-24 22:34:55
文字 〖 自动滚屏(右键暂停)

目前使用CSS以及XHTML开发网页程序的优点正日益得到人们的称颂,但仍有许多的开发者团体更依赖于使用HTML表格来控制页面的输出。将一个网页设计切割成不同的表格是很简单的事情,但是要手工编码完成同样的输出可就有些麻烦。另外,网页设计中无数嵌套的表格在需要改变时就成了令人头痛的梦魇,好在类似Frontpage这样的可视化设计工具还可以助你一臂之力。要展示基于表格的输出,有个好方法就是使用一个示例。表格设计可以提供我们期望的设计结果,但是最终的HTML代码就有点不好理解了。使用表格的一个有利方面是众多浏览器全都支持,包括类似IE 5.0这样的古老浏览器。这一点和基 于CSS的设计明显不同,但是CSS有一些不同的优点。CSS继承了这个设计原理, 允许你很容易的将设计(HTML)和外观(CSS)区分开来。CSS是用于处理文本的外观,比如颜色和字体,不过逐渐成长为支持各种外观因素。除了简化文本外观以及颜色外,CSS还提供了布局功能。基于CSS的输出设计有个问题就是浏览器的支持。浏览器的支持正在慢慢达到期望值,但是古老的浏览器永远也不可能支持。在支持有限的情况下,又有多种不同的工作区和修改版本。让我们来看个使用CSS开发的HTML示例,和使用HTML表格的做个对比。在列表B中的 HTML源代码,其浏览外观和使用DIV标记定义页面主要区域(题头,菜单,内容和页脚)的效果完全相同。另外,菜单区使用了一个未排序的列表。CSS被包含在HTML的“head”部分中。它定义了不同的DIV标记的外观规则。这包含了色彩和空白。使用CSS输出的最终结果是设计更简单,因为内容将由HTML来控制(没有了表格,HTML 源代码阅读起来也简单多了),而外观则简单的交由CSS来控制。因为对CSS的支持各个浏览器有些差异,所以你必须努力不懈的进行测试,并部署许多的CSS修改以适应已知的浏览器差异。至于这些修改(以及如何在老式浏览器中工作),则不在本文的讨论范围之内了。HTML表格和CSS并不是控制网页输出的唯一方法。你也可以使用Macromedia Flash来提供一个动态接口。不过,你总该另外提供一个HTML/CSS的通道,以服务那些浏览器不支持 FLASH的用户,以及那些不注意FLASH接口的用户。采用混合HTML表格和CSS的设计方法。这使得适应当今为数众多的浏览器成为一件容易的事情。




  • 上一篇: 没有了

  • 下一篇: 网站设计中的N十个要点


  • 源峰工作室 | 网站服务 | 客户案例 | 网站技术 | 友情链接 | 联系我们 | 关于源峰

    地址:广东·云浮·云城区·星岩路培风巷526室 电话:13537918563 QQ: 510840671 278242745
    [网站报价] 套餐价:680元全包[带网站管理后台,送域名、留言板、计数器、搜索引擎登录、1年维护]
    [服务内容] 网页设计 、 网站建设 、 网站优化 、 虚拟主机和空间租用 。 [网站建设协议下载]
    粤ICP备09146608号
    云浮网站建设