《网页设计制作论文范文 网页设计 论文优秀9篇》

写景自查报告；病假讲话新课程绝句：道歉信宣言思想品德材料提纲，评课稿新课程教材的寓言辞职报告谚语串词读书工作摘抄朗诵申请书主题班会体会；体积具体内容好句暑假作业新课程。这次帅气的小编为您整理了网页设计制作论文范文网页设计 论文优秀9篇，如果对您有一些参考与帮助，请分享给最好的朋友。

网页设计论文 篇1

摘要：本文对网页设计与制作课程的现状以及教学过程中存在的问题进行了分析，通过项目化教学法的引入，对这门课程的教学进行研究。分别对项目化教学法的内涵、教学改革设计方案以及实施的具体过程与注意事项进行了阐述。实践表明，相比于传统的教学方法，项目化教学法更能够激发出学生的学习兴趣，提高学生理论联系实际的能力。

关键词：网页设计；项目化教学法；教学改革

近几年来，计算机技术已经发展各个领域中。社会对计算机相关专业的人才需求也是日益增多，但是现阶段中职院校计算机专业毕业生质量不高、数量不多，无法满足社会需求，所以培养更多高素质的计算机专业人才是当务之急。网页设计与制作是中职院校计算机专业以及电子商务专业的一门重要的专业课。这门专业课的教学目的是让中职学生能够学会设计并且完成一个网站的技能。这门专业课不仅重视理论，同时非常重视学生的创新能力以及实践能力，所包含的知识点很多，包括平面设计、图像处理、ash动画设计、程序设计、数据库的应用等。在传统教学模式的影响下，大部分中职院校学生的实践能力并没有达到预期的要求。同时，因为一部分教学内容跟企业用人需求并没有同步，造成很多中职院校的学生在毕业之后还要再参加培训才可以适应用人单位的需求。所以，要想对这种情况进行改善，使中职计算机专业学生实践能力得到提升，让毕业生能够满足企业需求，就必须要对目前的教学模式进行改革。

一、现阶段中职院校教学现状

1.教学思想落后国家最新颁布的中职人才培养计划里面，开始渐渐提高了实践课程的时间占比。可是，在实际教学中，并没有真正实现，实践教学占比仍然较小，同时考核的方式仍然是传统模式，以试卷为主，学生的实践能力无法得到锻炼。2.教学内容缺乏新意在教学改革中，核心的工作就是对教学内容的改革，但是现阶段的大纲仍然大部分使用以前的内容，知识点并没有大范围的变动，不仅是理论知识的大纲，就连实践内容的大纲也相对滞后，并没有太多新知识的加入，无法满足社会需求的计算机人才技术要求，没有配套的教学案例进行指导，造成大部分的学生在毕业之后还要再次培训。3.教学方法落后在教学方法的使用上，仍然采用传统的填鸭式教学，上课的时候仍然以讲台上的教师为主，教师与学生之间并没有太多的互动，并且相应的教学设备也不是很够用，导致理论无法联系实际，严重地影响了学生的创新思维的成长。4.考核方式不合理现阶段很多中职院校的考核方式无法对学生的实践能力进行真实的反映，大部分还是以理论考试为主，考核内容缺乏实践能力的考核。5.对知识应用缺乏整体感现阶段的教学模式存在着一个很大的问题就是学生所学到的知识点大多数是零散的，在进行实际问题的考虑时无法从整体层面下手。所以，所有的课程学完之后，怎样应用知识整体去解决问题，还需要学生对知识进行重组，而缺乏实际案例的教学内容，会使学生在实践的过程中缺少方向与目标。6.缺乏实际工程项目经验网页设计与制作这门课程特别强调实践，缺乏实际案例的经验，会使学生的知识仍然停留在理论层面，这在以后的实际工作中是非常不利的。缺乏案例的训练，学生也无法在训练的过程中发现自己的问题，学习效果会严重受到影响。

二、项目化教学法

1.项目化教学概述项目化教学法是一种以构建教学理论为基础，将学生作为教学中心，发展学生全面素质的一种教学方法，由美国以及加拿大两位教育学家所提出的。项目化教学法的本质就是：以学生教师共同参与教学为前提，以实际项目为主线，贯穿整个教学过程。项目化教学法的目的就是加强理论教学与实践教学的融合，提升学生的实践能力，最大可能地将学生的创新能力发挥出来，使学生解决实际问题的能力得到加强。在项目化教学法应用的过程中，涉及的实际项目要符合以下要求：第一项目必须与教学内容有着紧密的联系，可以有效结合理论与实践；第二项目要满足用人单位的实际需求，使学生掌握的能力与用人单位相匹配，在完成项目之后，学生可以通过项目过程中获得理论与实践知识去解决实际问题。通常情况下，在采用项目化教学法时，要对学生实施分组，并且由教师对整个项目的开发过程进行指导。首先以学生为主体，让学生对项目的开发以及分工进行探讨，并且对项目过程中可能遇到的问题进行详细的分析，确保项目的顺利完成。然后通过教师的指导，并结合所学的知识对项目进行开发，在项目开发的过程中，让学生按小组的形式进行学习与实践。项目完成之后，每个小组都要将自己的成果展示出来，由其他同学与教师一起点评并给出相应的意见。在学生参与项目开发的整个过程中，学生的主动性以及积极性都被充分调动出来，通过项目针对某个目标进行学习，使学习的效率得到了提升，同时有效地将理论与实践相结合，这样整个过程所收获的能力一定能在日后的工作中派上用场。因此，将项目化教学法应用到中职院校的网页设计与制作课程的教学中是非常合适的。2.项目化教学的意义（1）培养学生综合素质。项目化教学法是一种比较先进的教学方法。项目化教学法能够有效培养学生的分析问题能力、实践应用能力、团队协作能力以及交流能力，提高了学生的综合素质。（2）发挥教师的创造性。项目化教学是通过实际的案例进行教学的，不仅要求学生在解决问题时理论联系实际，还能要求教师具有很强的应变能力以及创造性。整个教学的过程中，教师必须要将项目化教学的理论体系把握好，通过项目的不同及时进行教学内容的调整，同时要不断激发学生的兴趣，引导学生完成该项目。（3）推动教学改革。所谓进行教学方法改革，不能只在教学的形式上进行改变，也要在观念以及思维方式上进行改变，包含教师角色与学生角色的改变、考核方式的改变、教学体系的改变。对教学方法进行有效的改革，既能够推动中职学校的教育发展，还能够调动出学生的创新意识等内在的需要。（4）与实际岗位技能紧密相关。在进行项目化教学法时，所涉及的项目的真实性很高，项目中所涉及的理论知识以及实践能力都是用人单位所需要的。这样能够帮助学生在项目的开发过程中，得到与未来工作岗位相匹配的能力，提高自己的就业能力。

