布局网页设计教学应用

1、布局网页设计教学应用 【内容摘要】随着社会经济程度的不断进步，我国科学技术也得到了飞速的开展进步，网页设计领域所需的人才越来越多。在多数院校中，都开展了网页设计这门课程，为了进步这门课程的教学效果以及进步学生的专业知识程度，本文深化研究了当今网页设计教学过程中存在各方面的问题，主要对传统的网页设计教学中的网页布局法和DIV+CSS布局法进展分析比拟，分析得出DIV+CSS网页布局法的优点以及对网页设计这门课程教学的重要作用。【关键词】DIV+CSS布局;网页设计;布局原理一、引言随着时代的开展进步，网络计算机技术的飞速开展进步，网页设计领域也有了极其广泛的开展空间，各个院校都开设了网页设计这一

2、学科的教学，为培养这方面更多的人才对推动我国网页设计专业的开展进程作出重要的奉献。目前，在我国网页设计这一学科的教学过程中，教学使用的软件一般都是Dre-amweaver，这一软件在设计网页的时候，网页布局法最常用的就是Table页面布局以及DIV+CSS页面布局这两种，本文就深化理解分析DIV+CSS页面布局法这一页面布局法解决传统表格布局法的缺乏之处，利于后期的网页维护和修改工作的进展，简化了代码，从而减少了网络资源的浪费。由于DIV+CSS布局在当今社会的应用中受到广泛的欢送，因此，我国各院校也应重视这一布局法在网页设计教学中的应用，改变传统网页设计教学课堂的教学气氛，进步教学质量，从而

3、对进步学生的才能起到深远的作用。二、DIV+CSS布局(一)传统的网页页面布局法。在传统的网页设计教学过程中，使用的页面布局法主要是表格页面布局和框架布局。表格布局法的优势在于可以随意设置单元格的高度和宽度，还可以实现嵌套，能让网页中的各元素都摆放在预期的地方;它的操作简单易行，可以完成各种版式的布局。但是它也存在很多缺点，比方说在设计复杂的网页时候，HTML文档内容将会特别多，这样阅读器在加载完表格再显示页面的过程中，要消耗很长的时间，此外，表格布局法还可能使HTML文档的内部构造混乱，其页面的维修和修改工作也特别困难。(二)含义。DIV是一种容器性质的元素，它的存在是为HTML文档内容提供

4、构造和背景，它是由起始标签div和完毕标签/div之间的内容构成的。CSS就是层叠款式表，主要是用来设计网页的排版和风格的，使网页变得更加丰富。CSS由两个主要局部组成:选择器和声明，其中选择器的使用需要改变款式的元素;声明那么是由一个属性一个值组合成的，属性和值需要用冒号来隔开，声明和声明之间需要用分号来隔开。假如要将网页页面上的元素实现一对一的控制，就需要使用CSS选择器，常用的有标签选择器、类选择器、id选择器、群组选择器以及后代选择器这几种，它们都有着各自的优点和缺点。(三)布局原理。DIV+CSS页面布局法是WEB设计的标准，它和以往的表格页面布局法有着明显的不同之处，可以实现网页页

5、面内容和表现别离，其中DIV是用来完成网页的框架构造，CSS是用来美化网站的款式，它们的共同使用可以将网站进展重构，使网站进一步实现标准化，简化HTML文档内容的代码，有利于网站构造的搭建。三、网页设计教学过程中DIV+CSS布局法的应用途径(一)DIV+CSS布局法的优点。1使网页构造实现标准化。由于传统的表格页面布局法使用过程中，网页垃圾代码过多，用于装饰的款式和页面布局代码的混合导致页面构造不美观，此外，表格页面布局中的多层嵌套、单元格的合并与拆分这些对一个单元格的调整工作，都会影响到其余单元格的表现效果。但是DIV+CSS页面布局法很好地解决了这一问题，在页面布局设计的时候，使用DIV

6、盒子来确定大小，其边框局、间距等多种属性都可以进展数值上的调整，这就使网页页面的构造塑造性极强。2使网页内容和款式相别离。DIV+CSS页面布局法的使用，解决了以往网页风格不统一的问题，有利于更新和网页维修修护工作的进展。DIV(网页内容)和CSS(款式)的互相别离，一般是通过将页面内容放到HTML文档文件中而款式那么放在单独的CSS文件里，当需要进展网页内容修改时候，只需要对HTML文件改动，对网页页面效果修改时候，那么只需要对CSS文件中的内容进展修改即可，大大节省了工作的时间和人力的消耗。DIV+CSS页面布局法将网页内容和款式的别离，对网页的更新工作带来极大的便利，此外，还可以实现网页

7、风格的互相统一。3优化搜索引擎。网页设计中的搜索引擎主要是针对网页内容也就是文字、代码完成的，而传统的表格页面布局法中使用的页面代码过多，搜索引擎工作很难完成。但是DIV+CSS页面布局法中的网页代码简洁，在进展搜索引擎工作的时候，只需要将被搜索的内容从HTML文档中的代码进展搜索即可，搜索引擎只需要输入搜索内容的关键词，减少了繁复的搜索内容，进步了搜索引擎工作的效率，减少了大量的工作时间。(二)DIV+CSS布局在网页设计中的详细应用途径。DIV+CSS这一布局法在网页设计学科的教学过程中有着重要的作用，但是其技术性较高，操作困难，这就需要教师在教学过程中通过以下途径进步教学质量。1教学内容

8、。目前，我国多数网页设计课程采用的教材在DIV+CSS布局这方面的讲解都是从含义讲起，再分析字体、表格、图像等属性，内容散乱无章，学生学起来也显得非常困难。因此，应该从教学内容的制定上实现创新，教学内容由简单到困难，不断深化理解其详细含义。教学内容困难度的由浅及深，可以使学生在轻松愉悦的气氛中学习，激发学生的学习兴趣，这样网页设计这一学科的教学质量才能得到进一步的进步，学生自身的知识才能程度也将得到大幅度的进步。2教学方法。随着社会的开展进步，我国教学事业也得到了飞速的进步，教学理念都发生了宏大的改变，在当今教学活动中，应该彰显学生在课堂中的主体地位。这就需要从教学方法开场作出改变。传统的网页

9、设计课程都是通过教师控制学生电脑演示设计过程来完成的，这种讲课方法学生无法亲自动手参与到课堂教学中，教师讲完后让学生自己输入代码，学生就被动输入代码，这样学生的思维得不到培养，教学质量也将受到限制。因此，教师应该创新教学方法，充分利用先进的多媒体技术，不再操作学生的电脑，让学生自己动手，自主考虑问题，这样教学质量才能得到进步。3教学评价。传统的网页设计教学考核主要是通过试卷完成的，这不符合这一学科的特征，因此，教师要在教学评价上实现创新，可以通过综合课程设计以及期末机房考试这两局部实现对学生的考核，既可以检查学生平常上课中综合案例的掌握情况，又可以检测学生的网页设计情况，教学评价体系的创新对推动学生的学习有着重要的作用。四、结语总体说来，在当今社会形势下，各院校都要综合考虑社会市场对网页设计领域人才的需求以及这一学科自身的特点，制定合理的教学内容、教学方法，进步学生的综合素质，重视DIV