网页设计制作论文

【摘要】网页设计制作是信息社会发展和实现媒体内容数字化以及网络化的关键。目前，国内各类网站不下百万，网页设计成为最具发展潜力、社会需求量巨大的职业之一。职业教育中网页设计制作课程的教学必须抛弃传统的教学模式，把“项目教学法”引入教学中使学生的学习更有针对性和实用性，学到今后就业所必需的技能。下面是小编精心推荐的《网页设计制作论文(精选3篇)》的文章，希望能够很好的帮助到大家，谢谢大家对小编的支持和鼓励。

网页设计制作论文 篇1：

浅析项目教学法在中职《网页设计制作》课程中的应用

在中等职业教学中，《网页设计制作》课程作为一门重要的专业课程，具有较强的理论性和操作性，但是，目前大多数中等职业学校仍然采用的是传统的“灌输式”教学模式，不能够有效提高学生的主动探究意识和思维创新意识，因此，我们要寻找更有效的教学方法来提高中等职业学校学生的综合素质。

一、项目教学法的教学设计原则

（一）选择教学项目

中职《网页设计制作》课程项目的选择应该根据教学内容和目标来确定，并且尽量与生活中的实际问题相互联系。教师在确定项目的时候要能够包含整个教学大纲的内容，还要考虑教学项目是否能够调动学生主动学习、主动探究的兴趣，或者考虑让学生参与教学项目的选取工作。调查研究发现，通常情况下，难度适中的教学项目更能激发学生学习的积极性。

（二）坚持以学生为主体

在中职《网页设计制作》课程应用项目教学法应该突出学生的主体地位，教师在整个教学的过程中只是发挥引导、协调的作用，教师不能将学生单纯地作为知识灌输的对象，所以，教师在设计项目教学的同时，必须突出学生的主体地位，利用教学情境、合作交流等调动学生主动学习的积极性。

（三）创造良好学习情境

在中职《网页设计制作》课程应用项目教学法要注重于实际生活的密切联系，教师为学生创造的学习情境应该与学生实际生活和掌握的知识水平相关，由此，教师创造的学习情境才能够完全激发学生主动学习的兴趣，通过项目引导学生学习，同时发挥计算机多媒体等辅助工具，配合图像、文字和视频等等，努力创造良好的学习氛围。

（四）完成项目评价

在中职《网页设计制作》课程教学中，项目教学法的应用更应该重视项目完成之后的评价工作，必须应用良好的评价方式对整个项目的完成情况进行总结，其过程也是学生进一步学习的过程，通过学生之间的相互探讨和学习，努力学习他人优点，改善自身不足，最终达到全体学生共同进步的目的。

二、中职《网页设计制作》课程的项目教学法设计

（一）分析教学策略

学生作为教学主体，应该在教师的引导和帮助下，通过分组合作、相互交流和实际操作来探究新知识、新技能，教师采用项目教学法进行教学，应该注意教学内容与学生生活的联系，可以利用互联网资源，为学生创造教学情境，设置项目问题，引导学生主动学习。

（二）确定教学项目

教师对教学项目进行选择的时候，应该尽量挑选与学生生活有着密切联系的项目，在《网页设计制作》课程中，可以设计创建站点作为一个教学项目，在讲授创建站点的相关知识的时候引导学生完成；还可以将创建个人网页、制作校园图书网页等教学项目，在教师教授创建文档、设置格式、插入图像和设置超链接等相关知识时引导学生完成；讲授表格制作知识时可以将制作门户网站首页作为教学项目等。

学生通过不断完成和实践教师设定的教学项目，不但能够巩固学到的理论知识，同时锻炼了实际操作能力。

（三）完成制定项目

为了能够使每一个学生都参与到教学项目当中，教师在进行教学之前，应该首先让学生们以自愿的原则自由分组，一般情况下以4-6名学生为一组，教师可以适当进行调整，并给每组设置一名组长，组长负责给每名组员布置任务，并监督整个项目的完成过程，同时协调小组成员之间的关系，保证教学项目能够顺利完成。

