发布时间:2023-05-28 09:40:18
序言:写作是分享个人见解和探索未知领域的桥梁,我们为您精选了8篇的网页制作与设计样本,期待这些样本能够为您提供丰富的参考和启发,请尽情阅读。
[关键词] 高校;网站;建设;网页设计;信息技术
doi : 10 . 3969 / j . issn . 1673 - 0194 . 2017. 01. 087
[中图分类号] TP393.092 [文献标识码] A [文章编号] 1673 - 0194(2017)01- 0155- 02
1 前 言
优秀的高校的网站建设和网页设计建设有哪些重要作用?高校网站和网页就是高校最基础的形象窗口。它们主要可以用来打造高校的形象,宣传高校的一些重要的信息,这里面包含了高校所蕴涵的校园文化,高校建校、发展的一切基本情况还有高校里面发生的希望外界了解的一些新闻信息。各种详细的、创新的、更有活力又吸引力的网站建设和网页设计的成果,利用图片和文字的搭配方法、各种信息导航的具体使用、详尽的说明等可以吸引更多搜索高校信息的浏览者,高校的招生在市场竞争里的一个重要方面也是要更为科学地打造自己高校的网站的建设和网页的设计。在市场里获得足够竞争力的高校才能更有利的提高高校的品牌。宣传高校的基本信息,使其能传达给全国甚至是国际上的目标人群,让他们通过浏览高校网站和网页的时候传输给他们高校的品牌形象,让他们更便利的获得高校的信息概况。这既能推动高校被全国被世界更便利地了解,也能够不断地提高自己的校园品牌形象。高校正是利用网络宣传网站和网页,降低高校宣传成本,提高高校竞争力。在传播高校的网站和网页的时候,可通过一些策划的公司帮助锁定目标客户,比如锁定一些需要报考高校的人,将自己的信息进行推送。不少的高校都会将高校网站建设和网页设计信息当成自己宣传招生的重要一方面。也正是因为不同高校都会有自己的办校特色和发展的个性,在以信息宣传和内容创新取胜的时代,网络上网站和网页的宣传就是很重要的一种宣传方式。着可以跨越时空的限制,不用到校了解、也不仅仅只针对当地的受众群,可以让全国甚至世界各处的人了解高校的情况。高校的网站甚至可以丰富高校学生的学习平台,里面有更多的方式可以帮助学生查阅资料,网络资源中高校的网站可以提供非常丰富并有针对性的资源,学生们可以在上面各取所需,这也是高校网站和网页建设中提供给学生学习的重要一方面作用。
2 高校网站的建设和网页设计建设和网页制作现状问题
2.1 高校网站内容过于单一
高校网站建设和网页设计因为其特殊性一般在内容的监管比较严格,在内容上也很容易变得单薄无趣,对浏览者没有吸引力,高校类型站点在娱乐互动性会比较不足,特别是高校网站往往定位在以“自我为中心”也就是以高校的信息为主要内容呈现,并没有充分考虑到学生以及社会对高校网站的内容要求,这种形式上的单一,并不可怕,可怕的是“自我为中心”后的自我封闭,在现代信息化的时代背景下,高校必须要有独立的自我认识和气质,否刚就会成摆设,而从目前的情况来看,内容单是所有高校网站建设和网页设计建设中经常会出现的问题。
2.2 高校网站的建设和设计缺乏全局观念
在网站建设和网页设计建设的规划上系统的规划设计往往会缺乏全局观念,工作量非常的大,会出现多项重复的内容,导航的设计在网站设计中也是非常重要的,导航设计既要在具有新颖、创新的同时也要保证它能够实际发挥作用,更能够与高校整个网站的建设和网页的设计相联系、将高校的形象融入进去,使导航的信息也能够设计的更加完整。导航也是有内容的,具有实际作用和创新吸引力同时并有的,这些都是符合浏览者的实际操作的。
2.3 高校网站的管理程度不足,内容更新缓慢
高校网站建设和网页设计由老师空闲时间做,但一个人很难管理的完整的网站建设和网页设计建设工作和后期维护、和内容的定时更新,因为高校拥有多个部门,这些部门的内容和功能也都应该在高校的网站和网页上有所体现,但是因为完整的网站和网页建设中各个部门可供介绍浏览到的信心非常的有限,一些深层的工作和作用也是很难体现到的,而且网站和网页建设中的繁复导致网站和网页中的内容更新太慢,新闻信息等都跟不上校园的发展,内容的更新缓慢、滞后也是高校网站建设和网页设计建设中常见的问题。
2.4 高校网站的安全性不足,许多网站无独立服务器
通常高校网站建设和网页设计都不会自己建立服务器,而是选择虚拟主机空间作为放置网站建设和网页设计内容的。这些空间都是有着不同的大小,这些大小也要根据高校的具体情况而不同,这里面有规模的大小和自己的大小选择等,一般实力雄厚的高校会选择自己高校服务器来确保数据的安全。高校网站建设和网页设计是属于公益性,因此会出现比较多的安全隐患。
3 高校网站建设和网页设计建设规划设计与网页制作方法浅析
首先要确定的是程序,其次是排版,然后是内容,最后是推广和运营。具体的每一步都要有详细的思考和准备。
3.1 要明确网站建设和网页设计的基本内容和基本目标
确立做网站建设和网页设计的目标,网站建设和网页设计建好后,要达到什么样的目的,扩大招生还是供学生使用?也就是确立主体内容。确定服务对象,是面对学生,还是家长,还是老师。高校和它的服务对象最初的交流窗口就是通过高校的网站和网页,学生和家长都可以通过网站和网页了解到高校的办校的理念,高校的教育情况,教学中的改革成果等,这些希望服务对象了解的信息一定是高校网站和网页设计中基本要做到的。
3.2 要规划好各种栏目
清晰的栏目方便浏览网站建设和网页设计的浏览者,希望达成什么效果是否能实现美观和表述同时实现。加强特色内容建设。特色就是竞争力。高校网站和网页建设中需要规划好各个栏目的内容,这就需要各个栏目负责人一起组织规划分工协调好各自的工作。负责网络建设的中心应该积极分配好工作,设置什么风格,不同部门不同系的不同模板的设置都规划好。
在设置功能方面要适合用户的操作,简化简明操作步骤比如怎么留言,怎么报名,填写什么,网站建设和网页设计使用者怎么更新新闻,怎么传活动图片,这些都要一目了然,方便客户也方便自己操作。
3.3 加强硬件的建设,做好师生信息技术培训
随着各地经济的发展和教育信息化工作的不断推进,越来越多的高校在新一轮建设高峰中购置了大量的先进硬件资源,但是再先进的先进的硬件都是要有一定信息技术和专业素养的师生来操作的。高校的硬件利用率并不高因而必须在加强硬件建设的同时,做好师生信息技术培训、电脑软件资源的配套、相关的管理制度等的“软件”建设。
3.4 加强网站的监管和提升安全意识
在网站建设和网页设计的监管方面也是非常必要的,高校网在设计中需要有监督管理的部分,这些并不只是防御黑客或者病毒的入侵,而是也需要监督信息传播中对信息的筛选,毕竟这些信息直接面向了学生,所以要对网站和网页上传播的信息进行有效的监督管理,监督这一部分需要专门的工作人员进行,加强监管的各种措施是一个长期又坚决的工作。
3.5 加强高校网站的宣传和引流
注重浏览量的扩大,达到建设网站的目的,要想扩大浏览量,加入一些宣传手段,加强校友录的建设也是一个可行的办法,一个优秀的高校网站离不开广大毕业生校友的参与和支持,毕业的校友会通过书信和电话等方式与母校保持联系,很多热心的校友也会积极致力于母校的发展中,宣传母校、推动发展、加强联系等方式都是他们对母校责任心的体现,加强这些校友的校友录建设,综合他们的力量,能够吸引更多人的宣传和为母校发展献计献策的动力。
4 结 语
高校网站和网页建设是高校宣传打造自己的重要方式,好的网站和网页建设对高校的发展有着各种推动作用。但校网站建设和网页设计过程中存在的一系列问题,校网站建设和网页设计需要从技术、组织、创新等的改变入手,还需要与时俱进的方法,增加更多的交流,融入更多的创意,综合自身的优点来达到校网站建设和网页设计的目的。建立功能完备、操作简单、应用丰富的高校网站是一项系统性的工程。通过制订相应的高校信息化发展规划和配套的规章制度来予以推行,这样才能使高校的信息化应用水平提高到一个更高的水平。
主要参考文献
关键词:项目教学;网页设计与制作;课程改革;实践
项目教学模式作为一种以生为本,具有多元化、开放性特点的新型教学模式,强调了在教学时,以学生文本,加强对意义建构的主义理论、探究式学习的理论的重视作用。即在整个教学过程中,严格遵循“以生为主体,教师辅导”的教学原则,以教学目标、任务为出发点,让学生在教师指导下,按照自己的学习能力与喜好,与同学进行自由组合,选择相应的题型,组织开展项目研究学习,以充分发挥学生的主观能动性,从而提高他们的创造能力与创新精神。因此基于项目教学模式下,对“网页设计与制作”课程进行改革与实践,势在必行。
1教学改革的理念与思路
在计算机应用专业的教学中,对于网页设计和制作课程的教学总体目标,主要是通过真实的网站项目来开展教学活动,让学生能够依据网站开发的过程和网页制作方法,结合需要制作的要求,制作出简单的网页图像与自动生成的动态网页,以提升学生网页制作技能,积累丰富的网页制作经验,从而满足日后工作岗位需求。因此在进行网页设计与制作时,应体现以下理念:(1)培养与人沟通和团队合作的能力。为能准确地把握项目制作的要求与客户的需要,教师必须重点培养学生与人沟通、团队合作的能力。让学生通过自由组队的方式合作开发项目,共同努力完成布置的任务,让学生之间能够形成良好合作的关系,以提升学生的心理素质与适应社会环境的能力。(2)培养职业技术能力和解决问题的能力。培养学生具备扎实的专业技术能力,这是网页设计与制作课程中能力培养的关键。因此在进行教学时,对学生职业技术能力的培养,主要包括以下几方面:①网站的规划能力。在项目教学中,应了解分析项目的内容,正确地理解项目的要求,并合理规划项目,编写网站的建设方案。②网站的设计能力。学生应熟悉网页的工作环境,详细规划与设计网页布局,并了解开发的主要工具,灵活使用网页元素,保证网页设计顺利完成。③网站的维护与更新能力。应依据专业规范操作,来维护与更新网站。④解决问题的应变能力。网页设计对专业性要求极高,因此要想强化学生处理问题和解决问题的能力,必须引导学生熟悉与掌握网页设计中较为常用的方法与工具。(3)自学与创新能力。自学能力即培养学生自我解决问题的能力,主要是指学生在学习的过程中,能够形成良好的学习习惯与掌握所学的知识,并通过自主学习的方式,来获得有用的信息,以积极的应对职业中遇到的问题。而创新能力则是培养学生具备创新思维与创新意识,从而为日后工作打下扎实基础[1]。
2基于项目教学的“网页设计与制作”课程改革与实践的途径
2.1课程整体设计
在网页设计与制作课程中应用项目教学,是否能成功的关键在于给学生安排的学习任务是否恰当。通常在设计项目的内容时,必须保证对学生具有挑战性、实用性、趣味性以及可操作性,要求学生通过查阅相关资料,经过仔细研究和思考,便可顺利地完成学习任务。但需要特殊注意的是,教师在设计学习任务时,必须按照教学目标与学生个性差异来设计,保证内容设计不能过于复杂[2]。例如在“网页设计与制作”的教学过程中,课程整体设计的目标是从简单——复杂——综合网站建设项目的训练方式,让学生能够依据网站业务的需要,对网站需要的功能加以分析,以明确网页风格与结构,理解并设计出相应的制作方案,从而掌握网页制作与网站的方法,熟练HTML语言、Dreamweaver网页制作软件,能读取JavaScript代码,并学会灵活运用CSS设计网站的元素。这时教师需要在设计上,依据项目的需要,选出“企业网站建设”作为该课程的实训项目,将课程设计任务划分为5个项目,16个任务、每个任务4学时,前2个项目是网站点的创建和静态网页设计,属于简单的入门项目,由教师辅导;第3与4个项目是进行网页素材设计和制作,依据规范进行标准化网页设计;第5个项目课后完成项目的情况,让学生能够积极参与项目的开发和维护中,以拓宽课程教学的内容。但是每1个项目都应以任务为载体,将课程学习的内容划分到每1个项目中。且每1个项目之间都有明显的独立性,同时项目之间相互联系,知识与技能循环渐进;前1项是后1项的基础,后1项是巩固前1项的关键,实现知识和技能学习的层层递进、由浅到深、由简到繁,以树立学生学习的自信心。
2.2建立项目小组
在明确项目教学的内容后,教师集全班的学生,让学生依据项目,自由分组学习,全班分成若干组,每组为3~5名,并安排组织能力较强、善于表达的学生担任本组的小组长。然后每组学生在组长的领导下,按照项目要求的内容,在课后充分利用参考书目、内容对网站制作与设计所涉及的资料进行查阅。此外,教师是项目的指导者,应适当引导学生整理所需要资料。让每个成员之间依据不同的学习任务,专门负责自己的问题。例如在“网页设计与制作”的教学过程中,教师依据本班学生的情况,将学生划分成每组5名成员后,结合实施方案,让1名理论功底扎实的学生负责网站栏目的整体规划;1名计算机操作能力较强的学生负责网页制作;2名程序设计能力较强的学生负责代码的编写和程序调试;然后让担任小组长的学生负责对网站加以宣传,并制定项目进度表,明确成果完成的时间,同时详细记录每个成员学习的情况、态度,为教师的评价提供依据。
2.3项目教学的实施
项目教学的实施主要是引导学生为完成项目,而组织开展自主性的学习,以辅导学生依据项目学习中所需要的知识与技能,通过有效的学习方法来开展学习活动,激发学生的学习热情与主动性[3]。例如在确定各小组的学习任务后,进入具体“网页设计与制作”课程的学习中,一开始部分学生会感觉到制作一个网站,以我个人的能力,难以顺利完成教师布置的任务,又怎会设计出具有个人鲜明、独具个性的网站来吸引客户的注意力?针对这些问题,在进行教学时,教师需要将教学知识转变成学习任务,以学生合作的方式,然后详细讲解网页设计与制作的知识点,让学生结合参考目录和资料,来回答提出的学习问题:(1)什么是框架?有什么作用?(2)框架和网页之间的联系?框架的优缺点?(3)依据各网站主页布局,怎样合理地使用框架?这样学生不仅能够在合作的前提下,进行自主探究学习,还可快速找到问题的答案:在Web浏览器窗口中,HTML框架集文档显示的若干个独立的可滚动区域就是框架,框架集中每一个框架在Web浏览器窗口中,属于自己管辖区域内显示一个HTML文档,可使用选项内是否滚动和可调整大小来调整页面。
2.4成果展示
在网页设计与制作课堂教学中应用项目教学时,项目成果的展示是为教师评价提供参考的关键。因此在实际项目学习成果展示的过程中,要求教师应依据项目教学的要求来组织各个小组的小组长汇报本组的项目成果。但需要特殊注意的是,小组长在展示、汇报本组的项目成果时,需要详细说明作品涉及的知识点、创新、优缺点和项目中遇到的困难,并说明对于遇到的问题,应该如何解决,而其他小组的成员,也可提问与设计有关的思路、技术和特点等问题,让课堂教学生动活泼,从而提高教学的效果[4]。例如在“网页设计与制作”的教学过程中,各小组完成动态网页作品的制作后,教师应通过组织活动的方式,让每个小组的组长借助电子演示文稿的方式,详细的介绍、JSP和PHP等动态网页技术,但是由于时间的限制,教师需要引导每个小组结合学习的情况,将关于ASP的内置对象:Request、SQL查询语言、Respone、Server、Application、Session以及ADO组件中的Connection、Command和Record.Set等归纳为一个单独的知识点加以阐述,以便其他小组的成员理解掌握Dreamweaver数据库、绑定和服务器行为等网页制作知识。
2.5考核方式的改革
项目完成后的最后环节就是教师要进行及时客观的点评与总结,评定学生的学习成绩。但是以往的课程考核方式都是通过笔试与期末提交个人作品的方式来考核,这种考核模式过于注重结果,忽略学生学习的过程,难以达到项目教学的考核目的。因此在对学生的成绩进行评价与总结时,教师必须将现场汇报、学生自我评价和学生互评内评价内容纳入到考核评价中,形成完善的课程考核评价体系,从作品的主题、版面、图片、色彩搭配、网站布局和超链接等方面来考核学生的口头表达能力、沟通能力、日常出勤、课堂表现和每个阶段实训项目的质量,以了解学生掌握的技能,然后通过百分制的方式进行最后总评,依据40%的比例纳入到课程总评成绩中,实现评价的合理性[5]。
3结束语
综上所述,项目教学在网页设计与制作中的应用,不仅能丰富课堂教学的内容,拓宽学生的知识面,实现知识的转化与整合。还可按照项目的目标进行课程的整体设计、建立项目小组、成果展示和考核,将枯燥、乏味的文字变得更加生动有趣,让学生积极参与到项目活动中,充分发挥学生的主动性与潜力,进行自主性探究学习,以培养学生形成良好的学习习惯,从而促进学生全方面发展。
参考文献:
[1]劳飞.基于项目化教学的“网页设计与制作”课程改革与实践[J].教育与职业,2014(29):139-140.
[2]毛乐琦.高职《网页设计与制作》课程项目化教学改革实践[J].电子制作,2013(23):113-113.
[3]沈勤丰.基于“项目引领任务驱动”的课程改革与实践——以“网页设计与制作”为例[J].职业技术,2013(2):25-26.
关键词:传统教学;学即能用;CSS
互联移动终端的大面积推广,使得掌握网页制作技术的人才在各个行业里都成为必不可少的需求;同时,地方普通高校为社会服务的使命感在不断增强,如何培养出“学即能用”的人才,使之在短时间内掌握主流的网页设计技术,提高站点访问量,是这门课程课堂教学效果进步的体现。
一、技术背景与课堂教学要求
(一)Internet发展历程
Internet经历了从Web1.0到Web3.0的迅猛发展。Web1.0是静止、单向、被动的;Web2.0则为用户开设了主动权,使得用户和网站可行双向信息互动;Web3.0提升了用户的主动权,用户可对页面的多种元素(显示、色彩、像素、框架等)按需设置,订制专属的功能模块,整合数据资源,适用于电脑、手机、PDA等多终端平台定制。
(二)传统的网页设计与制作课程内容
一般情况下,高校开设的网页设计课程从教学内容上可划分为两大块:1.相关知识介绍。网站的概念、基本元素及页面等相关知识的介绍。2.应用软件的使用。介绍使用最多的Dreamweaver系列网页制作工具,使学生掌握布局(表格、层、框架、模板等)、超级链接、表单和几种特效。随着互联网的全面推广和“学即能用”的需求,以上内容已不能满足互联网时代与时俱进的特点。最关键的问题在于:课堂学到的知识是否马上就能得到应用,是否与目前社会上专业的网页制作公司的技术规格保持一致。因此,本门课程的改革势在必行。
二“、服务于地方”教学内容的改革
(一)教学内容改革
内容改革是课程改革的首要环节。关于什么是关键内容,什么是次要内容,笔者走访了本地专业网页设计公司中企动力的设计总监马女士,通过对她的访谈,了解到时下主流的网页设计公司所涉及到的技术规范,对本校现阶段的教学内容做了必要的调整,简化了表格布局页面、框架设计等已被淘汰的陈旧技术的授课内容,有选择地介绍了网页交互特效及表单的应用,加强了网页美化工具、HTML语言及CSS的学习内容。改革后的课程主要分为六大模块:网页和网站的基础知识、网页美化工具(Photoshop或者Fireworks)、HTML语言、网页开发工具的介绍、DIV+CSS、动态网页技术。首先,通过具体的例子阐明网页、网站的定义,页面的布局类型(主要是盒模型)、整体造型及配色方案的相关知识;其次,介绍网页美化工具图片处理工具(Photoshop或Fireworks)的使用,学生可用其设计页面元素,加强页面的视觉效果与美观性,提升站点的专业度;再次,介绍HTML的基本语法结构和语句,使学生熟练掌握其主要标签的使用(传统的教学模式对这一部分的内容有所忽略)。实践证明,学生若不熟悉HTML的语法构成,学习DIV+CSS这一主流的网页布局模式就会相当吃力。当然,对于非专业学生而言,学习一门语言,即便是文本标记语言,由于其本身对计算机系统相关知识的欠缺,授课会比较困难,学生也学得辛苦,但这又是一个必要的过程,其所占用的时间比较长,需要设计大量实例,反复练习才能掌握。之后介绍开发工具,重点是要理解页面的代码模式和设计模式,而DIV+CSS则是本门课程的重头戏,由于学生对代码有种天生的恐惧,所以,在建立CSS时又以开发工具建立为主,修改程序为辅。最后简单提及动态网页技术。由于课时限制(32节),本课程主要讲授静态网页制作。静态网页技术分为传统技术和新技术。传统课堂教学内容重点是布局表格、框架、模板等,而目前主流的网页制作公司则主要应用DIV+CSS。所以,对于陈旧的技术简单介绍即可,而把DIV+CSS作为布局的主要技术进行讲解。由于这些内容需要学生对代码部分比较熟悉,所以,在课时中增加了相应的HTML的基本语法结构和语句的介绍,并对主要标签的使用熟练掌握。
(二)实际授课效果
笔者今年为设计和思政两个专业的学生授课。设计专业的学生已经开设了PS,有一定的设计基础,所以,课程内容改革中的第一部分可以省略;思政专业的学生没有图片处理基础,笔者在授课过程中有意加强了这部分内容,讲授简单的图片处理方法和文字特效工具。实践证明,学生有追求新知识的欲望,基本能做到学以致用,并反馈到最终的作品中。往届学生的作品更像电子小报,而今年通过课程内容改革的学生作品虽不完美,但在形式内容上更接近Internet的正规网站,教学效果良好。针对我校提出建立培养服务于地方应用型人才的本科院校,传统的网页设计与制作课程必须响应时代号召,更新教学内容与方法。本文仅供从事该课程教学的教师参考。
参考文献:
网页版面设计时,要对版面风格进行定位,对页面文字和图片等内容做统筹考量,不仅要安排有序得当,还要体现整齐美观大方的视觉效果。版面设计其实是一种艺术,而不是一般意义的技术了。网页就是制作者的思想品位素养的直观表达,阅读网页就是对制作者的审视和评价。版面设计首先要做好主页制作工作。主页就是人的脸面,要体现网页内容风格,就要注意突出什么,要有醒目的文字和图片,而且文字和画面要有自己的特色,一味堆砌当然不会有好效果。一般情况下,有特色的主页要包含这样几个要素:文字、图片、色调和排版方式。几种要素不可或缺,还要注意相互之间的协调和搭配,和谐统一才能体现整体美。
2网页制作实用技术
网页制作可以借助的软件很多,Frontpage是一款比较适合初学者网页制作的入门工具。Frontpage的界面和操作和Word比较相似,非常容易学习。
2.1插入图片
在网页中插入图片是常常要遇到的,有丰富图片内容可以让网页显得丰满生动,其操作方法并不复杂。在制作的网页中选择适当位置,确定插入点,然后在网页上部点击菜单“插入”选择“图片”,再点击“来自文件”,进入对话框,查找需要插入的图片位置,最后点击插入按钮就可以完成图片插入。如果图片格式不是GIF或者JPEG也不要紧,在网页保存时Frontpage会自动转换格式。图片插入后还要对图片进行适当调整和修正,点击图片选中,单击便可以随意拖动图片,进行大小调整。图片确定后还要对图片进行环绕样式选择。在网页中右键点击图片,在“图片属性”中选择“外观”,然后是“环绕样式”,找到文本图形周围流动方式,在“布局”中选择“图片对齐方式”,根据需要进行详细设置。
2.2添加动画
网页添加动画文件可以让网页动态十足,给人带来不一样的活力感觉。与图片相比,动画需要有多幅图片构成。首先要准备好动画文件,动画文件可以网络下载,也可以自己制作。添加动画和图片插入基本相同。打开网页,确定动画插入位置,点击“插入”选择“图片”,在对话框中选择“从计算机上选择一个文件”,找到动画源文件点击“确定”,动画就插入到网页当前位置。如果要插入用Flash技术制作的动画,操作就要复杂一些。首先要在Flash中生成动画文件moon.Swf,然后启动Frontpage,先建立一个新网页文件,点击“插入”选择“高级”到“插件”,这时会出现“插件属性”对话框,选择“浏览”找到moon.Swf源文件,确定之后回到“插件属性”找到“数据源”,并将其中的文件途径删掉,只保留文件名moon.Swf。确定之后还要选择“文件”到“保存”,将动画文件moon.Swf保存。
2.3制作滚动字幕
滚动字幕的运用可以让网页显得活泼,其制作技术也比较简单。首先是打开Frontpage编辑界面,确定插入滚动字幕的位置,把需要显示的文字输入进去。然后将这些文字选定,点击菜单“插入”,选择“组件”到“字幕”,点击之后出现对话框,点击“字幕属性”,对文章滚动方式进行进一步设置,包括字幕滚动方向和字幕滚动延迟时间等。最后点击确定,就完成了字幕滚动插入。如果要查看效果,可以从“预览”中查看。
2.4建立超级链接
制作网页不仅要建立自己的主页附页链接,有时还需要将网页和其他网站形成链接,这就需要建立浏览器超级链接。要链接其他网站,首先要选择作为链接的文本,然后点击菜单“常用”工具栏的“超链接”,在“创造超链接”中,将要链接的网站的地址输入在URL地址栏内,点击确定就可以了。如果要改变某些超链接,可以先确认是普通模式,右键点击要改变的超链接,选择“超链接属性”,直接输入新的URL地址就可以了。
3结束语
关键词:中职;网页设计;学习积极性;学习兴趣;教学方法;学习效果
随着计算机技术的不断发展与革新,《网页设计与制作》是近些年来计算机专业领域发展最快的和应用最广泛的课程之一。社会急需培养掌握网页设计、面向不用应用层次的专业人才。根据多方面的调研,再结合我校学生的实际情况,我把我校计算机平面与网页设计、计算机网络技术、软件与信息服务等计算机相关专业的学生学习本课程的职业定位为大部分从事UI的开发,很少从事程序开发工作,因此在网页设计与制作主要以Dreamweaver软件教学为主。那如何调动学生学习兴趣、如何选择更加适合的教学方法及如何在教学过程中取得更好的教学效果,是值得我们共同探讨的问题。在不断学习先进教学理论及结合实际教学实践,我认为可以从以下三方面入手。
1分析学情,合理安排教学内容,激发学生学习兴趣
当前中职学校大部分学生都是考不上普通高中,想来中职学校学一技之长以谋生,但也有不少抱着玩三年然后等年龄够了出去打工的态度,学生的厌学情绪比较严重,要么上课不专心,要么随意旷课,学生学习的积极性极差,更谈不上创新。所以在上本课程之前,首先要找些优秀出色网站设计案例供学生欣赏,并且要分析当前本课程的应用领域、社会需求及就业前景,激发学生的学习兴趣,树立信心。另一方面,要合理安排教学内容。因为中职学生普遍存在特点就是没有一个良好的学习习惯和方法,就算刚开始带着好奇和兴趣学习网页课程,但过一段时间就会出现厌学的状态,出现这样的状况主要原因是课程章节内容的安排问题。在教学过程中,有些内容跟之前所学的知识有相似就稍显枯燥或者出现新的较难掌握的内容就容易导致厌学。所以将课程内容分阶段和模块化教学,各阶段和模块之间既相互独立,也相互关联,同时将课程难点分解到各个不同的模块中,化解了学生的畏惧和厌学心理。每个模块自成体系,学完每一个个模块就能获得一项知识、技能,前面的模块为后面模块做铺垫,后面的模块又强化前面模块的内容。这样可以让学生牢固地掌握《网页设计与制作》的核心。因此,教师在教学中应将“教、学、练、做”融为一体,对每个学习情景都设计好案例,然后进行在上课的时候明确任务、教师演示、学生设计、展示评价等。例如:教师可将《网页设计与制作》教学内容分为五个阶段,每一阶段设计了若干教学模块。第一阶段使学生能熟练使用网页设计的入门篇;第二阶段能熟悉并熟练使用网页制作工具Dreamweaver、Photo-shop、Flash等,能制作布局得当、内容精彩的网页;第三阶段能进行动态网站的开发;第四阶段掌握网站与维护方法;第五阶段进行综合案例项目实训。每一阶段的教学内容完成后,在专业机房组织单元考核,以实现分阶段达标,最终使学生能独立设计小型WEB站点。
2结合实际,选择适合的教学方法,调动学生学习积极性
教无定法,因材施教。教师要根据学生的实际学习情况,不断调整自己的教学方法,不断将先进教学方法应用教学当中,才能激发学生的学习兴趣,取得更好的教学效果。若采用传统教学模式即课堂主要是教师的讲解再辅以学生练习,这是教学模式是很难激发学生的学习兴趣的,最后可能是教师累得精疲力竭、学生却收获甚微。通过实践,我主要是采用案例教学法、项目教学法进行教学。案例教学法是在教师的指导下,根据教学目标的要求,利用案例引起教学活动,组织学生进行学习和研讨的一种教学方法。与传统的灌输教学相比,案例教学是一种强调师生互动的开放式研究型的教学方法,它注重学生的实操能力,符合中职教育的教育特点。具体做法是:教师通过具体案例提出任务,将任务分解到每次的课堂教学中实现,教学过程中为了调动学生的学习积极性,教学过程中常常采用互动方式,即教师提出一种解决问题的思路,然后让学生采用其它方式来解决同一个问题,课堂上每介绍一个任务后都要首先让学生上机去模仿着实现,然后再要求学生采用自己的解决方案来完成任务。例如:在“创建企业展示型网站”的教学过程中,教师的教法是“案例驱动下的自主学习———分组协作学习———探究发现学习”,既鼓励个性张扬,又提倡某些问题的分组协作与自主探究,指导学生对图片及文字的来源进行探究发现(从网络中搜集)。建构主义学习理论强调以学生为中心,要求学生由知识的灌输对象转变为信息加工的主体。以案例驱动,激发求知欲望,让学生带着逐个任务通过探究发现、相互合作、实际操作等方式,自主学习,使学生在完成任务的过程中不知不觉实现知识的传递、迁移和融合。项目教学法是教师在教学过程中以项目为主线贯穿始终,将课程中的知识点融入到项目中,学生以完成项目为主要目的、教师以学生的项目质量来评定学习效果的一种新的教学方法。学生全部或者部分独立组织、安排学习行为解决在处理项目所遇到的问题,提高学习兴趣。教师在选择项目时需要注意将教学的理论和实践结合在一起,同时项目要与企业实践生产过程和现实经商活动有直接关系,才能使学生所学知识又具有价值,同时也会极大激发学生的兴趣。例如:在《网页设计与制作》教学中将一个班级分成多个项目小组,教师是项目经理,学生则是项目的开发人员,学生通过以小组分工的形式完成项目,再派学生代表进行项目展示,达到师生、生生之间交流和讨论的目的。项目开发小组经常以幻灯片方式展示成果,陈述自己通过学习掌握了哪些知识和技能,运用了哪些方法,怎么用的?如何改进?获得了什么亲身体验?初步提高了自己的哪些能力?问题是怎么解决的?解决的过程是什么?类似的交流穿插在整个学习过程中。这种方法有助于学生学习思维的发展,学生通过和其他学生的交流,解决疑惑,论证自己的观点,开拓了思路,有利于发展学生的智力,整个教学过程同时也是学生学习的体验过程。
3科学考核,提升教学质量,保证学习效果
在课程考核方面,将单纯的课程考核转向学生职业能力考核,主要包括三部分:第一部分,平时成绩占总成绩的30%,包括平时出勤、课堂纪律、课堂表现和作业等。第二部分,阶段性项目设计考核占总成绩的40%,分2次考核,根据网页及网站制作流程,以职业岗位工作过程为依据,对学生分组,通过自评、互评,还有教师评,对每个项目进行评分。在交流评价的基础上对自己获得的材料和做出的作品进行检验。验证学生自己的观点。通过对比师生评价结果,找出造成结果差异的原因,让学生反思他们在探究实践中所运用的解决问题的策略。第三部分,期末综合考核占30%,主要考查学生对知识的综合应用能力。《网页设计与制作》是一门实践性很强的课程,教学方法也多种多样,只要在教学结合实际,不断探索、不断总结,勇于创新,一定能寻出适合的教学方法,激发学生学习兴趣,培养分析问题解决问题的能力,更具有职业岗位实务能力,完成胜任网页设计与制作相关岗位的工作。
参考文献
[1]邰琦珲.中职计算机网页设计教学的若干实践探索[J].信息与电脑,2013(5):208-209.
[2]颜谦和.《网页设计与制作》课程运用案例教学法初探[J].电脑知识与技术,2014.
关键词:高职教育;网页设计;网页制作;教学研究
1引言
随着我国社会主义现代化的飞速发展,国内各行各业均得到了极大的进步。政治、经济、文化、社会、法律等诸多环境的完善给予了当代各种新技术良好的发展环境与支撑。互联网与计算机技术作为时下最为热门的技术,其已然和多个行业之间紧密结合起来。作为现代居民、企业获取信息、传播信息、共享信息、储存信息的重要途径,互联网与计算机技术的使用无不改变着当代居民的生活方式、企业的经营理念。而这些信息的获取与宣传,均需要依靠由HTML所编辑的网页程序。良好的网络界面设计、网络窗口点击习惯等,将会给予网络使用用户良好的体验与满足。高职院校作为现代社会人才培养与输送的重要根据地,其每年均会为社会输送大量的优秀人才。面对时代的不断发展与进步,以及现代居民对文化的需求、现代企业对人才素质的需求,高职院校也不得不开始思考适应社会主义新城市产业发展人才供给水平及质量的问题。作为时下最为热门并受各行业关注的网页设计与制作课程,已然成为了时下亟待进行教学改革的课程之一。能否整合资源切合实际教学需要、能否采用科学有效方法提升学生对课程的实践应用能力等均成为了重要的研究课题。
2高职网页设计与制作课程教学改革的发展研究
2.1开发与企业需求相对口的专业技术培养高职教育作为以培养契合实际企业发展、输送更具职业化现代化人才为目标的高等教育基地,其应当在现有网页设计与制作课程教学的大纲编写、内容设置等方面与社会中的岗位与需求相互结合。根据当前社会企业中网站开发团队通常扮演的职能角色,学习网页设计与制作课程的学生毕业后不单会从事网页设计师、网页开发师、网页检测师等岗位,而且还会从事网页美工师、网页维护工作员等岗位。面对众多就业方向与选择,当代高校应当紧密契合时展需要,针对现有教学目标、内容、纲领等给予调整以便于适应社会企业对人才知识水平与综合素质能力的需要。在此过程中,可以采用更加具有针对性的专业细分模式,并结合对口专业就业方向给予相应课程重点的调整。例如:针对从事电子商务网页设计与制作岗位专业人才的培养应当在基础课程培养后,重点提升WEB应用程序开发课程的教学;针对从事艺术网页设计与制作岗位专业人才的培养不单应重视基础知识教学,而且还应提升学生对于布局、构图乃至色彩等的敏感性程度,并提升学生对CSS等软件的学习。2.2采用项目驱动型教学模式与策略在当前高职院校开展网页设计与制作课程授课过程中,通常将学生作为教学客体来进行传授,而忽略了高职院校学生本身所具有的年龄阶段及灵活思维。网页设计与制作课程在实践教学环节经常采用案例教学的模式,以此来实现对学生更为全面综合素质的培养。然而,却容易由于上述问题的存在,从而使学生在学习过程中经常处于被动学习的状态,严重偏离了网页设计与制作课程名称所应有的提升学生动手能力、设计水平的要求。在此过程中为了良好改善这一现状及问题的存在,可以采用项目驱动型教学模式与策略。这一教学模式可采用三步走的方式:第一,进行项目选择。在开展网页设计与制作课程之处教师应当结合课本及大纲要求选择恰当、难度适宜的项目范本,也可以根据学生层次不同选择层级较多的项目范本。在此基础上,将大班教学模式打散,采用三五成群的方式实现小组建立,并选取题目开展讨论型动手能力实践学习环节;第二,采用专题教学方式。可以选择耳熟能详的一些网站设计样本,并将其与同行业公司网页的设计之间相互比较,从而使学生能够设置一个心中的标杆。在此过程中可以分别从网页主题、网页资料设置、网页logo设计等多个方面来开展专题教学;第三,组织讨论。在进行项目选择和相关标杆样板的指引之后,就可以对学生每个小组的成果进行比较和分析,利用总结的形式让学生能够在这种教学模式下实现阶梯式提升。2.3采用考核分阶段型教学模式与策略除了可以采用项目驱动型教学模式之外,还可以结合网页设计与制作实际工作特点开展分阶段教学。由于对一个大型网站的设计与制作通常会花费一个团队几个月的时间,每个阶段性完成点之间的衔接对最终网页的质量均会产生较大影响。为此,在进行高职网页设计与制作课程教学时,为了提升教学质量也可以与实际相互结合起来,开展考核分阶段型教学模式。在此过程中通常可将课本内容进行重新编排或总结,从网站选题、网站设计、网站制作、网站测试、网站、网站使用反馈等多个递进环节开展专题教学,并以考核机制来实现上述阶段过渡,从而保障每个学生都能够利用课堂快速实现自身知识容量提升。
3结论
通过上文的研究,可以发现,高职院校在当代社会现代化人才培养领域的地位十分重要。因此,面对互联网信息时代到来,其必须与时代共同发展。网页设计与制作作为广告行业、新媒体行业等新城市产业发展的重要基础知识与领域,高职院校应不断推动当今时代背景下的教学改革。在本文中作者首先针对国内互联网与计算机技术发展的现状进行研究,在此基础上对高职院校网页设计与制作课程教学改革的策略提出了些许具有系统性、可行性的建议。谨此希望能够利用本文的研究为国内高职院校网页设计与制作课程的教学质量提升带来帮助。
参考文献
【关键词】网页制作;基于工作过程;学习情境;行动导向
1.引言
“网页制作”是大部分高校计算机相关专业的必修课,目的是使学生通过课程学习,掌握使用html+dreamweaver进行网页设计的基本方法和网站开发的整个流程;养成严谨的逻辑思维能力、问题解决能力;培养学生大胆创新、善于思考的能力。
目前,大部分院校还是采用传统的知识体系为主,或者知识体系与实践教学相结合的教学模式,导致学生缺乏学习的积极性,即便掌握了dreamweaver的使用和网页制作的基础知识,也不具备进行网站开发的能力。另一方面,课程的知识点较多,并且内容比较松散,会使学习者对其缺乏系统的认识。在该课程的教学过程中,本人进行了一些实践与探索。课程根据学生的兴趣选取真实的教学项目,在课堂教学和实践教学过程中,围绕该项目展开教学,取得了显著的教学效果。
2.基于工作过程的课程设计思路
2.1 设计理念
打破传统的按照知识体系教授课程的方式,以学生将要从事的“网页设计师”、“网站工程师”、“网站编辑员”等岗位所需的职业能力为目标,与行业企业合作,进行基于工作过程的课程开发与设计,既保证职业岗位所需技能、相关知识、职业素质的需要,又保持原有面向应用的网站开发技术知识体系的相对完整性,培养学生的职业能力,养成学生的职业习惯,同时也为学生的可持续发展奠定基础。
2.2 内容组织
在教学内容的组织上,通过对网页制作课程内容的整合、重组,以“工作过程”为切入点,选取能够涵盖高职学生需要掌握的网页设计与网站开发的实际项目,提炼出以职业能力培养为特色的教学内容,突出技术实用性。充分考虑高职学生认知能力和学习能力,对知识点的讲解采用“行动导向”的教学方法,通过“提出任务分析任务完成任务总结”的过程,体现出互动创新、提倡个性、重在应用、团结协作的教学风格,有效的提高了学生的实践能力和职业素质。
2.3 设计思路
课程按照网站项目开发的全过程和网站开发流程,首先是知识储备阶段,介绍了网站项目开发的相关知识;其次是网站规划和设计阶段,通过网站的分析、规划和设计培养学生项目分析和设计的能力;最后是网站的创建,主要学习网站开发技术。通过前期、中期和后期三个阶段的学习和开发,让学生体验一个完整的网站开发全过程。
2.4 学习单元设计说明
课程学习内容基于工作过程,选取一个能够涵盖高职学生需要掌握的网页设计与网站开发的实际项目进行教学设计。本课程通过“××企业网站”的开发讲授html+dreamweaver进行网页设计的基本方法和网站开发的整个流程。
2.5 教学组织与实施
在课堂教学中,重点放在学生的“学”上面。由学生被动地学,改变为学生主动学习的局面。教师在这个过程中的主要工作则是解答学生疑问,协助学生完成任务。
2.6 考核方式
建立过程考评与期末考评相结合的考核体系,过程考评占50分,期末考评占50分。制定科学的评价考核标准,加大过程考核、技能考核和能力考核的比重。在考评过程中体现学生对所完成任务的自我评价,每一学习小组间的学生互评,及学生对课程的评价等,以此来调动学生平时学习的积极性。
3.结束语
通过以上的授课改革,极大地激发了学生的学习热情,使学生综合应用了基础知识,提高了专业技能,初步掌握了解决实际应用问题的能力。培养的学生具有扎实的软件开发基本功,较强的学习能力、团队合作能力和创新能力,为今后更快适应软件开发岗位的工作打下基础。
参考文献
[1]吴代文.网页设计基础与实例[M].北京:清华大学出版社.
[2]李峰.JavaScript开发技术详解[M].北京:清华大学出版社.
关键词:网页设计与制作 综合实训 案例教学 任务驱动
中图分类号:G633 文献标识码:A 文章编号:1673-9795(2013)05(b)-0173-02
近年来,随着我国职业教育改革的进一步深化,计算机专业课程改革面临着进一步完善,这就对《网页设计与制作》课程改革提出了更高的要求。《网页设计与制作》课程是中职学校计算机应用技术和计算机网络专业中一门创新性和实践性很强的专业课程,要求学生不但要学好理论知识,还需要掌握实践技能,关键是要具有解决实际问题的能力。但是,这样一门看似简单好学的课程,却经常得不到很好的教学效果。学生在学完课程之后,要么设计结果达不到应有的功能和视觉效果,要么不能独立地进行网站规划和页面设计。因此,笔者在《网页设计与制作》课程的教学实训中,对教学内容、教学方法、教学手段、考核方式等进行了一些尝试,收到了良好的效果。
1 实训阶段
以我校计算机应用专业为例,《网页设计与制作》综合实训课安排时间为60个课时,以集中训练的方式进行。在综合实训之前,学生已经学习理论知识和上机操作,对课程的重点、难点进行了相关的练习。笔者在教学中发现,虽然学生经过指导能够完成课堂上布置的任务,但是只能根据规定的操作步骤进行,学生没有独立设计和制作网页的能力。学生的操作依赖性很强,学习之后很快就遗忘。针对这些问题,笔者制定了切合实际的实训计划,主要目的是培养他们团队中协作能力,独力完成所承担的网站需求分析、网站规划、网页设计、综合测试等工作,从而使学生牢固掌握所学知识,实现以技能培养为核心,培育适合当前职业岗位需求的应用型、技能型人才。本课程综合实训如下所示。
1.1 实训动员
在综合教学实训进行前,要做好学生的学习动员工作。一方面,让学生明确综合实训的主要目的是让学生通过实践,了解和掌握网页设计与制作的基本方法,通过不断上机练习达到解决实际问题的能力。因此,集中两个星期时间使学生综合运用所学习的网页设计与制作的知识及以前所学习图形图像处理等计算机软件应用方面的知识,根据网站制作的流程,完成一个综合的网站,全面巩固学生的知识,培养学生解决实际问题的能力,从而达到学以致用的目的。另一方面,让学生了解实训的目的和意义、学习方法以及考核方式等方面的内容。采用展示实际案例效果、历年网页设计与制作竞赛获奖作品、历届学生的优秀作品等方式来激发学生的学习兴趣,让他们积极主动地参与到实训中来。
1.2 实训过程
在《网页设计与制作》综合实训教程中,老师的角色是参谋,学生的角色是任务的完成者。老师提出项目要求,学生根据具体的任务来完成。我们把一个班的学生分成10个小组,每个小组4~5人,每个小组选择一个主题制作网站,综合运用前面所学的知识和相关的技术共同完成。
1.2.1 基本知识回顾
这部分的要求是温习网页制作课程的重点难点,使学生对Dream weaver各方面的操作知识系统的由“片”的认识转向“面”的认识。
1.2.2 案例作品赏识
在网页设计过程中,经验丰富的设计师需要博采众家之所长,形成自己的风格,而对于初学者来说,模仿是最容易收到效果的方法。大量欣赏优秀的网站作品并不断地分析、比较,会使学生的各种能力逐渐增长和提高。通过展示历年中职学校职业技能竞赛中网页设计与制作项目中的获奖作品、历届学生的优秀作品等手段来提起学生的学习兴趣,吸引学生积极主动地参与实训。
1.2.3 案例模仿操作练习
从历届学生的优秀作品中选择一个典型的案例,让学生作为网页设计与制作知识的回顾。例如,对一个旅游网站进行解析,使学生了解制作网站的基本方法,让学生对旅游网站的粗略和宏观认识得到细化,使学生懂得如何独立面对旅游网站进行需求分析、站点规划和设计。
1.2.4 作品的选择、网站需求分析、站点规划
在综合实训中,首先要求各小组学生选择一个网站主题,主题一般选择如下内容:校园生活、教育、体育、旅游、电子商务等。然后,小组成员开始着手进行网站需求分析,设计整个网站的框架,选定要设计和制作的各部分内容,由组长组织完成一份完整的网站规划书。在此过程中,老师要适当指导,要求学生独立完成,设计出有具有本组特色的网站。最后,由组长给本组成员进行网站设计与制作任务分配,分头搜集素材并进行整理。
1.2.5 网站色彩搭配
网站的色彩就像人的外表一样,如果打扮得美观大方,就会给人一种魅力四射的感受,而不修边幅则让人感到粗糙毛草,所以,网页的色彩搭配将直接影响访问者对网站的印象。网页配色有着很强的艺术性,不同的色彩搭配方案就会让人产生不一样的感受。对于初学者来说,模仿是最容易看到效果的方法。在站点规划完成的基础上,选择网站的主色调和学习色彩搭配。主页的色彩处理得好,可以锦上添花,达到事半功倍的效果。色彩总的应用原则应该是“总体协调,局部对比”,也就是:主页的整体色彩效果应该是和谐的,只有局部的、小范围的地方可以有一些强烈色彩的对比。由于中职生英语、数学等文化基础较差,编程对他们来说难度太大,他们走上工作岗位后一般不会从事程序开发工作,大多数学生毕业后从事的是网站美工等,因此,应该在网页美工等方面加强培养。