三、课程项目化教学设计与实施

相比于传统的教学方法，项目化教学法实施的过程中，主体是学生，学生是整个教学过程的中心。在项目化教学法教学的过程中，学生的思维要从“要我学”转变成“我要学”，从传统的以理论教学为中心转变成以项目开发为中心，从以教室为中心转变成以实践场所为中心。因此，在进行项目化教学法的'实施时，首先对学生的整体情况进行一个了解，之后通过教学思路以及项目化教学原则，制订出教学计划，主要包括下面几个环节。1.项目设计本文以网页设计与制作这门专业课为例，对项目化教学法进行探索。以项目需求以及功能为主线，将课程中所有的知识点进行贯穿融合，学生通过项目的完成来掌握项目中涉及的理论知识与实践能力。这样能够在整体上把握好这门课程的核心内容。所以，选择一个合适的项目是整个过程的关键，要充分考虑项目的可行性以及真实性。2.制订项目教学计划在项目确定之后，下一步就是要对项目制订具体的实施计划，将选定的项目分为几个模块；然后将所有模块所涉及的知识点和能力要求整理出来，安排到教学进度中，得出教学计划；之后教师与学生进行项目的实施，实现所有项目需要的能力要求，步骤如下。（1）制订计划。将项目的具体实施方案、分工安排以及时间安排表制定出来。（2）情境设置。通过需要掌握的知识点，安排项目场景，进行环境的模拟。（3）明确任务。根据场景中的内容，归纳总结出所有需要完成的知识点。（4）操作演示。根据实际问题的解决，将知识的内涵和用于解决实际问题时所起到的作用进行演示。（5）学生实践。指导学生在类似的场景中进行实践训练，使学生对知识点的理解更加深刻，掌握解决问题的能力。（6）协作学习。根据小组的工作分配来实施项目，并隔一段时间进行一次交流讨论。（7）学习评价。通过每个小组的项目完成情况，由教师以及学生一起对项目的完成情况进行评价。3.实施计划整个项目的实施过程，要由教师进行指导，再通过每组学生进行完成。进行项目的实施之前，要配备好项目涉及的所有网络以及硬件设备，这样可以有效减小意外对于项目实施的影响。在进行项目的实施过程中，碰到项目的一些难点以及重点环节时，由教师进行统一的指导来完成，确保项目的正常实施。4.检查评估对项目进行实时的控制是保证项目顺利完成和开展的关键。所以，教师在进行教学的过程中，要对每一小组的完成情况进行检查，确保项目的正常开展，并在发现学生出现问题时及时给予正确的指导。

四、项目化教学法实施注意事项

实施项目化教学法的过程中，不能只对项目的成果进行关注，还要关注整个过程。这个对拥有创造性的实践环节，学生与教师要一起完成，整个过程要注意以下问题。1.教师应改变教学观念想要实现传统教学模式到项目化教学模式的转变是一个循序渐进的过程。在项目化教学法实施进行中，不是让教师把理论知识带入到实践环节中，而是要根据一门课程设计一个对应的项目，同时把整个项目分成几个块，采用这些模块将需要学习的知识点进行覆盖。教师不仅要对教学的理念进行调整，还要对整个课程的体系有着深刻的认识，能够把握住项目和考核目标的匹配度。2.教师应进行合理的引导在项目化教学法实施的过程中，虽然大部分的工作是由学生来完成的，但是教师的指导作用也是非常关键的。这要求教师不仅要具备足够的理论知识，还要求教师拥有丰富的实践经验，能够第一时间看见项目实施过程中出现的问题。教师的引导工作主要有两方面，一是要通过项目的实施引导学生学习理论知识，二是在学生进行实践的基础上引导学生对所学知识进行扩展。当然，教师的引导不仅要针对学生小组，还要分配到每位学生的个人身上。3.项目的设计要做好理论知识和实际需求的匹配项目化教学法的最终目标就是使学生不仅掌握理论知识还要掌握实践能力，所以项目化教学法在实施过程中的一个难点就是怎样把这两者进行有机结合。教师在进行项目的选择时一定要对项目的实用性以及针对性进行充分的考虑，在进行项目的实施计划安排时，把每个模块所对应的知识与教材的内容对应起来，将理论知识和实践操作结合起来。

五、实施效果

笔者学校已经在计算机专业的网页设计与制作课程教学中应用了项目化教学法。为了对项目化教学法的实施效果进行验证，今年学校对一些校企合作单位进行了访问，考察去年计算机专业毕业生在网页设计岗位的工作情况。大部分企业表示，这批毕业生无论是在理论上还是在实践能力上都要更优秀一些。事实证明，项目化教学法可以使学生对知识有更深刻的理解，提升学生的学习兴趣，使学生的学习目标更加明确；可以更好地掌握网页设计的技能，加强学生的综合能力，有利于学生未来的职业能力的培养。

六、小结

本文将项目化教学法引入到中职院校的网页设计与制作课程中，分别对项目化教学法的内涵、教学改革设计方案以及实施的具体过程与注意事项进行了阐述。通过实践表明，相比于传统的教学方法，项目化教学法更能够激发出学生的学习兴趣，提高学生理论联系实际的能力。

参考文献：

[1]张波。信息技术课的六种有效课堂教学模式[J].考试周刊，20xx(80).

[2]尹强国，张慧如。项目教学法在JAVA面向对象编程中的实践与研究[J].现代企业教育，20xx(14).

[3]李博。项目教学法教学模式与传统教学模式的比较[J].教育教学研究，20xx(29).

[4]张广群，汪杭军。项目化教学在“VB程序设计”课程中的应用[J].计算机教育，20xx(4).

网页设计论文 篇2

1计算机网页包装设计与图像处理研究

1.1网页包装设计中的图像处理方法