教师让每个小组利用课余时间收集相关资料，小组成员在收集资料的过程中相互讨论，确定项目主题，同时收集制作网页需要用到的素材资料等等，然后分工合作，进行项目的设计和制作，制作过程中由教师随时进行指导和纠错，在项目完成之后进行总结和评价，评价的方式可以通过教师评价、相互评价和自我评价完成。

三、《网页设计制作》应用项目教学法的案例

（一）项目名称

制作爱护环境网页。

（二）教学目的

制作爱护环境网页这个项目是在学生掌握的網页制作基础之上确定的，学生通过学习该项目，能够正确设置图片风格样式表以及网页属性，有利于学生对原有知识的巩固和对新知识点的熟悉掌握。

（三）项目教学法实施过程

（1）学生分组

学生分组是项目教学法的关键环节，在遵循项目教学法设计原则的前提下，对全体学生进行分组主要有两种方式：一是自由分组的方式，这种分组方式通常是关系较好、个性相投的同学组成一个小组，虽然有利于小组同学之间的相互交流，但是不利于学生之间取长补短；二是教师设定小组的方式，教师通过对学生情况的掌握，根据学生的实际认知水平和性格特点，将学生相互穿插进行组合，其优点是能够突出每个学生的特点，便于学生之间相互学习。

（2）制作要求

爱护环境网页的制作需要遵循以下几个要求：设计的站点结构清晰简洁，文件名称简单易懂；利用风格样式表和网页属性设置等多种技术来设计网页布局；网站首页的动画效果较为精美；实现站点网页的各种动态效果；网页页面之间使用超链接进行连接，链接种类要求多样化；利用图像处理等软件工具对图像进行细节处理；网页的总数大于10页，设计要求新颖，布局要求合理，并且能够围绕主题做到内容充实、风格一致；网站的设计需要有一定的创新性。

（3）收集资料

教师为学生提供充足的制作资源，包括图片素材、视频素材、文字素材等等，以及讲述使用过程的电子课件，以此方便学生进行网页制作。

（4）主题策划

本文设计的教学项目是制作一个爱护环境的网站，以此来向社会群众进行公益性宣传，强调环境保护问题的重要性，在对网站选题确定的过程中要注意内容的精准性，本项目的主题是“爱护环境”，学生需要围绕这个主题进行策划工作，不能偏离主题。

（5）分组制作

在学生制作项目的过程中，以分组的形式共同完成爱护环境网站的制作，教师对于学生在制作过程中出现的问题应该及时给予指导和纠正，在学习风格样式表等新知识点时，简单的技能学生学习较快、运用熟练，但是在运用HTML标记语言和Scripts脚本语言时却不知所措，这是因为中等职业学校学生的基础知识较为薄弱，想要在短时间之内掌握大量新知识几乎是不可能完成的，这时候就需要教师进行示范性演示操作，或者给学生布置到图书馆查阅相关资料的工作等。

（6）项目评价

首先，小组内的组员对制作成功的作品进行打分；然后每个小组选出一名代表向全体学生展示制作完成的作品，以及作品的优缺点，还包括在制作网站过程中的分工情况、遇到的问题、解决问题的方法等等，接着总结在项目制作过程中学会了哪些新的知识点和技能，最后由小组之间进行相互评价，选出优秀作品，再请老师对作品进行点评。

四、结论

在中等职业学校《网页设计制作》课程中使用项目教学法，注重的不是最终的教学结果，而是整个项目活动的过程，在完成项目的过程中学生通过教师引导主动进行思考探究，提高了学生学习的积极性和热情，同时培养了学生独立思考、相互合作的团队协作精神。

责任编辑 陈春阳

作者：刘宇枫

网页设计制作论文 篇2：

项目教学法在网页设计制作教学中的应用

