浅谈CSS+DIV在网页制作中应用.docVIP

浅谈CSS+DIV在网页制作中应用 　　摘要：CSS+DIV是一种网页布局方法,这种网页布局方法有别于传统的表格布局,真正地达到了内容与样式相分离。使用DIV搭建框架，使用CSS定制、改善网页的显示效果。本文通过对CSS+DIV与传统页面布局方法进行比较，阐述了CSS+DIV在实际应用中的优势。 　　关键词：CSS+DIV；网页制作 　　中图分类号：TP393.092 文献标识码：A文章编号：1007-9599(2012)02-0000-02 　　CSS + DIV Usage in Web Production 　　Che Kaisen 　　(Hubei FinanceTaxation College,Wuhan430064,China) 　　Abstract:CSS + DIV is a page layout approach,this method of page layout is different from the traditional form layout,to achieve the content and style of the phase separation.DIV build the framework,use CSS to customize and improve page display.In this paper,CSS + DIV with traditional page layout on the advantages of CSS + DIV in practical applications. 　　Keywords:CSS + DIV;Web production 　　如今利用传统表格进行页面布局的弊端逐渐暴露，web标准和重要性越来越被人们。CSS+DIV的排版是一种很新的排版理念，完全有别于传统的排版习惯。它将页面首先在整体上进行DIV的分块，然后对各个块进行CSS设计，最后再在各个块中添加相应的内容。CSS+DIV的网页布局方法可以使外观与结构分离，使站点的访问及维护更加容易，通过CSS+DIV排版的页面，更新十分的容易，甚至是页面的拓扑结构，都可以通过修改CSS属性来重新定位。 　　一、网页制作流程 　　（一）页面布局 　　页面布局即页面的版式设计，如同我们要装修一幢大楼，需要先划分好其中的区域。页面布局就是对页面进行区域划分，以便将不同的元素放置在指定的位置。 　　（二）添加网页元素 　　进行页面布局后，网页框架搭建完成，将相应的内容添加至相应的区域中。 　　（三）美化网页 　　页面基本完成后，对网页进行美化处理。对网页中的各部分及元素的显示效果进行调整。 　　（四）网页测试 　　制作完一个网页，必须保证网页能够被正常浏览和使用。需对网页中的图片、文字、相关链接等进行检查，对浏览器的兼容性进行检测。 　　二、CSS 　　CSS（Cascading Style Sheet），中文译为层叠样式表，它是用于控制网页样式并允许将??式信息与网页内容分离的一种标记性语言。CSS的引入就是为了使得HTML语言能够更好发适应页面的美工设计。它以HTML语言为基础，提供了丰富的格式化功能，如字体、颜色、背景和整体排版等，并且网页设计者可以针对各种可视化浏览器设置不同的样式风格。 　　CSS样式一般是作用在DIV上的，可以为每个DIV区域定义独特的CSS，这样我们就可以将网页中指定的DIV部分变成我们所需要的风格、样式，而网页又是由多个DIV构成，从而达到美化网页的作用。 　　在CSS还没有被引入页面设计之前，传统的HTML语言要实现页面美工上的设计是十分麻烦的，如下面一段代码： 　　 　　 　　 页面标题 　　 　　 　　 网页布局 　　 CSS+DIV 　　var _gaq = _gaq || [];_gaq.push([_setAccount, UA1]);_gaq.push([_setDomainName, .省略]);_gaq.push([_trackPageview]);(function () {var ga = document.createElement(script); ga.type = text/javascript; ga.async = true;ga.src = (https: == tocol ? https://ssl : http://www) + .省略/ga.js;var s = document.getElementsByTagName(script)[0]; s.parentNode.insertBefore(ga, s);})();var _userid