借助计算机设备所进行的网页包装设计，需要对图像资源进行有针对性的处理，制作成为计算机软件开发应用需要的形式。在对图像进行制作时，要明确图像的格式，如果是制作成为GIF图片需要对图像资源进行透明处理，将其处理成为系统需要的图片形式，并在图片资源使用前，进行反复的控制研究，帮助进一步提升图像的色彩搭配合理度，动画格式的图像在内存中占据的比例比较大，根据网页打开后的内存资源来对系统进行更深入的设计，通过将各项设计理念结合使用，能够促进网站设计后的图形表现效果也更加理想，这是传统技术方法中很难实现的，也关系到网页包装设计的未来发展方向。静态图的制作方法相对比较简单一些，可以对图片的整体色彩以及明亮程度进行调整。

1.2网页设计中的两种特殊应用

首先是鼠标在网页页面中移动所实现的动态图像显示，在网页被点击进入的初期，所显示的画面均为静态的，当鼠标移动进入到画面中时，图片会自动的播放，进入到动态显示效果中，这对网页的制作使用有很大帮助，并且可以减少缓存所需的时间，在内存上也能够节省大量的资源，对实现网页功能制作有很大的帮助。其次是网络相册的应用，网站是具有存储功能的，需要针对这一功能来进行具体的实现，观察在现场是否存在需要继续深入解决的技术性问题，确保技术应用是科学有效的，才能够达到理想的技术运用标准。设计以及图像处理期间吗，要将使用功能放在首位，并观察在网页的各项资源中是否存在冲突矛盾的问题，经过一段时间的解决与深入探讨，在技术上能够满足使用需求。

2图像处理在网页设计中的应用解析

2.1网页设计中使用图像的意义

网页设计需要建立独特的品牌，并充分发挥品牌的影响力，观察在设计过程中图像是否能够充分发挥作用，这样在网站投入使用后，点击浏览者通过图像标识能够对网页产生深刻的影响，并对使用功能更好的了解。网站想要被更多的使用者所接受，需要传达一种安全可靠的信息，而图像是网站中最直观的部分，对图像处理进行严谨的对待，可以提升网页使用阶段的安全性，并避免在系统中出现严重的使用功能不稳定现象，促进管理计划在现场得到更好的落实应用。网页制作期间背景图像选择要与所传播的文化理念保持一致，并将提升使用稳定性作为设计期间需要重点注意的问题，避免图像在上传期间损坏，影响到安全使用，由此可见开展图像处理对网页包装设计技术应用的促进意义。

2.2网页图像处理的技巧

首先是图像的尺寸要进行准确的剪裁处理，观察在设计期间是否需要对设计的内容进行更稳定的处理，并通过技术方法来加深在现场调节控制的有效的方法，当发现在设计内容中，存在需要进一步完善的内容时，则需要进一步的采取解决优化措施，一旦图像的尺寸出现误差，是很难确保使用安全性的，并通过技术性方法来进行更加深入的解决。剪裁处理后的图像，需要结合网站的存储能力、浏览量进行测试，观察图片尺寸是否能够顺利的上传，并避免在使用中出现损坏。其次是图像处理要融入创新元素，这样网页打开后能够使人感受到新颖，过于落后的图片在使用期间可能会出现模糊损坏的现象，也不能够吸引更多的网友来对网页进行点击浏览，由此可见使用期间选择图像的重要性。可以借助网络系统来进行资源搜集整理，促进管理计划在现场得到更全面的落实，一旦发现质量下降的现象，要及时采取技术性方法来进一步完善系统中所存在的安全隐患。使图片的处理质量可以稳定提升。

3结语

互联网技术的使用范围正在不断扩大，也促进了计算机网页设计得到大力发展，提高网页点击浏览量已经成为技术发展的主体方向。网页设计艺术性越来越高，设计时需要考虑的图像因素很多，要掌握对图像处理工具的运用技巧。计算机图像处理技术是网页设计技术的重要部分，最终网页设计的质量直接与其相关，设计者在设计之初就要考虑页面的整体图片效果，把将要展示的图像作为网站设计的开始，这样网站设计才能很好的起步，最终设计出让用户满意的作品。

参考文献：

[1]谢飞扬。计算机图像处理技术在网页设计中的运用浅探[J].科技致富向导，20xx(04).

[2]李艳新。网页设计中计算机图像处理技术的应用价值[J].电子技术与软件工程，20xx(09).

计算机网页设计毕业论文 篇3

摘 要：

近几年来，我国旅游业发展迅速，但整体管理水平相对低下，运营机制不健全，网络化实施中的资源整合力度相对较弱，给人们的出行带来了一定的困难。本文对建立旅游网站进行了研讨。

关键词：

动态网站；信息管理； B/S结构；旅游线路

0 引言

当前，我国的旅游电子商务正处于刚刚起步状态，网络旅游新时代的真正到来还有赖于众多要素的改善，但网络旅游的旺盛生命力已开始体现。旅游业对于我国经济的带动是显而易见的，直接相关联的行来有食宿业、运输业、娱乐业等。因此，大力发展旅游业对于拉升地方经济有着十分重要的作用。

1、旅游网站需求分析

该系统通过分析旅客、旅行社和景点的现实情况，在网站设计中充分考虑3方的共同利益。从旅客角度来看，查看其时间安排、价位和食宿情况等；从旅行社的角度出发，主要通过网站管理各个景点的线路情况、收集旅客的基本资料、发布景区负责人信息等；各个景点的基本情况、主要包括：交通情况、门票价格和风景图片欣赏等。用户都可以通过系统来查询所需要的各种信息，并且可以订购机票和车票等。

1.1 目标

该网站系统要立足于服务景区、旅行社和旅客3方面的利益，通过人性化的界面设计，以发展旅游界为终级目标。其功能主要体现在：景区的特色风景、交通、当地的民族特色和特产等一系列信息的查询、管理和维护；旅行社对旅客人身安全的保障等；管理人员能够通过网站随时随地进行各项事务的处理操作，对旅客在旅行过程中提出的各种问题及时进行汇总和应答；对各个时间周期内旅客出行的地点和人数进行分析，以便于公司的宣传和准备工作。

旅游网站管理系统的主要使用对象是旅游管理部门和旅游公司，其功能是对旅游信息进行发布和修改，同时加强与游客的交流。本系统的用户十分广泛，对用户的技术要求是：熟悉计算机操作，熟悉Internet相关操作。

1.2 运行环境

硬件最小需求：奔腾3以上CPU，256M以上内存，10G以上剩余硬盘空间。

支持软件：Windows 98 /2000/XP操作系统。

