网页设计教学中div+css布局的运用

《网页设计教学中div+css布局的运用》由会员上传分享，免费在线阅读，更多相关内容在应用文档-天天文库。

1、网页设计教学中DIV+CSS布局的运用　　一、引言。　　随着时代的发展进步，X络计算机技术的飞速发展进步，X页设计领域也有了极其广泛的发展空间，各个院校都开设了X页设计这一学科的教学，为培养这方面更多的人才对推动我国X页设计专业的发展进程作出重要的贡献。目前，在我国X页设计这一学科的教学过程中，教学使用的软件一般都是Dre-amweaver,这一软件在设计X页的时候，X页布局法最常用的就是Table页面布局以及DIV+CSS页面布局这两种，本文就深入了解分析DIV+CSS页面布局法这一页面布局法

2、解决传统表格布局法的不足之处，利于后期的X页维护和修改工作的进行，简化了代码，从而减少了X络资源的浪费。由于DIV+CSS布局在当今社会的应用中受到广泛的欢迎，因此，我国各院校也应重视这一布局法在X页设计教学中的应用，改变传统X页设计教学课堂的教学氛围，提高教学质量，从而对提高学生的能力起到深远的作用。　　二、DIV+CSS布局。　　（一）传统的X页页面布局法。在传统的X页设计教学过程中，使用的页面布局法主要是表格页面布局和框架布局。表格布局法的优势在于可以随意设置单元格的高度和宽度，还可以实现

3、嵌套，能让X页中的各元素都摆放在预期的地方；它的操作简单易行，可以完成各种版式的布局。但是它也存在很多缺点，比如说在设计复杂的X页时候，文档内容将会特别多，这样浏览器在加载完表格再显示页面的过程中，要消耗很长的时间，此外，表格布局法还可能使文档的内部结构混乱，其页面的维修和修改工作也特别困难。　　（二）含义。DIV是一种容器性质的元素，它的存在是为文档内容提供结构和背景，它是由起始标签<div>和结束标签</div>之间的内容构成的。CSS就是层叠样式表，主要是用来设计X

4、页的排版和风格的，使X页变得更加丰富。　　CSS由两个主要部分组成：选择器和声明，其中选择器的使用需要改变样式的元素；声明则是由一个属性一个值组合成的，属性和值需要用冒号来隔开，声明和声明之间需要用分号来隔开。如果要将X页页面上的元素实现一对一的控制，就需要使用CSS选择器，常用的有标签选择器、类选择器、id选择器、群组选择器以及后代选择器这几种，它们都有着各自的优点和缺点。　　（三）布局原理。DIV+CSS页面布局法是WEB设计的标准，它和以往的表格页面布局法有着明显的不同之处，可以实现X页页

5、面内容和表现分离，其中DIV是用来完成X页的框架结构，CSS是用来美化X站的样式，它们的共同使用可以将X站进行重构，使X站进一步实现标准化，简化文档内容的代码，有利于X站结构的搭建。　　三、X页设计教学过程中DIV+CSS布局法的应用路径。　　（一）DIV+CSS布局法的优点。　　1.使X页结构实现标准化。由于传统的表格页面布局法使用过程中，X页垃圾代码过多，用于装饰的样式和页面布局代码的混合导致页面结构不美观，此外，表格页面布局中的多层嵌套、单元格的合并与拆分这些对一个单元格的调整工作，都会影

6、响到其余单元格的表现效果。但是DIV+CSS页面布局法很好地解决了这一问题，在页面布局设计的时候，使用DIV盒子来确定大小，其边框局、间距等多种属性都可以进行数值上的调整，这就使X页页面的结构塑造性极强。　　2.使X页内容和样式相分离。DIV+CSS页面布局法的使用，解决了以往X页风格不统一的问题，有利于更新和X页维修修护工作的进行。DIV（X页内容）和CSS（样式）的相互分离，一般是通过将页面内容放到文档文件中而样式则放在单独的CSS文件里，当需要进行X页内容修改时候，只需要对文件改动，对X页

7、页面效果修改时候，则只需要对CSS文件中的内容进行修改即可，大大节省了工作的时间和人力的消耗。DIV+CSS页面布局法将X页内容和样式的分离，对X页的更新工作带来极大的便利，此外，还可以实现X页风格的相互统一。　　3.优化搜索引擎。X页设计中的搜索引擎主要是针对X页内容也就是文字、代码完成的，而传统的表格页面布局法中使用的页面代码过多，搜索引擎工作很难完成。但是DIV+CSS页面布局法中的X页代码简洁，在进行搜索引擎工作的时候，只需要将被搜索的内容从文档中的代码进行搜索即可，搜索引擎只需要输入搜

8、索内容的关键词，减少了繁复的搜索内容，提高了搜索引擎工作的效率，减少了大量的工作时间。　　（二）DIV+CSS布局在X页设计中的具体应用路径。DIV+CSS这一布局法在X页设计学科的教学过程中有着重要的作用，但是其技术性较高，操作困难，这就需要老师在教学过程中通过以下路径提高教学质量。　　1.教学内容。目前，我国多数X页设计课程采用的教材在DIV+CSS布局这方面的讲解都是从含义讲起，再分析字体、表格、图像等属性，内容散乱无章，学生学起来也显得十分困难。因此，应该从教学内容的制定上实现创新，教学