开篇:写作不仅是一种记录,更是一种创造,它让我们能够捕捉那些稍纵即逝的灵感,将它们永久地定格在纸上。下面是小编精心整理的12篇网页设计课程总结,希望这些内容能成为您创作过程中的良师益友,陪伴您不断探索和进步。
一、心智技能理论概述
技能分为操作技能和心智技能,操作技能是一种动作技能,培养操作技能使学生“知其然”,比如网页设计中建立页面布局、插入表格这些功能如何实现。而心智技能是一种思维的技能,是调节和控制心智活动的经验,培养心智技能使学生“知其所以然”,比如为何要使用网页布局、使用何种布局更好、网页元素如何搭配更美观等,从而使学生能够更合理地应用其所具备的操作技能。
因此,要提高学生的技能水平,就必须在教学中加强心智技能的培养,培养学生的创造性思维,提高学生学习创造能力以及解决实际问题的能力。
二、网页设计教学中存在的问题分析
1.网页主题策划。当要求学生为某个网站主题制作一系列网页时,某些作品主题定位不准确,比如原本网站主题是品牌产品宣传,最后的作品却是购物网站。有的作品则是主题不统一,想展现的内容太多,多个主题拼凑在一起。出现上述问题的主要原因是需求分析不准确、提炼设计主旨的能力不足。
2.网页风格设计。在网页布局及风格设计方面,常出现页面风格不统一、页面风格与内容不协调等的问题。比如某些作品的多个页面之间在风格、模式和色彩上差异较大,影响了网站的整体风格。这是由于学生对形式与内容的协调把握不足,不能在内容不同时实现形式上的统一。
3.网页元素的编排。网页元素的编排,主要是框架、表格、文字、图片、动画等内容在单个网页内的排版。学生作品在网页元素的编排方面的问题主要有:(1)文字的处理。网页中使用的字体太多,造成页面混乱;字体、字号过于单一,标题或重点不突出;行距过大或过小等。(2)图片的处理。图片过度拉伸造成显示模糊;图片过大造成页面加载速度缓慢;并排显示的图片尺寸不统一等。(3)网页布局。页面宽度过大,在一屏内无法显示,造成浏览困难;页面内容多而杂,各部分跨度太大,整体可读性不好,重点内容不突出等。
4.网页色彩搭配。网页的色彩搭配应该均衡、协调,使人感觉舒适、美观,又不至于视觉疲劳。学生在网页色彩搭配上出现的问题主要有:网页色彩过于单一,无吸引力;色彩过于花哨,容易造成视觉疲劳;文字颜色与背景颜色相似,造成阅读困难等。
5.交互性设计。用户浏览网页是一个人与网页信息交互的过程,交互性好的网页应该功能实用、操作便捷。学生在交互性设计上出现的问题主要有:网页无标题;导航栏不全,引导性不佳;链接层次过深,造成连续浏览不便捷等。
6.网站文件结构。网站文件结构是指储存在硬盘上的目录结构,虽然不会影响到网页的功能和外观,但是良好的目录结构能够提高网页设计和后续维护工作的效率。学生设计的网页作品往往忽视网页文件结构的合理性,存在着网页命名随意无规则,不同层次的网页文件存放在同级目录,图片文件随意存放等问题。
综合上述问题分析可以看出,学生在创造能力及设计思维上相对较弱,实际上通过操作实践,学生基本都能完全掌握网页设计软件操作,比如插入文字和图片、设置字体和颜色、插入超链接等,但却在需要整合运用这些操作时出现了问题。这实际上就是心智技能缺乏的表现,因此培养心智技能是提高学生网页设计能力的关键。
三、心智技能阶段性理论在网页设计教学中的应用
1.网页设计心智技能形成分析。根据冯忠良教授的研究,心智技能的形成是阶段性的,其过程分为原型定向、原型操作和原型内化三个阶段[1]。原型定向阶段以理论知识传授为主,让主体掌握技能操作的原理;原型操作阶段通过实践让主体熟练掌握操作技能,为原型内化奠定基础;在主体大脑中形成内化的思维模式,使主体能够灵活运用操作技能解决实际问题[1-3]。
根据上述理论,结合网页设计教学的实际过程,网页设计心智技能的形成阶段如图1所示。
2.教学实践。在前述理论研究的基础上,笔者进行了教学实践。根据课程教材,首先设置了“网页设计概述”、“HTML基础”、“DreamweaverCS4应用”、“FirewoksCS4应用”、“FlashCS4应用”、“综合实例”六章课程内容[4]。其中第一、二章以纯理论教学为主,难点在于HTML基础知识,须重点讲解。第三至六章均采用三阶段原则进行教学。最后为了加强心智技能原型内化阶段的效果,增加了第七章“网页设计模式精讲”,对网页设计中的常见问题进行总结,介绍设计原则和方法。下面以第三章“DreamweaverCS4应用”和第七章“网页设计模式精讲”为例介绍教学思路。
“DreamweaverCS4应用”主要分为表格的使用、框架的使用、DIV元素的使用、文本的插入与编辑、图像的插入与编辑、超链接的插入与编辑、其他多媒体对象的插入与编辑七项主要内容。在正式讲解软件应用前,应使学生明白网页的本质是HTML代码,Dreamweaver本质是辅助设计工具,其作用是自动生成HTML代码,比如在Dreamweaver中执行插入表格的命令,就会在源文件中加入表格的HTML代码。在此后的讲课过程中,帮助学生理解操作的原理,为心智技能的建立奠定基础。以文本的插入和编辑为例,在教学中首先向学生讲解文本编辑中HTML标签
与
的作用和使用方法。然后在Dreamweaver中执行文本插入和编辑操作,并对比源文件中的代码变化。最后结合教学用例介绍文字排版的一些原则,比如长文本使用标准字号、在文本周围留出足够空间、增加文本和背景的对比度等。帮助学生建立文本编辑的心智技能,使学生在自主设计时能够编排出美观的、可读性强的文本效果。
“网页设计模式精讲”根据本文中对学生作品中常见问题的分类进行集中讲解,主要分为网页主题策划、网页风格设计、网页元素的编排、网页色彩搭配、交互性设计、网站文件结构六项主要内容。设计模式教学是一种经验的传授,目的是教会学生某一场景下问题的解决方法,因此在教学中,必须要明确模式适用的场景,以及模式如何实现,如表1所示是几个网页设计的模式。
在教学过程中仍主要依靠案例讲解进行,并在过程中要求学生在总结和思考之后进行相似模拟,但不能与原例一致。学生掌握正确的网页设计模式后,网页设计质量得到了一定改善,从侧面证明了学生网页设计心智技能的提升。
四、小结
笔者通过教学实践发现,结合心智技能形成的阶段性理论进行网页设计课程教学,确实对提高学生的网页设计能力起到了积极作用,但由于课时限制、教师经验等因素,教学质量仍有很大的上升空间。在后续教学过程中,仍需要不断地进行尝试和总结,探索更高效的心智技能教学方法,培养出更高素质的网页设计人才。
参考文献:
[1]冯忠良.教育心理学[M].北京:人民教育出版社,2000.
[2]丁清.论高职高专学生的心智技能培养[J].昆明冶金高等专科学校学报,2004,(1):81-84.
[3]陈军民.高职生心智技能培养探讨[J].新课程学习,2012,(03):77.
【摘要】
随着互联网技术的发展、普及且互联网在信息宣传上商业价值日渐凸现,使得互联网作为世界上第三大媒体深入人们生活的方方面面。为了满足市场对网页设计人才的需要,各大高职院校都相继开设网页设计课程。但是,网页设计课的教学与现实有一定差距。本文就在分析网页设计教学的基础上对课程改革做进一步的探索。
【关键词】网页设计教学改革
1目前网页设计教学中存在的问题
网页设计课是高职院校计算机专业的一门基础课,是理工科学生必备的技能。网页设计课程具有系统性、综合性和实践性。网页设计课程要克服目前固有的一些缺点就要在教师队伍建设、教学方法改革及考核方式改革等方面进行不断探索,以促进网页设计课程改革的不断深入。具体如下:
2.1加强师资队伍建设,为网页设计课程教学改革提供智力支持。
既然目前高职院校生源质量不尽如人意,那就要在造就一支专业理论扎实、实践技能高超的教师建设上下功夫。可以说,高素质的教师队伍对于应对生源素质多样化还是能起到关键作用的。进一步狠抓“双师型”队伍建设,即要建设一支既能把握网页设计发展脉搏和具有高超教学技能的技能型人才又具有扎实理论功底和持续推动教学改革深入的教育家的综合性的教师队伍。
2.2在网页设计教学中注意教学方法的改进和突出“合作学习”、“案例教学”。
实例教学就是要贯彻“学以致用”的教学原则。通过在教学中对一些优秀网页进行分析,来发掘网页设计方面诸如制作技巧、文化元素、文字布局等,开拓学生的视野和增强学生创新意识。并进一步通过让学生承接一些具体网页制作作业以在实践中发现问题和解决问题。
2.3对网页设计课程考核方式进行全面改革。
3小结
目前,网页设计课程教学改革工作已经引起广大高职院校的广泛重视。而网页设计课程要适应经济快速发展进而达到适应社会快速进步要求,必须通过多措并举来不断推进网页设计课程改革,以达到提高教学质量、培养合格人才的目的。
参考文献
[1]钟启泉、李雁冰.课程设计基础[M]济南:山东教育出版社,2000
关键词:工学结合;网页设计;岗位能力
在国家示范性职业学院的基础上,围绕计算机网络技术产业对技能型人才的需要,以校企共建为载体,实施“工学结合、校企互动”的人才培养模式。依托产业集群工作岗位标准,深化课程改革,探索了应用基于工作过程理实一体化教学的课程体系设计。
一、职业岗位分析
由行业、企业、专业骨干教师组建专业建设指导委员会,调研产业集群,对职业岗位技能需求情况进行分析,确定职业岗位核心能力,按照“产业集群职业岗位核心技能专业课程教学”的方式重构基于工作过程的课程模式。通过对招聘网站、国内大中城市的人才招聘信息进行分析,并对一些网站建设类企业的职业岗位调研,确定本课程职业岗位为网页设计与制作员、网站管理员。
二、确定职业岗位核心能力
分析完成职业岗位工作所需要的技能。对于网页设计与制作类职业岗位,要求了解网站的开发流程,熟练使用网页设计软件编辑与制作网页;能够合理布局网页。
三、课程教学目标
课程的教学目标,体现与职业岗位的无缝对接。改变知识点集合式的教学目标,结合职业岗位技能加入到教学目标中,将课程教学目标分解知识目标、操作技能目标和职业素质能力三个方面来培养学生的知识、技能和职业能力,以适应职业岗位的要求。
(一)知识目标。本课程以学生能够胜任网页制作与维护的实际工作能力为学习目标,使学生具备网页制作职业岗位所需要职业技能。掌握HTML标记的使用。熟练使用网页设计软件布局网页、插入并编辑网页元素;强化网页美化与修饰的技能,会使用行为和特效修饰网页;掌握CCS层叠样式表的使用;掌握网站新闻和图片的更新等日常管理与维护技巧。(二)操作技能目标。能够完成一个完整网站的整体规划与制作所需的操作技能。包括对用户的需求分析、页面栏目的规划、收集处理网页信息元素的技能;灵活运用所学网页制作工具的能力;对页面细节的调节技能;合理运用模板与库等工具,优化网页制作的过程;提高网页风格的策划能力、色彩搭配能力、页面布局能力和创造力;主动学习的能力。(三)职业素质目标。培养学生具有良好的职业道德与敬业精神;培养学生的沟通能力和团队协作精神,具有组织、计划、协调与协作能力;培养学具有良好的心理素质和克服困难的能力,具有分析问题、解决问题的能力,具有较强的沟通和交流能力。
四、课程教学内容
(一)课程内容设计原则。课程内容的设计以网页设计与制作职业岗位的任职需求为原则,参考权威的网页设计师职业资格认证的内容统筹设计教学内容。突出职业能力培养与取得职业资格证书相结合的教学内容设计,体现贴合职业岗位技能需求,模拟实际工作过程的课程设计理念,以企业真实网站设计项目为载体组织教学内容,采用基于工作过程的任务驱动教学方法和手段进行实施。(二)分析职业岗位确定课程内容。根据对职业岗位能力的需求调研分析,将网页制作这一工作岗位需要的技能总结为,用户需求分析、网页规划与设计、网页信息检索与处理、网页框架布局、网页元素的定位、图片的使用、超级链接的使用、网页的修饰和层叠样式表、行为、模板与库的使用等内容。(三)课程内容分解到工作过程。以训练学生网页制作实战技能、充分提高学生实践能力为目标。首先,选取知识技能覆盖面广,项目过程完整的企业项目。然后根据学生的认知过程,将网页制作职业岗位所需的技能进行分解,嵌入到网页制作的项目中。最后,将整个项目划分成教学任务。
五、课程的教学实施
六、考核方法
主要从两个层次对学生的学习情况进行考核。一是考核学生对所学网页制作技能操作的掌握程度。二是指导和督促学生加强平时认真学习的习惯。本课程采用过程考核和期末考核相结合的方式进行考核。其中过程考核包括对各教学任务的完成情况,占总成绩的30%;以及在完成过程中的表现情况,占总成绩10%;期末考核采用笔试、上机操作与作品相结合的方式,每个部分各占总成绩的20%。
七、结束语
1以就业为导向的网页设计与制作课程教学
2大学文科专业开展网页设计与制作课程的必要性
3基于就业导向的大学文科网页设计与制作课程体系构建策略
结合学生不同的专业,优化课程内容设计在以文科生为主力军的综合性大学中,不同专业的学生需要掌握的计算机技术是不同的。因此,各高校要根据专业的不同设置不同的计算机课程。基于就业导向,引入新的网页设计与制作课程的教学方法网页设计与制作这一课程的基本特征是理论和实践紧密相连,课堂教学与实际操作是一体化的,理论与实践没有清晰的界限划分。为了使教学效果最优化,本文提出一些对教学方法的建议与意见。
1)模拟任务法,课堂教学与实际操练相结合。在教学活动中,教师模拟一个制作任务,将课堂氛围假设为实际工作环境,教师可以将制作任务分为若干个子任务进行模拟演练,一边为学生演示如何操作,一边讲解,学生边听边做。这样的讲练结合过程极大地激发了学生的学习兴趣,课堂是以学生为主的,他们发现问题、分析问题、解决问题的能力得到有效提高,既学到了知识,又锻炼了能力。
1)尽量与教材中的主要知识点相结合;
2)寻找不同的教学案例,全方面、多角度满足学生的学习需求;
4)把握学生对知识的接受与消化能力,精心设计课程,先易后难;
5)要从整体出发考虑专题的选择,每个专题之间都是环环相扣的,前后衔接之后才能出色地完成一个网站项目。
4结语
关键词:高职教育;课程改革;基于工作过程
1传统授课方式存在的问题
作者从事高职《网页设计》课程讲解工作3年之久,在3年的教学过程中作者发现的高职《网页设计》课程存在的最大问题是:学生学习的知识与社会就业所需技能脱轨。
传统的《网页设计》课程主要讲授的是Dreamweaver软件的使用。所谓的《网页设计》课程其实更多的是讲Dreamweaver这款工具的操作使用。教学过程完全是按照软件的操作使用来进行,整体感觉上更像是一款操作软件的培训。学生在学习完这门课程后掌握更多的是工具的操作,学生可以根据教师的要求模仿现成的网页作品的制作网页。而让其自己动手去设计一个符合企业需求的网站很多学生无法完成,或者能够完成页面却达不到网页新颖吸引人的目的。
简而言之,传统《网页设计》存在的问题就是学生只能完成既定的要求,而没有独立创新去解决实际问题的能力。
2《网页设计》课程改革的设计
在进行课程改革之前我们首先要了解对这门课程的知识要求、素质要求和能力要求。对于《网页设计》这门课程来说它主要的要求如下:
知识要求——深入了解Internet,理解WWW、HTTP、HTML等概念及作用;掌握网站设计和的流程;理解网站维护管理的意义及重要性,理解服务器、客户端、浏览器的概念和作用。
素质要求——本课程将培养学生以下几方面的职业素质:服务意识:能够为他人提供优质的服务;文明法制意识:网站内容应积极健康向上,不做违法的事;合作精神:能够与他人进行合作,具有协调工作能力和组织管理能力;较强的自我知识及技术更新能力:快速跟踪网页制作的新技术及市场应用动态。
能力与技能要求——网页制作软件的使用方法;在网页中编制/插入需要的脚本;进行网站的上传/下载、更新、管理。
课程改革围绕一个中心就是服务于高职学生的就业问题,课程的设计应以促进学生就业为目的。本课程在设计中引进了企业的真实工作场景,通过威客猪八戒网站获取真实的用户需求,教师引导学生完成一个网页设计项目的制作。将《网页设计》分为以下几个环节进行:
1)网页欣赏
在该环节中,提供大量的中内外优秀的网页设计作品。让学生边欣赏边说出该网页吸引人的优点所在,教师讲解网页设计中关于色彩搭配和布局的知识。这样做可以提高学生学习的主动性,让学生主动的去学习知识。此环节以教师讲解为主,学生参与讨论为辅。
2)主页制作
在该环节中,教授引导学生使用Dreamweaver工具模范制作一个主页,在制作的过程中,引导学生掌握Dreamweaver软件的基本操作。在设计一个主页的过程中,Dreamweaver软件的一些主要的操作都会涉及到:站点设计、表格布局、文字图片、超级链接、CSS样式设计。边讲边练,为接下来的教学打下良好的基础。此环节以教师讲解为主,学生模仿制作为辅。
3)二级页面的制作
在该环节中,主要目的是提高学生操作软件的熟练程度,让学生能够做到熟练的操作Dreamweaver工具。针对上一个环节中存在的不足进一步动手练习,提高动手操作能力。
二级页面的制作过程中,教师讲解内容逐渐减少,学生自主开发逐渐增多。让学生的自主性、创新性得到大的提高。
4)网页的上传与维护
此环节为网页设计工作过程中的最后一环,设计好的网页上传到指定的位置,同时对存在的网页进行更新与维护。
5)学习自主课程实训
在该环节中,教师给出课题,学生综合运用所学的知识,从威客猪八戒网站上承接一个真实的网页设计项目进行实训。课程的实训是对前一阶段所学知识的总结和升华,更是动手能力创新能力得到锻炼的一个很好的平台。
3《网页设计》课程考核方式设计
传统的课程考核方式多为期末考核,本课程改革的期末考核方式为:过程化考核+期末大作品。其中,过程化考核针对的是学生在学习该课程的过程中针对每一个环节的考核。主要参与考核的过程有:
站点的建立:站点的建立、编辑与维护;
页面布局:表格、框架、层、模板和库;
添加文字与图片:页面内容添加;
超级链接的使用:导航条;
交互设计入门:表单的应用、简单特效;
CSS样式表:页面的美化。
期末大作品主要以小组为单位设计一个完整的作品,小组成员之间相互合作利用所学习的知识自主设计一个完整的作品,上缴的内容包括一个完整的静态网站、答辩用PPT和小组成员之间的自评和互评。
4结束语
《网页设计》这门课程对于高职学生来说提供了一个很好的就业方向,掌握这门技能对于学生来说意义重大。作为众多高职课程中的一门,作者希望该课程的设计与改革能够起到抛砖引玉的效果,使众多的高职课程设计更加完善。让高职学生的动手能力得到进一步的提升,为高职学生的就业打下良好的基础。
[1]杨宁.浅议《网页设计》课程改革[J].科技博览,2009,(26).
艺术设计专业的网页设计课在教学上普遍注重技术而忽略艺术,我们迫切需要在教学模式、内容和评价方式上寻求改革,培养学生的艺术审美和感受力,更加注重实践应用能力,为社会培养一大批高素质艺术设计人才。
关键词
艺术设计;网页设计;课程教学;实践
一、艺术设计专业的网页设计课程的教学现状
目前,艺术设计专业在网页设计课程教学实践中普遍存在着缺乏专业优势、偏离学生就业需求等问题,这种教学与计算机专业的网页设计课大同小异,误导学生以为这门课程就是一个技术课,掌握了操作技术就可以独立完成网页设计和制作,极大地忽视了其艺术性。因此,我们需要对教学模式、教学内容和考核内容等进行改革,以真正发挥艺术设计专业在培养人才的优势。
二、教学改革的目的
通过教学改革,力图解决以下两个问题:一是学生设计网页缺乏美感,版式、色彩等语言和设计理念滞后;二是单独靠一个软件就来完成网页设计与制作。通过以上两个问题的解决,充分考虑艺术专业的特性和学生就业的社会市场需求,综合运用多软件培养学生的美工设计能力、动画设计能力、版式设计能力、界面设计能力,全面提高学生的想象能力、感受能力、创新能力和审美能力,为社会培养一大批高素质艺术设计人才。
三、教学改革的创新点
1.寻找艺术与技术的平衡点。避免学生成为技术的奴隶,教学方案中增加艺术素养训练,充分体现专业特色,致力于培养学生的艺术设计和艺术审美和创新能力,通过研究性学习和网页设计的具体实践使学生有效地掌握网页艺术设计的精髓,为将来步入社会更好地满足市场需求从事网页设计、美工、界面设计等工作做好准备。
2.基于多媒体网络教学,合理构建教学内容。构建既具有实用性又具有艺术性的教学内容,实现软件课与艺术设计课的整合,在学会软件应用的基础上,将其恰到好处地运用于艺术设计;实现理论课和实践课的整合,利用示范教学提高学生将理论应用于实践的能力,提升教学效果。
3.深化教学内容,开拓教学视野。适用互联网技术的发展,不断加快教学内容的更新,做好教学信息的收集工作,实现教学内容的深化,保证教授给学生最前沿的知识。教学中运用多媒体充分调动起学生的视觉和听觉,激发学生的学习积极性。
四、主要改革与实践的方面
1.改革教学模式。第一,采用项目教学。为了锻炼学生的实践能力,保证学生现场制作、解难和评析的参与度,实现课程理论和网页设计的有机融合,可以在教学中加大实用项目的引进,让学生参与到整个项目制作过程,包括初期的初稿设计、中期的客户反馈到最后的定稿。第二,采用跨学科教学。实现多学科整合的互动教学,将计算机专业和艺术设计专业的网页课程结合起来,让学生可以综合考虑到设计与程序的结合,依托于程序的可实现性设计出具有创意的网页方案。
2.改革教学内容。第一,增加手绘创意草图教学环节。注重创意期的思维训练,通过这一教学内容帮助学生明确设计意图,培养学生的快速创作意识和能力。第二,增加版式设计构图教学环节。引导学生充分应用版式设计原理进行网页的整体布局,在有限的空间融合进了最多的视听多媒体元素,基本信息、导航、和正文结构安排合理美观,凸显设计者的理性思维、艺术个性和个人风格。第三,增加色彩运用训练环节。色彩的运用决定了网页的整体色调,训练学生在不同网站功能和风格下对色彩的准确把握。第四,增加创意字体教学环节。引导学生正确地运用字体设计方法,根据不同网页布局选择大小、颜色、色彩合适的字体,运用设计软件实现多样化字效和创意字体的设计。第五,增加网页交互功能教学,引导学生充分运用按钮和其他辅助设计以及页面之间的链接,从而实现网页的交互功能。第六,增加多软件综合运用教学,引导学生在网页设计中综合运用不同的软件,灵活掌握不同软件主要功能的基础上通过综合运用以实现丰富的效果。
3.改革考核内容。第一,根据当堂内容布置对应的课堂练习和上机操作,及时发现学生学习中的盲点,教师适时调整课堂进度,此部分成绩占40%。第二,根据课程的教学目标布置综合作业,结合实际让学生自主选择设计一个政府网站、企事业网站、娱乐网站或者个人网站,对学生网站设计的总体布局和色彩、版式、功能等进行综合评价,此部分成绩占60%。
五、艺术设计专业的网页设计课程教学的趋势
第一,总结和探索艺术设计专业的内在规律,建立网页设计的跨学科教学模式。讲授理论知识的同时要培养学生调动多学科知识的能力,培养学生的创造力和想象力,提高学生的实践应用能力。第二,注重网页设计的主体风格,培养学生的企业品牌意识,企业品牌的形象设计依靠网页的展现和塑造,好的企业网页可以让企业品牌形象深入人心,教学中必将更加重视对学生品牌整体风格的把握和品牌意识的培养。
六、结语
目前,艺术设计专业的网页设计课程存在着偏重技术而忽略艺术素养训练的问题,教学改革就是要培养学生的艺术审美和艺术素养,力求寻找到艺术与技术的平衡点,基于多媒体网络教学,合理构建教学内容,开拓教学视野。教学模式上采用项目教学和跨学科互动教学,内容上增加创意草图、版式设计、色彩设计、字体运用、交互功能和多软件组合使用等教学环节,评价上更加注重实践动手能力,其发展趋势是追求技术和艺术的完美结合,培养学生的企业品牌意识。
作者:许特郝爽单位:长春市第一中等专业学校吉林司法警官职业学院
参考文献:
[1]刘妤.艺术设计专业的网页设计课程教学改革与实践[J].包装世界,2011,(04):72-73.
[2]周小丽.“网页设计与制作”课程教学改革实践探究[J].教育与职业,2013,(08):127-128.
本文分析电子商务专业学生学习网页设计与制作课程教学现状,并探讨了电子商务专业网页设计与制作课程教学设计、实施及考核环节,通过该课程教学改革提高学生学习兴趣,并能提升个人建设网站的综合能力和素质。
关键词:
电子商务;网页设计与制作;学习反馈;任务循环
1网页设计与制作课程教学现状
(1)学生欠缺计算机和美学设计基础知识。
没有计算机基础课程,且课程学习课时较少,对网页基础知识理解较为费解,美学设计的欠缺,导致网页设计能力差,虽然能够也能制作简单网页,往往布局不合理。审美能力弱,有时追求个性,制作的网页往往花里胡哨,内容和主题不一致,导致网页视觉效果差。
(2)学生逻辑思维能力差。
由于文科类电子商务专业特点,该专业学生逻辑思维相比理工类专业学生逻辑思维相对欠缺,对于网页布局处理能力和网站的规划能力较弱,甚至理解有一定困难。在这些方面的不足,导致学生学习起来感觉难度较大,学习积极性不高。
2网页设计与制作课程教学设计
3网页设计与制作课程教学实施
3.1课程教学
(1)课堂教学
①基础知识学习,任课教师将课程的知识点通过多媒体教学进行详细的讲授,选择合适案例进行演示,尽量涵盖能够覆盖每个知识点,这样图文并茂的传授能够调动学生的学习兴趣,提高课堂教学效果。②任务实践,任课教师根据知识点设定各个任务,布置的任务能够覆盖所讲授内容所有的知识点,每个任务和前后任务都具有连贯性,这样能够在前次的任务基础开拓这次任务,对以前学习的知识点不断巩固。③学习反馈,在学生初次完成任务后,任课教师总结学生在任务执行过程中存在的问题并给出解决问题的办法和技巧,这样能都深化学生对知识的理解。④任务循环,学生在反馈学习之后再次根据老师指出的问题和提示对自己的作品进行改进。通过这种任务循环的方式使学生对于知识点的掌握会更加的深入理解,培养其精益求精的网站开发人员的素质。⑤任务总结,在所有的学生完成任务后,教师再次强调任务知识点的难点和重点,分析技术问题和处理技巧,并布置学生要在课下完成的小任务。
(2)课下自学
3.2课程考核
①平时考核。学生根据所学知识点,独立完成任课教师布置的任务。根据完成情况,记录为平时成绩,成绩等级分为没完成(C)、基本完成(B)、超越完成(A)。该成绩真实反馈学生知识掌握情况和动手能力的高低。平时考核在课堂结束前10分钟内完成。②项目考核。在第17周课程教学结束时布置设计并制作网站项目任务,网站项目作为该课程完成后的综合性考核,要求每个学生设计并制作一个表达某个主题的网站,向学生明确对网站评价的一系列标准,并要求根据提交项目设计制作报告书。并在课程教学第18周进行网站项目演示,每个同学在全班同学面前通过多媒体演示自己的作品,限时十分钟,教师进行点评,指出需要改进的地方。该过程既是学生利用所学知识展示自己的能力的时候,又是学生学习别人的机会。③考核成绩。该课程考核成绩计算方式及其所占比例如下所示:平时考核成绩=(完成每个子任务成绩之和÷子任务个数)×40%+出勤率×40%+课堂讨论×10%+课堂笔记×10%项目考核成绩=项目网站设计与制作报告书成绩*30%+项目网站设计与制作成绩×70%学期成绩=平时考核成绩*30%+项目考核成绩*70%
该课程教学改革后对大部分学生进行调查访谈,虽然有很多学生反映课程压力较大,但是学习兴趣很高,学生实践中开发了自己的潜力,并激发了他们直面困难客服困难的创作创新精神。
作者:张亚杰刘单位:宿州学院
[1]李月辉,姜还红,云岩.基于CDIO的Java系列课程教学改革的研究[J].黑龙江科技信息,2015(11):162.
1网页设计与制作课程的特色与培养目标
2网页设计与制作课程传统采用的考核办法
网页设计与制作课程考核办法仍有少部分采用传统的闭卷考试方式。闭卷考试经过多年的实践应用,在考试题型、考试内容、考试成绩评定等方面都较为成熟。同时闭卷考试也有利于学校组织和管理。但闭卷考试以书本知识为主,重视学生对书本知识的记忆,忽略了对能力的考核,从而也影响对学生独立思考能力、综合应用能力和动手能力的培养。网页设计与制作课程考核办法大部分采用理论与实用操作相结合的考试方式,要求学生自主选题,制作完整的网站。这种考试方式能综合考查学生对软件的应用能力和一定的设计能力,也能全面体现学生对课程知识的掌握程度和综合运用能力。但从多年的教学中发现,学生选择的主题范围狭窄,大部分学生完成的是个人网站的制作,而大部分网站又是学习内容的堆砌,不懂得选择与舍弃,更寻找不到设计的闪光点。另外网站本就是由团队合作开发的成果,要求个人独立完成的确有些牵强,由于要求学生能面面俱到反而不能凸显学生个人的专长,最终反而事倍功半,失去了这种考试方式的意义。
3“客户模拟”+“项目开发”+“现场答辩”相结合的考核方式
考虑到课程自身的特点和以往考核方式的弊端,再结合本人多年的教学经验,总结出对本课程适用的考核方式。“客户模拟”+“项目开发”+“现场答辩”相结合的考核方式,是指首先由学生自己模拟客户的身份提出某个网站平台的制作要求,接着学生自由组合成开发团队完成一个网站的开发,最后通过作品演示和现场答辩,由学生自己组成的评委团和“客户”学生共同打分给出答辩成绩。其具体考核过程可以分为三个阶段:学生模拟客户的身份提出某个网站的制作要求;学生以团队的形式开发网站;成绩的评定。
3.1学生模拟客户的身份提出某个网站的制作要求
3.2学生自由组合开发团队
3.3成绩的评定
该课程的最终考核成绩包括作品成绩(包括网站设计说明书)和答辩成绩两部分,其中作品成绩占70%,答辩成绩占30%。作品成绩满分100分,60分为基本分,在此基础上实行加分、减分得到最终成绩。加减分的标准主要包括以下几个方面。
(1)网站主题是否突出,内容是否充实合理,构思是否具有原创性和新颖性。
(2)色彩搭配是否合理,是否符合网站主题。
(3)网站结构建立是否合理,目录结构安排是否恰当,站点文件的命名是否符合原则。
(4)网页的链接是否准确无误,是否有孤立文件的存在。
(5)不同分辨率下页面的显示是否正常。
(1)精神状态是否饱满。
(2)作品介绍,包括设计思路、作品特色等。
(3)评委提出问题的回答是否准确,语言清晰,富有条理性。
答辩环节强调由创作团队的成员自主参加,能很好的调动学生的积极性。同时由学生担任评委也是对学生欣赏水平,鉴赏能力的培养和提高。
关键词:网页设计;基础课程;教学内容;教学方法
中图分类号:TP393.09
1网站网页设计课程分析
目前,许多高等院校都开设了网站网页设计的课程。希望通过学生对本课程的学习,能够更好的掌握对计算机,能够运用所学的网站网页设计知识进行网站网页设计。其已成为计算机网络技术、信息技术、软件技术、信息管理、电子商务、多媒体技术、计算机应用等专业公共必修课程,受到了这些非计算机专业学生的广泛欢迎。网站网页设计的理论知识主要包括一些语言的学习,首先是HTML语言,然后是PHP、JavaScript等脚本语言;其次就是在网页设计中的图像处理和动画制作等一些技巧性的学习。当然网页网页设计需要在特定的环境下完成,如:Dreamweaver,FrontPage等实用软件就为我们提供了非常方便的环境平台。由于在网页设计中会用到图像、动画等各方面的知识,所以网站网页设计课程并不是一门单独的课程,它需要很多门课程知识作为基础,为本课程的学习提供支撑,构成一个比较完整、科学的课程体系。
网站网页设计课程已在全国很多高校开展多年,已经能够比较全面的了解这个课程的特点,但在教学中也存在很多问题:教学内容很局限,对社会的需求帮助不大;教师在教学中与学生很好的互动很欠缺,很多学生在实践中缺乏积极性,从而形成了学生在实际应用中不能达到预想的效果的现象。
2网站网页设计教学
2.1教学安排
教学内容的安排要以学生能够更好的动手操作为目的,以学生能够更多的亲自动手进行网页制作为主线,改变以往的教条式的教学方式和教学内容的安排。但首先要将理论知识以更快更好的方式传授给学生们。
目前普遍的教学方式是以教师的讲授为主,学生被动式的接受,很多学生无法全身心的投入到学习中。为了改变这种局面,让学生能够自主的学习,并且在这个过程中能够体会到应该怎么去学,应该要学什么,就要在教学安排上做改变。首先是将实际项目或较好的教学案例作为教学内容,让学生充分的认识并参与项目的制作中去。让学生更好的体会网站网页设计的全过程,从而更好地调动学生学习本门课程的主动性和积极性。
2.2分模块化教学
在教学中要重要突出培养人才的应用性、实践性。分阶段的教学会有较高的效率,主要将内容分为四个阶段,然后对每一阶段的教学模块进行详细划分:(1)尽快地让学生掌握网页设计的一些语言,如:HTML语言,C#语言;(2)教会学生如何使用开发工具进行网页开发,如:Dreamweaver;(3)在以上能力掌握的前提下进一步的安排学生在网页中加入图像和简单动画等,实现更完美的效果;(4)在简单的准备工作完成后就是在网页中嵌入脚本语言,如Javascript,实现网页动态效果。为了更好的实现教学效果,让学生更好的掌握每一阶段的内容,在每一阶段的教学完成后,需要对每一阶段的内容进行实践考核。最终让学生能够掌握网站设计的过程和结构。
2.3实践项目教学
项目教学,最主要的就是挑选经典的教学项目或者适合教学的实际项目,让学生参与项目的分析和制作过程中去。
3总结
经过多年的网站网页设计教学和与就业学生的沟通发现,网站网页设计课程教学必须适应社会发展的需求。陪养具有网站网页设计能力、网站管理能力、创新能力、沟通能力和团队合作能力等符合社会需求的人才。好的网页设计除首先应考虑其内容上的精益求精外,其次就是对内容上合理有效的视觉编排。美是任何网页所必需具备的一个基本因素,网页信息不仅是为了满足使用者的需求,更重要的是创造一种愉悦的视觉环境,使他们有一种全身心的享受和共鸣。随着时代的发展,网站的设计越来越接近于一门艺术而不仅仅是一项技术。网页的设计,日益被网站建设者所注重,是设计与技术的高度统一。
[1]吕慧娟.《网页设计》课程教学的创新与实践[J].电脑知识与技术,2007,13.
[2]郭玉.“网页设计与制作”教学改革的思考与实践[J].长沙通信职业技术学院学报,2005,26(13).
[3]马强.Dreamweaver网页设计课程教学方法探讨[J].福建电脑,2008,04.
[3]梁益军,冯健文.非计算机专业网页设计课程改革探讨[J].现代计算机,2009,3.
关键词:网页设计与制作综合实训案例教学任务驱动
近年来,随着我国职业教育改革的进一步深化,计算机专业课程改革面临着进一步完善,这就对《网页设计与制作》课程改革提出了更高的要求。《网页设计与制作》课程是中职学校计算机应用技术和计算机网络专业中一门创新性和实践性很强的专业课程,要求学生不但要学好理论知识,还需要掌握实践技能,关键是要具有解决实际问题的能力。但是,这样一门看似简单好学的课程,却经常得不到很好的教学效果。学生在学完课程之后,要么设计结果达不到应有的功能和视觉效果,要么不能独立地进行网站规划和页面设计。因此,笔者在《网页设计与制作》课程的教学实训中,对教学内容、教学方法、教学手段、考核方式等进行了一些尝试,收到了良好的效果。
1实训阶段
1.1实训动员
1.2实训过程
1.2.1基本知识回顾
这部分的要求是温习网页制作课程的重点难点,使学生对Dreamweaver各方面的操作知识系统的由“片”的认识转向“面”的认识。
1.2.2案例作品赏识
在网页设计过程中,经验丰富的设计师需要博采众家之所长,形成自己的风格,而对于初学者来说,模仿是最容易收到效果的方法。大量欣赏优秀的网站作品并不断地分析、比较,会使学生的各种能力逐渐增长和提高。通过展示历年中职学校职业技能竞赛中网页设计与制作项目中的获奖作品、历届学生的优秀作品等手段来提起学生的学习兴趣,吸引学生积极主动地参与实训。
1.2.3案例模仿操作练习
从历届学生的优秀作品中选择一个典型的案例,让学生作为网页设计与制作知识的回顾。例如,对一个旅游网站进行解析,使学生了解制作网站的基本方法,让学生对旅游网站的粗略和宏观认识得到细化,使学生懂得如何独立面对旅游网站进行需求分析、站点规划和设计。
1.2.4作品的选择、网站需求分析、站点规划
在综合实训中,首先要求各小组学生选择一个网站主题,主题一般选择如下内容:校园生活、教育、体育、旅游、电子商务等。然后,小组成员开始着手进行网站需求分析,设计整个网站的框架,选定要设计和制作的各部分内容,由组长组织完成一份完整的网站规划书。在此过程中,老师要适当指导,要求学生独立完成,设计出有具有本组特色的网站。最后,由组长给本组成员进行网站设计与制作任务分配,分头搜集素材并进行整理。
1.2.5网站色彩搭配
网站的色彩就像人的外表一样,如果打扮得美观大方,就会给人一种魅力四射的感受,而不修边幅则让人感到粗糙毛草,所以,网页的色彩搭配将直接影响访问者对网站的印象。网页配色有着很强的艺术性,不同的色彩搭配方案就会让人产生不一样的感受。对于初学者来说,模仿是最容易看到效果的方法。在站点规划完成的基础上,选择网站的主色调和学习色彩搭配。主页的色彩处理得好,可以锦上添花,达到事半功倍的效果。色彩总的应用原则应该是“总体协调,局部对比”,也就是:主页的整体色彩效果应该是和谐的,只有局部的、小范围的地方可以有一些强烈色彩的对比。由于中职生英语、数学等文化基础较差,编程对他们来说难度太大,他们走上工作岗位后一般不会从事程序开发工作,大多数学生毕业后从事的是网站美工等,因此,应该在网页美工等方面加强培养。
关键词:文化艺术;管理;网页设计
随着Internet的飞速发展以及网络的日益普及,“网页设计”作为一门新兴课程越来越引起人们的重视,许多大学的许多非计算机专业都开始将“网页设计”这门课纳入了专业必修课的范畴。我们考虑到这一点,对我校文化艺术管理类(以下简称“文管”类)专业方向的学生开设了这门专业选修课。该门课在开设之初,我们就遇到这样的问题:学生在学过之后,不是不能独立地进行网站规划和页面设计,就是设计达不到应有的功能效果和视觉效果。为此,在《网页设计》课程的教学过程中,我们从教学目标、教学内容、教学实施原则、考核方式等方面行了探索和实践,收到了较好的效果。下面简单总结如下:
一、教学目标的设定
二、课程内容体系的设定
针对我院历届文管专业学生选择的工作岗位看,大多选择的是“网站的项目策划”“网站系统分析”“网站推广”。因此,我们根据学生就业的职业角色,对课程内容体系制定了该门课程的知识模块。在课程的形式上,我们分为理论课和上机实践课。理论课时占总课时的32%,上机实践课课时占总课时的68%,实践课与理论课交叉进行,保证了学生在听完理论知识的讲解后马上能够上机实践,从而保证了学生更好地掌握老师所授的内容。
三、教学实施原则
在开设该课程时强调以“实用”为目的,并结合文管类学生长于策划和管理,且有一定的艺术天赋的优势,我们建立了计算机和艺术类跨学科相结合的教学实施原则。文管类专业方向的学生都是按照艺术类的考生招进来的,其中一半是较好的音乐基础、一半是有较好的美术基础。美术学专业的学生开设有很多涉及美术基础的课程。对于音乐学专业文管方向的学生。我们采取鼓励选修美术基础类课程,借鉴美术基础类课程的教材内容,课堂上补充诸如:“艺术设计基础”“色彩艺术”“PS图像处理”等课程的基础知识,并辅以色彩搭配较好的网站作为例子进行案例分析。因此我院的学生在计算机技术与视觉艺术设计方面能够结合得较好。此外,我院开办的所有专业均开设有“文化项目创意与策划”“媒体策划”“文化项目管理”“文化政策与法规”。这些课程的开设也为学生掌握网站项目的策划设计、系统开发和维护推广打下了很好的基础。
四、课程考核实施方案
【关键词】中职教材编写实践网页设计
【中图分类号】G【文献标识码】A
中等职业教育的人才培养目标是为生产一线培养技能应用型人才。教材是实现这个目标的载体,是教师教和学生学的主要工具。教材建设是职业教育人才培养的重要组成部分,教材质量关系到培养技能型人才的质量和水平。
一、教材编写背景
二、教材编写思路
《网页设计》课程是三年制中职计算机应用专业的一门主干专业课程。通过本课程的学习,使学生掌握常用的网页设计工具,熟练运用多种网页设计技术,具备静态网页设计、制作及站点管理的基本知识和基本技能,能够独立制作中小型的网站。在课题开题阶段项目组深入企业进行调研,与资深技术专家召开工作任务分析会,通过对企业工作任务、职业素养目标与岗位能力目标的剖析,反复研究讨论后得到网页设计师岗位的典型工作任务。主要有:创建站点网页布局应用图像和多媒体设置超级链接用表单创建交互式网页使用CSS修饰页面模板和库的应用等。与企业合作,将与企业紧密结合的生产和项目常用案例作为载体引入到教学过程中,以工作过程系统化为出发点,构建了网页设计技术3个模块:基础入门、设计静态网页、项目实战,设计了7个学习情景,17个子学习情境。如表1所示。至此教材编写大纲已清晰明了。
三、教材编写实践
本教材采用了章节编写模式和行动导向教学模式相结合的编写模式。每节内容包含初步体验(展现案例效果并分析、解读操作步骤)、新知认识(介绍理论知识)、实践测评(实训内容、目标、成果验收表)、课后思考(课后作业)以及边学边练(拓展项目)五个环节。下面以第四章第一节《创建超级链接》为例进行阐述。
在初步体验环节呈现淘宝网文本链接、图片链接、锚记链接的案例效果图,分析案例任务,阐述创建超链接的方法和超链接在网页中的应用。在新知认识环节介绍链接的作用和意义,相对路径和绝对路径,内部链接和外部链接,创建超链接的三种方法。上述两个环节对应行动导向教学法的资讯、决策(明确任务、资料准备、确定工作方案)过程序列。
实践测评环节的实训内容是:(1)创建首页到商品展示页的文本链接和图片链接。(2)创建客服页的锚记链接、电子邮件链接以及下载文件链接。实训成果验收表如表2所示。该环节对应行动导向教学法的计划与实施、检查、评估过程序列。
课后思考环节设计了三道思考题:(1)举例说明相对路径与绝对路径的异同。(2)解释文本链接与图像链接的区别与联系。(3)简述创建锚记链接的步骤。目的是方便教师布置课后作业,让学生巩固本章节所学内容的理论知识。
四、教材立体化建设思考
立体化教材开发是现代化教育的发展趋势。除了做好纸质主教材外,我们还进行了立体化教材的建设探索,开发了多媒体课件、微课视频、全套案例与项目的效果样式、网页设计用素材(包括文字、图片、音频、动画等)。
中职教材伴随着中职教育的发展,将经历从无到有,从有到好,从好到精的成长过程。2015年学校计算机应用专业开始采用本教材教学,结果网页设计员考证通过率大幅提高,课题组在教学实践过程中不断进行完善,努力打造《网页设计》精品课程一流教材。
【参考文献】
[1]姜大源.职业教育学研究新论[M].北京:教育科学出版社,2007
[2]姜大庆.基于行动导向的项目化课程设计与实施研究[J].中国职业技术教育,2010(32)
[3]申凤琴.《电工电子技术基础》教材编写的实践与探索[J].中国职业技术教育,2014(19)
[4]黎华.工作过程系统化课程的特征分析[J].柳州职业技术学院学报,2009(11)