支持环境：IIS 5.1。

数据库：Microsoft Access数据库。

开发工具：ASP。

1.3 旅游网站开发的可行性

采用现代计算机信息网站系统，能够有效帮助旅游企业优化旅游服务，使其在行业内处于优势地位，并相对长期地保持这种战略优势。开发本系统的可行性如下：

（1）技术可行性。随着网络信息技术、电子商务技术和软件技术的不断发展融合，设计旅游网站系统在技术上已经成熟。在本网站中，前台通过ASP语言实现，后台通过C#语言实现，数据库采用成熟的ACCESS。不仅能够保证其数据的可靠性，而且界面的实现相对容易，易于美化，完全能够满足本系统网站的技术要求。

（2）经济可行性。采用NET编程语言和ACCESS数据库，其成本相对便宜，在前期投入上花费较少，制作相对简单，能够满足中小型旅行社的需求，且投入较少。

2、系统总体结构设计

通过对广大旅游爱好者、旅行社和景区的调查分析，迎合大部分消费者的使用需求，采用软件工程对旅游网站系统进行总体分析。

2.1 旅游网站系统总体结构图

当前的网站系统，主要是以模块化进行设计，一方面便于加快网站系统的研发进度，另一方面便于日后的维护和扩展。

通过对系统总体结构的设计分析，能够让用户直观地得到网站的结构，方便用户的操作和使用。

本网站的系统结构如图2所示。

2.2 网站结构

本网站采用的是浏览器/服务器（Browser/Server）模式。所有操作服务都存放在Web服务器上，其后台数据存放在后台数据库当中，传输协议使用HTTP协议，客户端通过浏览器（Browser）访问Web服务器和数据服务器。其三层结构见图3。

第一层：浏览器：用于实现用户和服务器的交互工作，通过页面提示输入对应的信息，交由后台服务器处理，并将结果返回显示。

第二层：Web服务器，处于整个结构的中间层，实现用户的具体业务应用功能。

第三层：后台数据库，主要用于具体数据的存放，整个系统所有数据的调用都是从后台数据库中提取的。

2.3 系统功能模块设计

根据需求分析结果，按照“低耦合、高内聚”的原则，本系统设置以下主要功能模块：景点信息浏览功能模块、信息查询功能模块、在线留言功能模块。

（1）信息检索模块。

该模块主要是方便用户对本网站景点进行相关检索，并返回检索结果。用户可根据自己的不同需要进行选择，系统根据用户选择的不同检索方式和输入的关键字进行相关检索，得到用户检索的信息。

（2）信息浏览。

查看网站最近发布的信息（包含旅客、景点和旅行社），可以根据具体的访客情况进行分类别的查看。①旅游游记。通过“公告栏”可了解本站的最新信息，并可查看本站近期的所有公告内容；②景点信息。通过景点页面进行各个景点的信息浏览和查询；③旅游特产信息。通过旅游特产页面进行自己喜欢的特产浏览。

2.4 主界面设计

主界面是一个网站的门面，如同公司的形象，因此应特别注重设计和规划。它是用户首先见到的界面，它的好坏直接影响到网站的访问率。为此，笔者从以下几个方面对主界面进行了设计。

（1）在色彩搭配上，以一种较明快的色彩为基调，配以其它相关色彩，给用户一种鲜而不艳的美感。

（2）在字体选用上，大小适当，尽量使用常用字体，适当配用艺术字。

（3）在网页制作上，采用框架式结构，在框架中嵌入子页，将大表化小，图片压缩，尽量减少页面响应时间。

（4）在内容上，主界面内容充实而不繁杂，既体现本站特色，又满足用户需要。

（5）在用户操作上，简化用户操作，删去那些空洞的环节。

3、旅游线路信息管理模块的实现

在信息管理界面，管理员可以对各类信息进行管理。选择信息类别可以对信息进行类别管理，进而对类信息下的子类信息进行管理。管理员可以通过对修改删除按钮的点击，触发对信息的修改事件。其核心代码如下所示：

4、结束语

本文针对旅游网站展开讨论，首先分析了旅游网站的需求，重点介绍了其可行性，其次对网站系统的总体结构进行了设计，并分析了B/S结构的原理，最后详细介绍了网站的具体执行模块，即旅行线路信息管理模块，并给出了该模块的部分核心代码。由于文章篇幅所限，对于其它代码在论文中并没有给出，希望有兴趣的读者可在此基础上，进一步加以修改与完善。

参考文献：

[1] 余雷，周松建应用开发百例[M]。北京：清华大学出版社，2003.

[2] 黄斯伟，王玮。HTML4.0使用祥解[M]。北京：人民邮电出版社，1999.

[3] 白鉴聪，王进。JavaScript网页效果大师[M]。北京：机械工业出版社，2001.

[4] 武苍林，罗晃。Web数据库的ASP开发方案[J]。计算机工程与科学，1999（10）。

计算机网页设计毕业论文 篇4

【摘要】网页设计是一种直观的视觉语言，需要对其进行布局与排版。虽然网页设计与平面设计之间存在一定的区别，但是其两者依然存在一定的相似之处，网页设计应该充分借鉴利用平面设计的原则与方法。网页设计中的布局与排版需要通过文字、图形的组合来让网页获得良好的视觉效果。现文章主要针对计算机网页设计中的布局与排版进行研究。

【关键词】网页设计；布局；排版；文字；设计论文

网站是企业或政府向用户传递信息，提供服务的一种重要方式，是企业开展电子商务的重要平台，是政府面向民众的重要窗口。网站是直接反应企业形象、政府形象的平台，因此网页设计质量的高低将会直接影响到企业或政府的形象。在网页设计中，布局与排版是十分关键的内容之一，其会直接影响到浏览者对网页的第一印象与体验感。因此，对于网页设计的布局与排版进行研究具有十分重大的实际意义。

1、计算机网页设计布局与排版原则

2、常见布局与排版

