论网站建设学生设计“磨砂金属按钮”实战浅析

[摘 要]通过大的市场调研，针对本专业输入市场的人才需求及中职学生的实际情况，合理安排学生进行有目的有实效的课程，运用项目教学教学法以市场为导向解决学生学习及就业问题。

[关键词]网站建设；学生设计；磨砂金属按钮；实战

中图分类号：X734 文献标识码：A 文章编号：1009-914X（2016）07-0223-01

一、课题的提出

网页设计中平面设计是设计师经过与企业/个人经过沟通后能够通过设计向网页浏览者传达信息内容：包括产品、服务、理念、文化等，是对网站功能的另一种宣传方式，主要的工作方向是进行网站页面的美工设计。由于是企业对外宣传的一种重要方式，精美的网页设计是非常重要的。

网页设计常用的工具包括AI、PS、FL、FW、DW？、CDR等。

二、核心概念的界定

主要通过教师合作教研，学生实践等完成的教学任务，任务通过市场调研、学生问卷调查，教师小组讨论，组内任务分配、教师相互参考、学生课堂教学、课后社会实践以共同性的目标、共享性的智慧、协同合作的过程、个体独立性的创作来达到本次的教研目的以此来促进我们青年教师的主动发展。

三、理论依据

心理学认为，当人的大脑处于“问题”状态时，他的思维也处于灵动、紧张、流动的状态之中，促使其有强烈的“推陈出新”意识，有敏锐的洞察力，能够通过某一现象的启发，引出顿悟，产生灵感。因此，设置问题情境，是中职“做中学”的重要途径。不少教学实践表明，基于工作过程导向的教育是对学生专业能力培养的突破口。本课题借鉴姜大源的基于工作过程导向的课程开发方法的探索中的宝贵经验，着眼于中职网站建设与管理专业学生实际出发，在工作项目的制定与实施上加以创新。

四、研究目标

通过大量的市场调研，针对本专业输入市场的人才需求，结合中等职业技术学校学生的实际情况，合理安排学生进行有目的有实效的课程，运用项目教学教学法以市场为导向解决学生学习及就业问题。

五、研究的内容及对象

本课题的研究对象是职业高中二年级平面设计班级的学生，此次被研究的学生普遍存在问题有：学习习惯不好、聪明但是注意力很难集中和保持，对自己感兴趣的学科能够较好完成并有探索精神。因此本课题需要研究的不仅是如何上好这门课更是要研究如何调动学生的学习积极性，这个是本次研究的重点内容，本节课的教研题目是“网页按钮设计”―― 制作磨砂金属按钮网页图标。研究内容如下：

1、根据不同的案例、设计学生普遍可以接受并能理解学习的任务案例

2、运用信息化手段进行教学

3、在任务模式下形成师生互教、生生互学的良好氛围

4、将任务模拟成真正的岗位实践

5、如何对学习困难学生进行教学转变

六、研究方法

1、调查研究法：首先对在校学生及已经工作的学生进行问卷调查、对平面设计设计公司进行市场调研

2、分析法：对市场调研的结果进行分析、对学生的问卷进行分析汇总

3、比较法：对被研究学生进行测前侧后对比得出结果

4、经验总结法观察法

七、课题研究的过程（方法和内容）

（一）准备阶段：2012年4月

1.搜集资料：课题进行之前，为提高教育教学理论素养，我分别从图书、报刊、互联网等途径广泛搜集有关资料。在2012年4月份开始收集了许多关于网页设计及平面设计相关理论知识，如相关应用软件、平面构成、色彩构成等，登录中等职业教育在线（.cn），进行相关技术知识的学习补充，为了能够对可以更好的研究打下良好的基础。本报告的文献集概念来自于：互联网问下资源及百度百科资源。