【摘要】网页设计制作是信息社会发展和实现媒体内容数字化以及网络化的关键。目前， 国内各类网站不下百万， 网页设计成为最具发展潜力、社会需求量巨大的职业之一。职业教育中网页设计制作课程的教学必须抛弃传统的教学模式， 把“项目教学法” 引入教学中使学生的学习更有针对性和实用性， 学到今后就业所必需的技能。

一、社会现状和计算机专业课程教学现状

目前， 国内各类网站不下百万， 网络已经成为人们生活中不可或缺的获取信息的工具。国内网民过亿， 因此网页设计是最具发展潜力、社会需求量巨大的职业之一。按照网站数量估算， 目前， 我国拥有网络编辑从业人员300多万人， 在未来的10 年内， 网络编辑需求将呈上升趋势，总增长量将超过26%。网络编辑职业的发展， 已日益引起业界和相关领域的密切关注， 网络编辑从业人员素质的高低， 直接影响网站的整体水平。

然而， 近年来， 随着高等院校的扩招、普通高中的升温， 中职学校的吸引力逐渐降低， 报考中职学校的学生日渐减少， 中职学校招生工作遇到前所未有的困难， 生源质量不断下降。造成中职院校的学生生源质量较差的原因有学习习惯差、学习态度差、学习成绩差， “三差” 是大部分中职院校学生存在的普遍问题。学生入学时掌握计算机的水平参差不齐， 有的已经非常熟练， 而有的却从未接触过计算机。若采用传统的教学方法， 按照从易到难、从简单到复杂的顺序循序渐进的教学， 学生容易感到枯燥乏味，导致在课堂教学过程中， 基础好的同学“吃不饱”， 从而不用心学习， 甚至旷课； 而基础差的同学又觉得学习吃力，从而产生厌烦情绪。

在这种形势下， 如何提高学生网页设计制作的实践动手能力， 是网页设计制作这门课程教学的根本任务。这不仅对传统教育管理和教学模式提出更高的要求， 同时， 也对教育改革产生了深远的影响。综合近几年来的教学以及网页设计制作教材编写的实践和体会， 我认为项目教学法将能替代传统的教学模式， 极大地推进我们的计算机专业教学改革。

二、项目教学法实施过程

“项目教学法” 最显著的特点是“以项目为主线、教师为主导、学生为主体”， 改变了以往“教师讲， 学生听” 被动的教学模式， 创造了学生主动参与、自主协作、探索创新的新型教学模式。

学生在教师的指导下亲自处理一个项目的全过程， 在这一过程中学习掌握教学计划内的教学内容。学生全部或部分独立组织、安排学习行为， 解决在处理项目中遇到的困难， 提高了学生的兴趣， 自然能调动学习的积极性。因此“项目教学法” 是一种典型的以学生为中心的教学方法。

目前用于网页制作的软件层出不穷， 网页制作的教材也很多， 但是往往顾及了培养学生的动手实践能力却忽略了基本知识点的学习， 基础知识的薄弱导致学生步入社会后难以自我再学习。因此我校在网页设计制作教学中的设计方案是以项目作为该教材的主线， 然后将该项目根据知识点再进行模块划分， 任务贯穿， 通过这些模块任务的学习与实践让学生在完成任务的同时掌握这些知识点， 既为动态数据网页制作做好了准备， 也为再学习打下了坚实的基础。

1.项目为主线

以就业为导向， 紧贴社会对高素质劳动者的基本素质和应用能力的要求。将“七彩云南旅游网站” 这个实际的项目作为教材的主线， 让学生首先从总体上去欣赏该网站，激发他们的兴趣， 体会自己完整地构建该网站的成就感。当学生学习完该课程即完成一个实际的项目设计与制作，将大大提高学生的学习兴趣和学习的成就感。

2.模块划分， 任务贯穿

学生的兴趣通过欣赏、设计一个具体网站项目被激发起来了， 但是为了能够让他们长久保持兴趣， 不被知识难点吓倒， 我们将此项目分解成模块和任务， 每完成一个模块和一个任务即距离我们项目的完成近了一步。