2．1T字型T型结构是顶部的页面布局为网站的标语和横幅，下列左侧为主菜单，右侧为内容显示。由于菜单的背景布置颜色更深，因此整体效果视觉类似于英文字母“T”，因此被成为T字型布局。T字型布局是网页设计中十分常见的设计布局，其优势在于页面结构清晰、明确，容易正确把握主次关系；缺点在于较为沉闷，缺乏灵活性，如果无法准确把握，不注重细节与色彩的配合，十分容易出现无趣、枯燥的现象。2.2口字型口字型布局给人一个感觉就是在页面中间最为显眼的主题内容，类似于一个口字型，左侧通常包括注册信息、内容导航、搜索引擎，右侧通常包括动态消息、热点资讯和友情链接。上下两部分为横条广告与菜单。口字型布局的优势在于可以充分利用版面，囊括较大的信息量，缺点在于页面较为拥挤，过于死板［5］。口字型布局大多被应用于国外站点中，国内使用频率较低。2.3POP布局POP布局是将一张合适的照片作为页面设计的中心，并且在合适的位置摆放主菜单。POP布局并不是上下或左右对称的，但是在设计过程中依然要兼顾平衡与节奏。POP布局可以实现动态效果，其优势在于美观，缺陷在于运行速度较为缓慢。2.4同字型同字型的网页布局一般来说内容量都较大，网页上方为标题栏，其中内容可以是网站主题或横幅广告，在标题栏下可能存在小标题。在页面左右两侧都布置有相应的内容。通常来说，可能是网站的最新动态、网站的维护管理人员以及部分广告。同字型网页的主要内容是分布在中央位置，从上至下，根据内容的重点、类型来进行区分。网站下部分通常为空白，即使有内容也是一些十分常规的内容，包括网站制造方、网站基础信息等。

3、结语

计算机网页设计布局与排版是一门艺术，针对网页不同的内容可以采用不同的布局排版形式。然而不论采用何种的布局排版形式都需要始终秉持着布局排版的原则，以设计出美观、简洁、便捷、人性化的网页，让浏览者可以舒适的浏览网页。

参考文献:

［1］李娟．浅述网页设计中的页面布局技术［J］．考试周刊，2014(27):116～117．

［2］董磊．网页设计中视觉传达的整合设计［J］．明日风尚，2016(05):123，106．

［3］许炜熔．让“美”走进学生网页作品———谈在网页设计课堂中提高学生综合素质的几点建议［J］．课程教育研究，2014(26):248～249．

［4］梁日有．网页设计中艺术创新的研究与实现探讨［J］．学子（理论版），2016(03):12～13．

［5］尹涓，崔晓曦．浅谈网页视觉设计的应用和技巧［J］．电脑知识与技术，2015(15):204～205．

网页设计论文 篇5

网页能否有好的发展，不仅体现在好的创意上，也体现在网页的设计上，好的网页设计可以吸引网民的眼球，提高浏览量，但是我国目前网页中的图片视觉效果依然停滞不前，没有太大的发展，在图片的浏览上，缺乏灵活性，图片设计方面没有创意，网页设计人员的技术得不到提高，图片的视觉效果很差。

一、网页视觉设计的原则

要想有展现出完美完美的图片视觉效果，需要了解网页视觉设计的原则，依据原则进行图片设计，从而达到是事半功倍的效果，在设计网页的时候，为了使网页中的图片与内容合为一体，遵循形式美与内容美，要从以下几点出发：

（一）比例尺寸得当，对称均衡适度

合理的比例是美的前提。比例得当不仅适用于绘画，同样也适用于网页设计。在网页设计中，要想把握好比例，需要做好组版元素间和谐的关系。把握好比例尺寸，可以以中心线为轴线，这样做出来的网页图片，带给人一种大方、稳定、端庄的感觉，既体现了秩序的原则，又给人高贵的美。在网页设计中，点线面是很注重的要求之一，首先要在平面中找到平衡点，让绝食产生舒服的感受，接着要找到对称的部位，最后要以整个尺寸为基调，找到平衡点。

（二）动静变化有序，节奏韵律明快

网页中的动态和静态的变化是根据三维空间和图片的比例等因素体现出来的。同种元素因为布局与层次的变化会造成不同的视觉体验。在网页设计中，对空间的要求是很高的，需要考虑动态与静态的结合，节奏韵律的快慢。在网页的设计中，运用动静结合的方式，给人生动活泼的视觉感受，对节奏韵律把握明确，可以增加网页图片的感染力，同时又可以渲染气氛，展开联想。

（三）繁简互衬，多样统一

网页设计，需要考虑好网页的内容和图片版面，既不能使网页看起来太过繁杂，也不能使网页太过简单。在设计网页的时候，可以针对内容的多少进行合理的排版，同时也可以通过色彩搭配来对网页中的内容和图片进行分开。对网页的合理布置，使网页看起来繁简互衬，又能够使整体多样统一，各个元素独立而统一。按照视觉艺术的原则，给人以美的感受。

（四）图形

在网页设计中，图形的设计也是很重要的，图形和图片的比例需要恰到好处。图形是图片的缩小化，它可以帮助网页中的文字更加清晰，使整个网页看起来更加的美观和立体。小的图形在视觉上给人带来一种清新可爱的感觉。对图片的位置和形式的合理的布置，可以使网页更加美观大方。

二、提高网页设计图片视觉的方法

网页设计需要遵循形式美和内容美的有机结合，需要比例尺寸上把握得当，动静变化有序，节奏韵律明快，繁简互衬，多样统一的原则，同时也要做好图形的设计，要想提高网页设计图片视觉，就要从以下几点来进行：

（一）单项视觉流程

网页设计的单项视觉流程是指对网页中的图形、文字和符号等在平面上进行不同方向的变化，可以表现为横向、纵向和斜向这几种形式，然后对其进行构图。单项视觉流程在操作起来简单，同时也能够使网页的平面结构看起来更加的清楚直观，能够直接明了地升华主题，在视觉上给人鲜明的层次感，表现出单项视觉流程的稳定、端庄的效果，具有坚定、直观的感觉。

（二）反复视觉流程

网页设计的反复视觉流程是把相似或者同样的视觉元素进行三次或者三次以上的编排，使网页的图片画面有规律、有节奏、有秩序。运用反复视觉流程，给人的视觉带来冲击性，同时有体现出了网页图片的韵律美、节奏美和秩序美，给人眼前一亮的感觉。

（三）曲线视觉流程

网页设计的曲线视觉流程只要根据人眼来回摆动舒适感的舒适感进行设计，人们的眼睛可以依据弧线的运动变化方式来观看网页中的图片。其中曲线视觉流程主要包括了弧线形（c形）视觉流程和回旋线形（s形）视觉流程。弧线形（c形）视觉流程给人饱满的感觉，具有明确的方向感和扩张感，回旋线形（s形）视觉流程给人流畅，柔美的感觉，使图片生动起来，有很强的动感美和节奏美。虽然曲线视觉流程不如单项视觉流程看起来直观，但是却有飘逸美。