2.学生情况调查：为了解我校二年级平面设计展业学生情况，特对我校北大青鸟专业学生16名、平面设计学生11名进行了问卷调查，从问卷数据可以看出，学生在网络知识方面大部分的知识来源是网络，即为平时上网所得，学生对网络的运用也多出现在浏览网页方面，另外学生对于网页设计及按钮的知识有一定了解，学生通过一学年的PS学习，不变学习情况保证在肌醇工具的使用上没有问题，但对于新知识的理解、掌握和熟练运用还有待提高，课下学生能运用PS软件的我也侧面了解了一下，普遍用于修照片并没有同学用于鼠绘表现。这些问题说明教师在指教教学的过程中没有将软件的用途更详细的教授给学生，学生课下自主学习概念差。

通过此次问卷：我校学生普遍存在的问题是课上知识掌握不到位，课下对自己要求不够严格，没有主动学习的习惯，知识不复习就慢慢忘记了，在社会实践中学生动手能力有待提高，创新精神没有展现，我需要做的是将素材及教学作为载体，让学生自主学习，探索发现获得新知，将原有知识结构与信的素材相结合，传造出新的可用素材，培养学生动脑动手的能力。

（二）实施阶段：2012年4月中后期

本阶段在教师授课过程根据考核要求，利用提供的图片素材、文本素材，设计制作磨砂金属按钮网页图标。综合运用路径工具、选区工具、渐变填充、色相/饱和度、滤镜等知识点，采用图形表现方式，设计制作一个磨砂金属按钮。

1、基本工具部分（本过程是学生基础知识的复习与掌握）

（1）使用椭圆选框工具绘制按钮底图

（2）渐变工具绘制按钮底图

2、图层效果、特殊效果部分（学生对已掌握知识与新知识的结合创新）

（1）使用图层效果制作浮雕效果

（2）使用滤镜制作磨砂效果

3、整体修饰（学生发现美创造美的过程）

（1）添加信封图形

（2）修饰细节

（3）整体色调调控合理，与背景风格相一致

八、研究成果和结论

教师要用美的眼光去看待每名同学，授课过程中教师应保持微笑，课堂中的氛围始终保持在轻松愉悦当中，学生抛弃学习的压力，课堂氛围模拟工作的情景进行，学生遇见困难是可以有教师知道解决，针对学习困难的学生应该更多的给予帮助与关怀。

理论成果：

（1）在教育教学工作中，使用案例教学的方式进行专项训练，学生学习目的性强，知识的掌握也更好的吸收并通过与实践相对接的方式将知识点更进一步发酵，学生可以独立完成一个新的案例。

（2）教学的目的是教给学生知识，更重要的是交互学生如何自主获得知识，学习策略的制定很有效的解决了这一点，学生提出的问题多了，掌握的知识也就越来越多，学习的性却也越来越浓厚，调动起了整个班级的学习氛围，对于学习困难的学生也尽量要求与其他同学保持一致。

实践成果：

（1）在研究过程中，共开设二次校级公开课，一次校级汇报课。

（2）本课题研究过程中学生的作品在市级“3D创新大赛中”有两名学生获奖，并被此次比赛的赞助单位成功签下成为设计师。

九、存在的问题及今后的设想

此次教研中，教师在任务导入过程中能够调动学生积极性，是由于职业高中学生日常的行为习惯不好，存在注意力不集中，虽然教师调动了学生的积极性，但是保持起来有一定困难，学生课下的自主探究能力还有待提高，自学能力还有所欠缺。今后的教育教学活动中，应尽量多与学生沟通，在进行市场调研后再进行教学设计，在教学环节上多设计教学亮点，在软件的教学使用中紧跟市场节奏，尽量讲授市场主流应用软件，使学生在进入市场时能够以最快的速度适应市场，做到与商场同步。

参考文献

[1] 《使用Photoshop设计网页》（职业教育研究院出版社）.

[2] 《使用Photoshop 设计网页教学指导书》（北京阿博泰克北大青鸟信息技术有限公司职业教育研究院）.

[3] 《中职动态网页制作项目实战的教学随想》（作者：向芳）.

[4] 《Photoshop在网页设计中的作用》（作者：许金元）.