网页设计教学毕业论文

时间:2022-06-27 07:27:21 设计 我要投稿
  • 相关推荐

网页设计教学毕业论文

  网页设计技术运用范围非常广泛,不论是网站、广告、动画、游戏,甚至程序设计与多媒体化展示方面都有一定程度的运用。下面是小编整理的网页设计教学毕业论文,欢迎来参考!

网页设计教学毕业论文

  【摘要】

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

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

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

【网页设计教学毕业论文】相关文章:

旅游网页设计毕业论文06-27

制作网页教学设计04-20

网页制作教学设计07-28

网页设计教学反思06-27

网页制作教学设计02-25

网页制作教学设计10-01

网页设计教学计划06-30

[网页设计]Re:网页设计认证07-03

[网页设计]网页设计来帮忙07-03

[网页设计]自己学做的网页设计07-03