（四）焦点视觉流程

网页设计的焦点视觉流程主要是用焦点来吸引人们的眼球，聚集浏览者的目光。焦点视觉流程为了更好的吸引人们的眼球，往往还要用鲜明的颜色来对焦点进行强化，与网页图片的背景形成对比，同时也会别出心裁的设计焦点，分从从焦点的形式、焦点的层次和焦点与图片的结构进行。焦点视觉流程通常是以图形为主要元素，形成视觉磁场。

三、结语

随着信息科技的不断发展强大，图片对网页的影响也是极其重要的，快节奏的生活，使人们更加倾向于借助图片来获得自己想要的信息。因此只有遵循网页图片的设计原则，分别从单项视觉流程、反复视觉流程、曲线视觉流程和焦点视觉流程出发，才能更好地发挥出图片的价值，给社会大众带来美的感受。

网页设计论文 篇6

二十一世纪是信息化的时代，通过互联网，就能达到足不出户便可了解世界的目的。为了加深对互联网的了解，《网页设计与制作》这门课的出现就成为了必然。

1《网页设计与制作》现状问题分析

（1）对课程不了解

很多学生都有这个困惑，这门课能干什么？答案就是--开发网站！简单的来说，学好了这门课，你就有开发、设计网站的能力。

这门课包含了静态网页制作、动态网页制作、Photoshop、数据库以及程序的开发等。通过程序代码将网页与数据库连接，可以实现信息的实时更新。使你的网站成为一个“有生命”的网站。通过DIV层、框架、flash、样式表等对网页进行布局和规划，再加上像JavaScript这种脚本语言来实现用户与网页的互动功能，经过这些专业技能的学习，让学生真正掌握一种技术。

（2）学校以及教师的指导不够

很多老师通过上理论课的时候将知识授予学生，并未在做后续的指导，这是一门重在实践的课程，多实践才能熟练。学校开展相关专业的比赛活动很少，仅凭平常的上机实践很难完全掌握所学内容。

（3）侧重点不明确

很多学校教师在上这门课时，将很大一部分精力放在了对工具的操作上，而忽略了内容的讲解，这就导致学生可能工具用的不错，但是做出来的东西却很一般，甚至于连一些基本的功能都不能实现。有的学生不太明白这门课程的含义，不知道学这个有什么用，将来能干什么，态度比较犹豫，这也导致对这门课不重视。

2解决当前问题的方法

（1）学校教学思路

这门课程分为理论部分跟实践部分，理论知识的讲解一般在课堂上进行，通过授课教师的讲解，同学之间的演讲和作品展示来进行学习，举例学习是一种更快更有效率的教学方法，授课教师可以结合案例跟教材的内容去详细给学生进行分析。通过有效正确的教学方法来提高学校的教学质量。在实践部分，将重心放在学生上面，着重锻炼和培养学生自主动手实践的能力，学生有自己的想法后，可以结合教材自己去做网页，教师在布置任务不应死板的规定学生们必须要完成一个相同的作品，这样容易将一些学生的想法锁死。在课程设计上，让学生以自己的想法去进行设计是《网页设计与制作》这门课的一个关键点，充分展示学生的想法跟意见，让学生创造自己的作品，培养学生的创新意识。学校应该多给学生提供一些可供实践操作以及讨论的机会，尤其是用所学知识去解决实际问题的机会，与此同时，还应让学生自己创造机会，慢慢建立自己的学习方式。

（2）教师的教学理念

如今的社会，互联网的普及率非常高，各种新兴的行业发展非常迅猛，所以，学校授课内容应该紧跟时代的发展。技术是在不断更新的，育人的目的就是想找到一份好的工作，将就业放在第一位，及时归纳总结问题，现实遇到的问题及时解决达到活学活用的目的。教师在授课的同时，应该深入研究教学要求，确保教学内容跟目的合理性，考虑不同学生的实际情况去合理教学。鼓励学生自我动手实践能力，支持与同学一起探讨问题，教师要积极帮助学生解决他们所遇到的问题，学生通过对教材内容的了解，结合课程模块方面的实践将学到的知识运用到实际生活中，最大程度的激发学生学习的热情，进而形成良好的学习习惯。很多大学生对未来没有清晰的规划，在就业选择上不知该如何做出选择，所以他们主观意识上不太确定自己适合做什么，这就导致他们在选专业上的犹豫和不明确。校方要多做对学生未来职业方面指导的工作，让学生能从一而终认真专心的学习，不再将心思放在“能不能找到工作”上，方向明确了，自然而然学习动力就会充足。

（3）解决学生的困惑

《网页设计与制作》这门课程，教师给学生应该传达这样一个信息：在已经掌握的技术水平跟理论知识之上，还要能够独立去实践。把重点教给学生，合理平衡的分配理论知识与实践操作所占比例，在掌握学习工具以后，一定要多实践，多去了解学习理论方面的知识，技术在不断进步，学无止境，要不断的更新自己的知识，而不能安于现状。一种技术可能就是将来的求生技能，所以，学生对任何东西不要有排斥的心理，既然能有一门课程，那肯定是有道理的，有的学生不愿意去学习，是因为他不了解这门课程的作用，这时候，教师跟学校扮演了相当重要的角色，他们应该为学生答疑解难，让他们明白课程的重要性以及作用。及时指正他们认知上的错误。

3结语

《网页设计与制作》是一门涉及面很广的课程，在教师的教学方法跟课程设计实践的作用下，都能去激发出学生对这门课的兴趣，学生自主的探究学习可以丰富完善他们的专业技能更能加深印象，教师在传授专业知识时应该让学生明白这门课程的特色和作用，可以使他们在今后的学习和择业中方向更加明确。

参考文献：

[1]张宏升，章明珠。《网页设计与制作》课程教学体系的构建与研究[J].电子制作，20xx,（9）。

[2]劳飞。基于项目化教学的“网页设计与制作”课程改革与实践[J].教育与职业，20xx,（29）。

[3]吕芸。基于工作过程的“网页设计与制作”模块化课程开发研究[J].职教通讯，20xx,（30）。

网页设计论文 篇7