突破知识体系界限， 强调综合能力的培养。我们将“七彩云南旅游网站” 项目按照知识点、操作技能分解成一系列的模块， 每个模块都由几个具体的任务组成， 将理论知识的讲述融入任务的操作过程中， 教学内容完成， 一个实际的工作流程也就完成了。

3.栏目多样化

栏目多样化， 激发学生的学习兴趣和学生的可持续发展性。在教材中穿插诸如“想一想”、“看一看”、“做一做”、“友情提示”、“知识窗” 等小栏目， 让学生在轻松、互动的环境中学习枯燥的理论知识； 通过“学习评价”， 反馈学生的学习情况和对教学的要求。

综上所述， 网页设计制作是一门操作性强、实用性强的课程， 我在教学过程中结合网页设计制作课程的特色与中职学生的特点， 以学生为主体， 以就业为导向， 着重培养学生的职业能力； 精心设置项目并实施项目教学， 教学效果显示它是一种比较有效的教学方法， 通过项目教学法学习的学生， 他们的动手能力、解决实际问题能力都有很大的提高， 培养出来的人才更能适应社会的需要。

【参考文献】

［1］ 殷翔文.园区网互联及网站建设［M］.凤凰出版传媒集团： 江苏教育出版社， 2010.

［2］ 王君学， 田明.网页设计与制作——Dreamweaver8［M］.人民邮电出版社， 2008.

作者：郝登山

网页设计制作论文 篇3：

图形图像处理技术在网页设计制作中的应用探讨

摘 要：图形图像处理技术在网页设计活动中有重要作用，网页的页面布局设计需要技术人员采用多种图像技术进行制作。在网页设计中使用特效技术，能够使页面更加简洁和优美。在网页设计与制作中，技术人员经常使用旋转特效、图片缩放和表格栏的倾斜和平移，进行网页设计的相关处理。本文根据分析网页设计与制作中的技术要点，提出几点有利于提高设计布局中图像处理效率和处理技术的可行性建议。

关键词：图形图像；网页设计；制作方法；处理技术

网页设计与制作中最重要的部分，就是对网页内容中的图像进行优化和处理。在图形图像处理技术的运用中，技术人员应该采用不同的制作方法，从而提高页面的优化水平。图形图像处理技术在页面名片介绍和平面标志板块应用较多，为了提高网页设计的效率，技术人员需要提高自身的软件操作熟练程度，通过观察和对比其他优秀的设计，来加强自身的设计水平。在图像图像处理的过程中，注意细节的掌握，把控图像设计的关键要素。

一、网页设计制作中图形图像处理技术处理的重点

在图形图像设计活动中，技术人员应该注意效果的完整性和图像处理的细节把握，体现出设计的层次感，从而保证视觉审美元素在运用的过程中，不会因为设计作品材料的损坏而丢失应有的视觉元素。

图形图像设计作品在对于审美中视觉元素的构建下，并不强调在单个图形区域中，融入过度的设计情感，在很多情况下，设计师重视的是色彩的变化在潜移默化中对于人体视觉的影响。为了达到色彩和谐的效果，实现视觉色彩的最佳运用，将冷色与暖色与人们的生理感觉和感情联想巧妙的结合在一起，从而提高用户对于页面设计作品的接受程度，让作品不至于由于色彩搭配比较刺眼而让观众难以接受。为了提高图形图像处理的娴熟度，技术人员应该积极进行个人知识体系库存更新，对软件工具的具体操作方法、步骤和技巧进行深入学习，并且能够熟练使用软件工具进行网页部门的图像处理，在编辑图像和文字处理的过程中保证页面设计的美观，体现艺术性和简洁性。

二、图形图像处理技术在网页设计制作中的应用探讨

（一）合理调整构图要素，强化图形编辑

优秀的图片设计，图像中的各个要素必须要经过合理的调整。在图形图像的处理活动中，技术人员可以借用专业的软件工具来进行设计。网页设计的过程中常见的有Photoshop、auto-CAD和3DSmax等多种制图工具。

