论文发表 | 论文范文 | 公文范文
最新公告:目前,本站已经取得了出版物经营许可证 、音像制品许可证,协助杂志社进行初步审稿、征稿工作。咨询:400-675-1600
您现在的位置: 新晨范文网 >> 设计论文 >> 网页设计论文 >> 正文

网页设计教学中表格与层的应用

定制服务

定制原创材料,由写作老师24小时内创作完成,仅供客户你一人参考学习,无后顾之忧。

发表论文

根据客户的需要,将论文发表在指定类别的期刊,只收50%定金,确定发表通过后再付余款。

加入会员

申请成为本站会员,可以享受经理回访等更17项优惠服务,更可以固定你喜欢的写作老师。

【摘要】本文以就业信息管理平台为例,研究网页设计中表格与层的应用,提出表格与层可以让网页的布局整齐美观,将网页中的文字、图片、动画等众多元素有条理地统一组织起来。虽然表格的使用整体上是好的,但在一些细节的美化上表格的设计就难以做到,这就要采用层来搭配表格的设计解决相应的排版美化问题。

【关键词】网页设计;表格;层;就业信息管理平台

随着信息技术的日新月异,网页设计的重要性也逐渐凸显,如何快速、方便地设计出相关的网页、网站就显得非常重要。在网页设计与制作的教学过程中,如何让学生快速地掌握网页设计的一些排版技巧是非常有必要的。因此,笔者结合网页设计与制作教学中的一些体会,并通过就业信息管理平台的设计案例,探索网页设计中表格与ApDiv(层)的排版设计技巧。

一、Dreamweavercs简介

Dreamweavercs是由Adobe公司推出的一套拥有可视化编辑界面,用于制作并编辑网站和移动应用程序的网页设计软件。目前,最新的版本为DreamweaverCC,网页设计软件的功能强大。对网页的浏览已经是我们生活中的不可分割的一部分,网页作为网络信息传播的主要载体,其设计也为大家所关注。网页设计软件的种类有很多,但最出名、最专业的网页设计工具,非Dreamweaver莫属。它是著名的“所见即所得”的可视化网站开发工具,目前的网页设计几乎都采用Dreamweaver来设计。Dreamweaver不仅提供了强大的网页编辑功能,而且还提供了网页的上传工具。利用FTP进行大文件的传输,节省了文件的传输时间,它是一个集网页创作和文件传输管理等多功能的设计工具。

二、表格与层在网页设计中的使用

在就业信息管理平台的设计中,采用程序设计,可以很好地提高网页的下载与浏览速度,但对于初学者来说,程序设计是一件头痛的事。因此,如何利用表格与层来进行设计,就非常重要。网页设计中的排版有很多种方法,其中表格结合层的使用排版是最基本也是最有效的方法。表格与层,对职业院校的学生来说,非常容易学,而且使用也非常方便,做出来的网页也非常的漂亮,因此,在网页设计中表格与层是非常重要的。

(一)网页设计中表格的使用。在网页设计中,利用表格的排版,它的整体效果好是毋庸置疑的,表格在网页中的位置可以通过表格属性来进行设置。在Dreamweaver中,页面内容的设计、排版主要是通过表格来完成。通过表格的相互嵌套、合并与拆分,可以将自己构思好的页面完整地表现出来。表格在网页中的重要作用,主要是它在不同的显示上,可以根据网页的大小、显示器的大小进行相应的变化。并始终都处于浏览的相对位置,完整地把内容显示出来,具有很好的兼容性。因此,使用表格排版比较规范,整体性强,可以让网页的设计显得非常的整齐,达到想要的效果。但由于表格的整体性,在一些细微的地方以及操作上还不够细化,在内容的设计表现上还不够丰富。

(二)网页设计中层的使用。层的使用在网页设计中也是非常的普遍,由于它的定位比较精确,又是一种可视化操作元素,它的使用让网页增加了丰富的表现。层与表格的使用基本差不多,但在位置的定位上要比表格方便很多,这也是层的主要优点。在网页设计中,文本、图像、表格等元素只能固定其位置,不能相互叠加。如果要想使多个元素进行叠加或者定位要精确,在这种情况下,就需要使用层来进行设置。层具有很多表格所不具备的特点,如层的重叠、移动、隐藏等一些功能,层还可以添加一些动作行为,让层的内容表现更加丰富,也正是基于这一点,层成了网页设计中一个重要的元素。层的这些特点有助于设计思维不受局限,从而在设计上有很大的空间。由于它是一种流元素,层在具有上述优点的同时,也存在着一些不可避免的缺陷,例如层在网页中的定位不会随着浏览器大小的变化而变化,层的位置是固定不动的,在这样的情况下就失去了层在网页设计布局中的意义。

