网页设计教学中DIV+CSS布局的运用论文

Word-5-网页设计教学中DIV+CSS布局的运用论文

一、引言。

随着时代的进展长进，网络计算机技术的飞快进展长进，网页设计领域也有了极其广泛的进展空间，各个院校都开设了网页设计这一学科的教学，为培养这方面更多的人才对推进我国网页设计专业的进展进程作出重要的贡献。目前，在我国网页设计这一学科的教学过程中，教学使用的软件普通都是Dre-amweaver,这一软件在设计网页的时候，网页布局法最常用的就是Table页面布局以及DIV+CSS页面布局这两种，本文就深化了解分析DIV+CSS页面布局法这一页面布局法解决传统表格布局法的不足之处，利于后期的网页维护和修改工作的举行，简化了代码，从而削减了网络资源的铺张。因为DIV+CSS布局在当今社会的应用中受到广泛的欢迎，因此，我国各院校也应重视这一布局法在网页设计教学中的应用，转变传统网页设计教学课堂的教学氛围，提升教学质量，从而对提升同学的本事起到深远的作用。

二、DIV+CSS布局。

（一）传统的网页页面布局法。在传统的网页设计教学过程中，使用的页面布局法主要是表格页面布局和框架布局。表格布局法的优势在于能够任意设置单元格的高度和宽度，还能够实现嵌套，能让网页中的各元素都摆放在预期的地方；它的操作容易易行，能够完成各种版式的布局。但是它也存在无数缺点，比如说在设计复杂的网页时候，HTML文档内容将会特殊多，这样扫瞄器在加载完表格再显示页面的过程中，要消耗很长的时光，此外，表格布局法还可能使HTML文档的内部结构混乱，其页面的修理和修改工作也特殊困难。

（二）含义。DIV是一种容器性质的元素，它的存在是为HTML文档内容提供结构和背景，它是由起始标签div和结束标签/div之间的内容构成的。CSS就是层叠样式表，主要是用来设计网页的排版和风格的，使网页变得越发丰盛。

CSS由两个主要部分组成：挑选器和声明，其中挑选器的使用需要转变样式的元素；声明则是由一个属性一个值组合成的，属性和值需要用冒号来隔开，声明和声明之间需要用分号来隔开。假如要将网页页面上的元素实现一对一的控制，就需要使用CSS挑选器，常用的有标签挑选器、类挑选器、id挑选器、群组挑选器以及后代挑选器这几种，它们都有着各自的优点和缺点。

（三）布局原理。DIV+CSS页面布局法是WEB设计的标准，它和以往的表格页面布局法有着显然的不同之处，能够实现网页页面内容和表现分别，其中DIV是用来完成网页的框架结构，CSS是用来美化网站的样式，它们的共同使用能够将网站举行重构，使网站进一步实现标准化，简化HTML文档内容的代码，有利于网站结构的搭建。

三、网页设计教学过程中DIV+CSS布局法的应用路径。

（一）DIV+CSS布局法的优点。

1.使网页结构实现标准化。因为传统的表格页面布局法使用过程中，网页垃圾代码过多，用于装点的样式和页面布局代码的混合导致页面结构不美观，此外，表格页面布局中的多层嵌套、单元格的合并与拆分这些对一个单元格的调节工作，都会影响到其余单元格的表现效果。但是DIV+CSS页面布局法很好地解决了这一问题，在页面布局设计的时候，使用DIV盒子来确定大小，其边框局、间距等多种属性都能够举行数值上的调节，这就使网页页面的结构塑造性极强。

2.使网页内容和样式相分别。DIV+CSS页面布局法的使用，解决了以往网页风格不统一的问题，有利于更新和网页修理修护工作的举行。DIV（网页内容）和CSS（样式）的互相分别，普通是利用将页面内容放到HTML文档文件中而样式则放在单独的CSS文件里，当需要举行网页内容修改时候，只需要对HTML文件改动，对网页页面效果修改时候，则只需要对CSS文件中的内容举行修改即可，大大节约了工作的时光和人力的消耗。DIV+CSS页面布局法将网页内容和样式的分别，对网页的更新工作带来极大的方便，此外，还能够实现网页风格的互相统一。

3.优化搜寻引擎。网页设计中的搜寻引擎主要是针对网页内容也就是文字、代码完成的，而传统的表格页面布局法中使用的页面代码过多，搜寻引擎工作很难完成。但是DIV+CSS页面布局法中的网页代码简洁，在举行搜寻引擎工作的时候，只需要将被搜寻的内容从HTML文档中的代码举行搜寻即可，搜寻引擎只需要输入搜寻内容的关键词，削减了繁复的搜寻内容，提升了搜寻引擎工作的效率，削减了大量的工作时光。

（二）DIV+CSS布局在网页设计中的详细应用路径。DIV+CSS这一布局法在网页设计学科的教学过程中有着重要的作用，但是其技术性较高，操作困难，这就需要教师在教学过程中利用以下路径提升教学质量。

1.教学内容。目前，我国多数网页设计课程采纳的教材在DIV+CSS布局这方面的讲解都是从含义讲起，再分析字体、表格、图像等属性，内容散乱无章，同学学起来也显得非常困难。因此，应当从教学内容的制定上实现创新，教学内容由容易到困难，不断深化了解其详细含义。教学内容困难度的由浅及深，能够使同学在轻松愉悦的氛围中学习，激活同学的学习爱好，这样网页设计这一学科的教学质量才干获得进一步的提升，同学自身的学问本事水平也将获得大幅度的长进。

2.教学办法。随着社会的进展长进，我国教学事业也获得了飞快的长进，教学理念都发生了巨大的转变，在当今教学活动中，应当彰显同学在课堂中的主体地位。这就需要从教学办法开头作出转变。传统的网页设计课程都是利用教师控制同学电脑演示设计过程来完成的，这种讲课办法同学无法亲手动手参加到课堂教学中，教师讲完后让同学自己输入代码，同学就被动输入代码，这样同学的思维得不到培养，教学质量也将受到限制。因此，教师应当创新教学办法，充分通过先进的多媒体技术，不再操作同学的电脑，让同学自己动手，自主思量问题，这样教学质量才干获得提升。

3.教学评价。传统的网页设计教学考核主要是利用试卷完成的，这不符合这一学科的特点，因此，教师要在教学评价上实现创新，能够利用综合课程设计以及期末机房考试这两部分实现对同学的考核，既能够检查同学往常上课中综合案例的掌控状况，又能够检测同学的网页设计状况，教学评价体系的创新对推进同学的