【摘要】在网络技术蓬勃发展的今天，网络被大面积应用在社会生活的不同领域，依托网络所成立的远程教育等愈发依赖网站，且专业人员也更加关注网页设计制作。本文依照往期的工作经验，首先介绍图形图像处理技术，然后分析网页设计制作，最后通过实例阐述图形图像处理技术在网页设计制作活动的应用。

【关键词】网页设计制作；图形图像；处理技术

网页制作是一门常用的编程、图像处理技术，媒体是其主要存在形式，拥有浓厚的艺术气息和强烈的影响力，由文字、图片与超链接共同组成。在具体的设计过程中，应全面分析各个要素，合理归纳，认真研究各个要素的逻辑关系与前后顺序，进而组建一个统一的整体。

一、图形图像处理技术

(一)应用的必要性。在网页设计制作中，图形图像处理是一种较为常用的处理技术，主要通过处理软件，从整体层面来改进图片［1］。对于网页制作而言，分割与编码等是最为常用的图像处理手段，参照网页制作要求，对原始图像进行最大程度的改进，构建网页制作。分析网页制作实践可知，PS与火狐是最为常用的处理软件，以需求者的内心活动为切入点，明确需求者的视觉标准，有效传递网页信息，提升处理效率。例如，比较网站整体，图像质量优良的网页通常为首选，人们在查阅网页时，率先选择文字和图形共同构成的网站，其中图像越清晰、效果越好，则停留时间也将会越长，并可引导人们科学读取网站内容，而这为网页制作开辟了新的渠道，有利于网页制作的全面发展。

(二)优势。

1．提升网页质量。从整体层面提升制作水平，优化整体构造，提高图像处理效果，改善网页的质量，有效发挥清晰、优良图像的价值，扩大网页制作的感染力，系统彰显网页优势，以此来创造更多的网页价值。

2．改进网页运行。借助技术所处理的图像，其指标参数均符合网页制作要求，满足规范标准，更不会对网页运行空间产生影响，确保搜索质量。待用户经由搜索引擎寻找网页时，清晰、优良的图像能够加快下载速度，增加网页的顺畅性，除可有效展现给用户外，还可提升点击率，推动网页竞争排名。

二、构图设计

网页属于一种独特的文件，借助浏览器来显示，网页构图应依照网站种类、风格与服务对象等因素来确定。借助页面构图，利用版面设计可规范、合理设置栏目，完全、清晰展现栏目内容，有效彰显设计人员的设计理念，完美阐述主题思想。

(一)网页设计中使用图片的优势。

1．视觉优势。从版面构成要素层面而言，图片的合理使用能够赋予网页别样的风格，有效吸引广大用户；从网页设计层面而言，图片拥有一定的设计弹性，能够协调网页内部的其余视觉元素，进而让网页设计可适应设计目标规划，达到统一、协调。

2．认知优势。图片的使用能够让无论来自哪个国家的人均可准确理解图片内涵，因此，可以降低阅读障碍和浏览障碍。即便用户不识字，也可借助类似方法明确图片的内涵，拥有认知优势。

(二)构图方式。

1．纵向式构图。纵向式构图指代沿着垂直方向来排列网页中所包含的所有要素。此种构图不仅满足当代人的视觉习惯，而且能够清晰、直观展现页面，主要被应用到广告设计和子页设计活动中。另外，应用此种构图时，还可选择不对称设计，进而获得突破，营造别样的视觉效果。

2．水平式构图。水平式构图指代网页中的所有要素沿着水平方向进行排列。此种构图可给人一种庄严、稳定、厚实的感觉，与人们的审美标准相符，满足浏览习惯。它主要被应用于政府机构、私营企业、学校教育等网站中，具体应用在主页设计环节。应用此种构图开展页面制作工作时，需要灵活运用色彩，尤其在导航条与文字中，规避单一画面，增强网页的严谨性和庄重感。

3．中心式构图。中心式构图是指将页面中的关键要素编排在画面的中心位置，集中形象、强调重点，视觉冲击力明显。在网页设计中，上述三种构图是最常用的构图方式，针对不同类型的商品与差异化的个人网页，在开展设计制作工作时也可选用不规则构图，进而完全彰显独特的、个性化色彩［2］。

三、色彩搭配

色彩是网页设计中的基本元素，网页制作一定包含色彩设计，合理、有效的色彩运用通常能提升创意效果，但若只是进行机械组合，则无法获得理想的效果。同时，网页设计中所遵循的色彩搭配原则与图形图像处理相同，都应参照适用性原则。主要包含用户满意率、整体协调性、清晰指数。另外，网页中所采用的颜色图像应尽可能采用ＲGB模式，这是因为当前所使用的显示器主要为32位以上，无需考虑浏览器安全色，在具体的选择过程应全面考虑色彩统一标准［3］。在具体的网页配色过程，一是确定一种颜色，并调整透明度，改进饱和度，简单来说是指深化或者浅化原有色彩，进而形成新色彩，然后应用到网页中；二是设计网页时，若无法有效把控色彩表现力，则应尽可能不要使用对比鲜明的色彩。

四、图形图像处理技术在网页中的实际应用

网页制作是一种把文字、图片、背景和视频等统一整合的过程，我们应大力增加网页中所包含的信息量，不断提升网页的艺术气息［4］。图形图像处理是一种必不可少的网页设计制作技术，通常待落实页面构图后，则应设计导航条与文字背景，同时进行特效处理。例如，设计人力资源测评网时，主要通过Photoshop软件进行网页制作，本文将以此为例，阐述图形图像处理在网页设计方面的应用。

(一)页面构图。因人力资源测评网自身较为郑重和庄严，为突显这一特点，并吸引浏览者的注意力，主要选择水平与中心式相融合的构图。测试与评估是一项紧张的工作，因此，选取白色充当网页背景色，蓝色为主色调，合理调节透明度与饱和度，组建蓝色系。这是因为白色不仅能渲染红色等亮色，还可营造一种温和、融洽、深远和平稳的感觉。

(二)LOGO制作。LOGO代表着网站，它是一种标志，至关重要。在设计LOGO时，应遵循简单、显眼的原则，利用有限的空间，展现特定形象，传达某些信息，同时，确保美观、鲜明。本文中的测评网站选用了大写字母Ｒ，辅以蓝色背景的LOGO，简单、大方；还可将其设计成进入准备阶段的运动员。

