DlV+CSS网页技术在校园集网站网页制作的优势和应用
作者：王竞
来源：《科技与企业》2013年第05期
        【摘要】随着Internet的发展，DIV+CSS的网页布局方法越来越广泛地应用于网页设计中。本文介绍了过去常用网页技术的弊端，DIV+CSS网页技术的优势和基本语法，以及此网页技术在我校网站建设中的应用。
        【关键字】Div；CSS；网页布局
        引言
        随着Internet的不断发展，对页面效果的诉求也越来越强烈，只依赖HTML这种结构化标记实现样式已经不能满足网页设计者的需要。其表现有如下几个方面：①维护困难，为了修改某个特殊标记格式，需花费很多时间，尤其对整个网站而言，后期修改和维护成本较高。②标记不足，HTML本身标记很少，很多标记都是为网页内容服务，而关于内容样式标记，如文字间距、段落缩进，很难在HTML中到。③网页过于臃肿，由于没有对各种风格样式进行控制，
HTML网页往往体积过大，占用掉很多宝贵的宽度。④定位困难，在整体布局页面时，HTML对于各个模块的位置调整显得捉襟见肘，过多的table标记将会导致页面的负责和后期维护的困难。
        在这种情况下，就需要寻一个钟可以将结构化标记与丰富页面表现相结合的技术，CSS样式技术因此产生。CSS（用div与css实现网页布局代码Cascading Style Sheets）称为层叠样式表，也可以称为CSS样式表或样式表，其文件扩展名为.css。CSS用于增强或控制网页样式，并将样式信息与网页内容分离的一种语言。
        随着网页设计技术的发展，当前绝大部分网站已经采用DIV+CSS的方式进行网站的重构，DIV+CSS已经成为网页设计的标准和发展趋势[1]，其优点主要表现在以下几个方面：①符合w3c标准，即使网络应用升级后也同样适用，避免了网页的设计，也为继续开发省去了麻烦。②由于将大部分页面代码写在了CSS代码中，在无形中加快了浏览速度，使得页面体积容量变得更小。③相对于表格嵌套的方式，DIV+CSS将页面独立成更多区域，在打开页面的时候，逐层加载。相对于表格的嵌套格式，速度更快。④采用DIV+CSS技术的网页，由于将大部分的HTML代码和内容样式写入了CSS文件中，使网页中的代码更加简洁，正文部分更加突出明显，便于被搜索引擎采集收录。
        1、CSS基本语法
        4、结语
        基于DIV+CSS的网页布局方法正逐渐取代传统的表格布局模式，成为以后WEB开发的发展方向[2]。本文以徐州医学院现代教育技术中心下一个网站为例，具体介绍了DIV+CSS技术在网页制作中的应用，在实际中展示如何将网页的结构、表现和行为分离。DIV+CSS技术已经成为网站设计实现的主流技术，不管是已从业的网页设计师们，还是在校的学生，都应该把这种布局模式作为网页设计学习的首要之选[3]。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。