技术人员应该积极发挥这些制图工具的图形处理优势，为页面布局的优化提供可能。使用photoshop工具进行图形图像的编辑处理，技术人员需要具备一定的系统知识，按照一般网页设计活动中常用工具应用实例的规范开展图形设计。在图像编辑与应用中，应该注重色彩对比度的控制。Photoshop主要适合技术人员进行图像的变形和处理，在图层应用环节技术人员应该尽量体现出层次感，使用通道和蒙版进行图像内容的丰富性和专业化设计。除此之外，网页设计与制作過程中，路径应用与滤镜应用这些专业的处理手段，也应该在高质量的网页设计之中。

（二）重视图形优化处理，完善页面布局

网页制作中的图形图像处理活动，技术人员应该采用有效手段优化页面。网页布局与图形制作过程中，最常使用的技术手段是Auto-CAD图形工具。在图形处理的过程中，技术人员可以先从基本操作满足用户的基本需求。对于工程招标文件中的特殊图层线性处理，使用CAD软件制作方法，能够对二维图形对象进行精准处理。

在编辑和显示图形的过程中，技术人员应该考虑到网页设计与制作中图形的位置安排。采用CAD制图工具绘制复杂的平面图，技术人员应该注意标准尺寸和解释文字等辅助性信息，确保网页制作中图形板块的完整化信息处理和多元设计。图形图像处理应该选择合适的背景，在背景制作的过程中可以选取素材库中已有的背景，在图片的周围还要进行文字制作。在文字制作的过程中，字的颜色应该和背景的颜色有区分，文字附近的链接按钮制作应该醒目。图片的嵌入设计应该是网页制作的醒目标志，在当今这个读图时代，图片的出现必须要第一时间抓住阅览者的眼球，从而吸引用户去点击了解更多的情况。

（三）强调素材挑选，提升页面美感

通过页面中图形图像的处理来丰富网页信息，在网页设计中技术人员应该认真采集素材。一般来说，网页设计中的素材包括图片、照片和表格图形资料。在图形图像的插入运用过程中，技术人员应该认真分析用户的需求，按照用户的目标定位开展具体的图形图像处理活动。

技术人员应该按照用户的设计需要进行图形的处理，并且在图形处理的过程中体现出艺术性，在网站构建以及交互式网页制作中体现出一定的版面艺术设计水准。在网页设计与制作的图形处理阶段，技术人员应该坚持科学的处理方法，达到最佳的图像處理效果。对于比较复杂的设计图案，设计师一定要在设计图案的下角部分，进行必要的文字注释，一定要注意文字的精炼，防止由于文字部分过多造成喧宾夺主的效果，从而损害平面设计作品的美感。同时，在设计图案的选取上，设计师也要考虑到人们的理解能力，尽可能使用生活中常见的图形，这样也可以在后期的艺术加工过程中，融入更多的解读信息。

在网页构图设计的活动中，技术人员应该先确定好图像的大小，然后根据页面中主题各个界面面的风格和主色调来调整图像的比例。图像图像的处理一定要与网页设计中其他的文字内容相匹配，让图像内容为页面设计增添亮点和光彩。需要和图片选取的背景设计师在进行平面设计的过程中，应该重视色彩与文字、图案的合理搭配。

参考文献：

[1] 高歆.网页设计中的图形图像处理技巧[J].中文信息，2015，（8）：7-7.DOI：10.3969.

[2] 何秀琴，王晨升，马思羽等.论格式塔原则在网页色彩设计中的应用[C].//第六届图像图形技术与应用学术会议论文集.2011：56-60.

[3] 王长征.试论网页设计中的LOGO设计[J].山西广播电视大学学报，2011，（6）：49-50.DOI：10.3969.

[4] 陈兴. 张思望. 董海斌.平面视觉元素在网页设计中的应用研究[D].西安理工大学，2008.DOI：10.7666.

[5] 刘刚田，郑亚楠.图形艺术在网页设计中的应用[J].燕山大学学报（哲学社会科学版），2005，6（z1）：90-91.DOI：10.3969

作者：刘欢