(三)就业信息管理平台中表格与层的结合使用。表格与层的结合使用才能更好地体现出它们的优势,层也才能更好地体现出它在网页设计中的强大功能。在网页设计中,如何做到表格跟层的统一、层与表格融为一个整体,这就要用到层在表格中的插入操作,以及层的嵌套使用,下面以就业信息管理平台中制作下拉菜单为例来设计。首先,在网页中插入一个三行一列的表格,在表格的第一行插入一张图片,作为网页设计的Logo,而在第二行中插入一个嵌套的一行五列的表格作为网页的导航条,表格的第三行作为主要内容的设计与排版。

三、表格与层的正确应用表格与层

在网页设计中虽然有强大的功能,但在使用的过程中也不能太随意,如果随意地使用就会增加浏览器的负担,浏览下载的速度就会变慢,影响网页的浏览。

(一)表格布局出现的问题。在网页设计中,利用表格排版的时候,不能使用一个大大的表格铺满整个页面,这样不利于浏览器的打开。浏览器打开一个表格,是要等一个表格全部下载完成,这样就需要很长的时间来打开这个网页。在表格的嵌套中,也不能无限制地嵌套下去,一般表格的嵌套,应该控制在最多三层表格,如果嵌套的表格太多,打开时也会消耗大量的资源,不利于网页的打开。有数据统计,一般浏览者打开网页的等待时间为7秒以内。如何解决这个问题,主要采用拆分表格的方法,将一个大的表格拆分成几个小的表格,并要尽可能地避免表格的层层嵌套。

(二)层布局出现的偏差。在网页的设计中,层的单独使用没有多大的意义,因为层是流元素,不会随着网页浏览器的变化而变化,它的位置是固定的,不会产生移动。虽然有时候,我们在利用表格与层排版的时候,看起来很整齐,但一预览就完全错位了,根本不是想要的效果。如何才能使层与页面中的表格一样,能够随浏览器的变化而产生相对位置上的变化,这就需要先使用表格对整个网页的整体进行规划,然后添加一个层到表格中的一个单元格中,作为一个父层。操作的方法为:菜单栏中的插入—布局对象—ApDiv,插入后,这个层的位置左、上必须为空,没有任何内容。然后,其他的子层就通过这个父层进行嵌套,在这里必须强调的是,父层必须通过菜单栏的插入,不能通过用鼠标画出来的方式操作。采用这种方法设置层后,无论浏览器的窗口大小如何变化,它都会跟着变化,体现了与表格成为一个整体,在浏览时就不会产生位置上的移动,因此,层只有结合表格的使用才能更好地丰富网页内容。

总之,在网页设计中,表格与层是非常重要的元素,但在布局设计中,只有把表格与层结合使用,才能让网页的布局精美与丰富。网页中的内容虽然很重要,但网页中的设计与布局才是最重要的。因此,通过合理的布局设置,特别是主页设计要整齐美观,才可能更好地吸引读者。因此,在平时的网页设计中,要多看一些优秀网站的排版设计,只有这样,才能更好地提高自己的网页设计能力。

【参考文献】

[1]俞燕丹.项目教学法在《网页设计与制作》课程中的实践研究[J].新课程研究(中旬刊),2015(10)

[2]韩媛媛.浅谈Dreamweaver在网页设计中的应用[J].信息与电脑,2016(7)

[3]周金容.网页制作过程与技巧[J].软件导刊,2016(15)

[4]王浩.基于项目化的《网页设计》课程教学改革初探[J].信息与电脑(理论版),2014(11)

[5]钱丽丹.小组协同式学习在网页设计与制作课程中的应用[J].计算机时代,2015(4)

[6]陈静.基于项目驱动法的网页设计基础课程课堂教学改革探索[J].人才资源开发,2015(20)

作者:黄荣喜 单位:广西农业职业技术学院

网页设计教学中表格与层的应用责任编辑:张雨    阅读:人次