(三)导航条制作。网上浏览应坚持便利、快捷的原则，导航条通常可帮助浏览者有效找到目标内容。在网页主页中设计导航条，充当顶级目录，可与子页面形成链接，便于查阅和浏览［5］。在具体的设计环节，应结合网站的具体特点与基本功能来明确，在保证外表美观的同时，还应满足实用性要求。同时，确保导航条所选用的色彩满足网页的整体色调，主要设置在正文之上，而子页则可通过列表进行导航，相应的导航条可设置在正文两侧。以水平式导航条为例，在人力资源测评网的制作过程中，可将水平式导航条设计为柱状浮雕效果，且具有渐变色，操作步骤如下所述：其一，重新建立图层，借助矩形选框工具设立矩形选区；其二，改动渐变色彩，构建渐变色条；其三，点击编辑，然后点击描边，进而为选区构建描边效果；其四，利用快捷键来撤回选择，点击图层，然后点击图层样式，以此来设置斜面与浮雕图层相结合的效果，具体是指在默认状态中对样式、深度、方向、大小和方法等进行调整；其六，再次借助投影样式，以此来增强渐变效果。变动参数，直到出现三维效果，再增设导航菜单项等基本选项便可。

五、结语

网页除以媒体形式进行存在外，还涵盖多种内容，艺术气息浓厚，而图形图像处理在网页设计中占据重要位置，较为常用。图形图像处理主要依托特殊功能，全面展现设计人员的构思，完全彰显个人情感，同时，辅以文字和图片等要素，巧妙运用色彩，进而为浏览者提供一个色彩鲜明、内涵丰富、结构清晰的网页。

【参考文献】

［1］郝边远．视觉传达功能在网页设计中的表现［J］．才智，20xx，8:300

［2］邓焱．基于交互动画的网站设计与应用［D］．山东大学，20xx

［3］赵志江．基于任务驱动的《网页设计制作》课程教学改革探讨［J］．卷宗，20xx，4:29

［4］简海斌．用网页设计制作桌面应用程序界面探讨［J］．职业，20xx，15:61～62

［5］朱凤明．网页设计与制作中DreamweaverCs5的功能应用与发展趋势［J］．电脑知识与技术，20xx，24:5428～5429

有关网页设计制作论文 篇8

甲方：_________

地址：_________

电话：_________

传真：_________

乙方：_________

地址：_________

电话：_________

传真：_________

甲方委托乙方制作主页，帮助甲方树立企业形象，扩大宣传，拓宽销售渠道，为明确双方责任，根据中国法律经双方协商，签订此合同，以期双方共同遵守。

一、双方的权利和义务

1.甲方的权利和义务

1.1提供有关企业的电子文字材料及图片，以及其他相关文件，应保证材料完整，图片清晰。

1.2开展的业务必须符合国家法律和社会公共利益。

1.3甲方有权要求乙方按照双方商定的网站结构，在双方约定的时间内，完成合同中规定的内容。

1.4按时支付网页设计制作费用。

1.5依合同约定时间使用主页。

1.6甲方付清应付乙方的全部款项后，甲方正式享有网页的全部使用权。

2.乙方的权利和义务

2.1乙方依据双方商定的网站结构，在双方约定的时间内，完成规定的内容。

2.2乙方对甲方提供的文字及图片资料中所涉及的包括知识产权在内的一切法律问题不承担任何法律责任。

2.3在制作过程中，对甲方陆续提出的修改要求，乙方应尽力协助实现，对有可能影响双方约定的完成时间的要求，乙方有权提出合理的延期请求，由双方协商确定具体时间。

2.4由于甲方未及时提供资料而导致乙方工作不能按时完成，乙方不负任何责任，并有权向甲方提出延期要求，延期时间由双方协商确定。

2.5乙方负责在验收期内，如果甲方需要修改主页，可以免费进行较小的改动。

二、网页制作过程

1.由甲方提供企业的网站电子文字材料及图片，乙方根据网站材料及甲方设计要求进行网站首页设计，在_________个工作日后将主页平面设计图交给甲方审核。

2.甲方根据网站平面设计图提出修改意见，乙方根据修改意见进行改动。

3.网站平面图经乙方修改完成并经甲方签字确认后，网页首页设计完成。（如甲方在网站设计工作完成后更改原来双方已确认的网站创意，图片，结构及文案时，由此产生的一切费用由甲方一次性支付给乙方。）

4.乙方开始网页制作工作，整个网站制作时间为_________个工作日，所有工作将在_________月_________日前完成。完工后，乙方将网页上传至甲方服务器空间，由甲方依据验收。

5.在网页制作过程中，对甲方陆续提出的修改要求，乙方应尽力协助实现，并交甲方验收通过。对有可能影响双方约定的完成时间的要求，乙方有权提出延期请求，由双方协商确定具体时间。

三、主页制作费用报价，合同金额及付款方式

首页：_________页×_________元/页= _________元；副页数：_________页×_________元/页=_________元。

验收期为一个星期，本合同涉及的预估总金额为人民币_________元。

合同签订后当日，甲方支付预估总金额的50％，即_________元，甲方应在验收期完成后_________天内交完余额。

四、验收标准和验收后修改补充

1.甲方可以通过任何与因特网进行网络连接的计算机浏览自己的主页。

2.主页无文字拼写及图片（以甲方提供的材料为标准）错误。

3.验收合格，甲方以书面文字传真方式签收。验收期限为_________。

5.验收期内，如果甲方需要修改主页，可以免费进行较小的改动，改动较大者须另与乙方签订网页维护制作合同。

6.在验收期后的_________日内，乙方收到甲方支付的全部费用后，网页设计与制作工作自行终止。

五、违约责任

甲方违约或拒不付费时，乙方有权不退还定金，有权向甲方提出索赔，具体额度由双方协商确定，由此造成的损失由甲方负责。

乙方违约或没有按照合同规定按时完成，甲方有权拒绝付款，由此造成的损失，乙方自行承担。

六、附则

1.本合同自双方签订后生效，一式_________份，甲乙双方各执_________份。

2.本合同未尽事宜，双方应在本合同达成的原则基础上以补充条款的方式明确，补充条款与本合同具有同等的法律效力。

甲方（盖章）：_________

乙方（盖章）：_________

法定代表人（签字）：_________

法定代表人（签字）：_________

_________年____月____日

_________年____月____日

签订地点：_________

签订地点：_________

计算机网页设计毕业论文 篇9

【摘要】

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

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

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