网页设计实习个人总结实用13篇

网页设计实习个人总结
网页设计实习个人总结篇1

我院对福建省同类高职院校的网页设计人才培养进行广泛调研,很少院校能够培养符合企业需求的网页设计师,致使我省应届毕业生难于满足社会对网页设计人才需求。高职网页设计课程的教学现状是:

2.1开设课程不满足社会对网页设计师的要求网页设计课程是一门综合性的课程,是它包括构图、排版、特效制作等多种知识,决定了这门课程具有很强的综合性、实践性、融艺术性与技术性为一体的特点。而高职院校教学虽然在开设网页设计课程体系上采取一定改革措施,但针对性不强,如针对企业需要艺术与技术相结合的网页设计人才,专门开设了《网站色彩与构成》、《网页设计》、《网页设计实训》、《程序设计基础(java方向)》相关专业技术课程,也专门开设了《设计素描》、《设计色彩》、《构成设计》等美术课程,但没有真正以企业工作过程为导向,开设艺术与技术相结合的网页综合项目课程,学生很难融会贯通运用综合知识进行网页设计,另一方面由于网页设计技术的飞速发展,从最早的表格布局到现在DIV+CSS布局,网页语言从最早的HTML1.0到现在的HTML5,网页的设计风格也随着时代的变化而不断改变,社会对网页设计师的要求不断提高,而高职院校相关专业课程没有适时更新,学生也缺乏提升自我的学习能力,因此高职毕业生很难适应网页设计这一行业的人才需求。

2.2教师专业水平有限,团队意识不强有的高职院校虽然按照企业工作过程开设网页设计相关课程,但由于各个任课教师专业水平不同,团队意识不强,较难形成一个企业整体项目意识,通常每个教师根据自己方向选择各自企业项目进行网页设计相关课程的教学,有的教师自身受限专业水平与实践技能,无法与专业组教师达成共识,造成学生在学习网页设计专业课程体系无法形成专业整个知识技能体系,网页设计综合技能很难得到提高,只能满足于淘宝美工却无法胜任电商网页设计师。

2.3教学方法单一,仍以传统教学为主长期以来在教学中仍以教师为主体,而忽略学生的主体地位。h教师在授课中,往往先讲解网页各独立元素的设计制作,与整体案例的设计制作相分离,导致学生在实践过程中,学生只掌握每个工具单独使用,不能将网页各独立元素的制作与整体项目相结合,当需要综合运用各种软件工具知识去制作完整项目时,却显得力不从心,即整体性不强。这种传统教学方法优势是整个教学过程比较系统完整,授课内容还是以理论知识为先导,教学手段单一,老师虽是孜孜不倦的教,而学生兴趣缺乏,参与性不强,不能培养学生的自主学习能力和团队协作能力,往往老师累得满头大汗,学生却收获甚微。

2.4生源质量参差不齐随着高职招生人数不断上升,生源质量参差不齐,生源质量也在下降。教师引入企业项目进行网页设计教学,学生完成的程度和质量不一,有些同学无法跟上进度,就出现厌学、迟到及旷课等现象。

3网络环境下“网页设计”混合式教学构建模式及优势

3.1网络环境下“网页设计”混合式教学构建模式网页设计集艺术与技术为一体综合性课程,既需要个人创意设计能力,又需要全面应用高新技术能力,具有很强的实践性和综合性。在网页设计授课过程中,教师要从易到难引入企业项目,引导启发学生,并在课堂上统一进行项目分析,在讲解过程中,将网页设计的艺术美学及专业技术知识融入到所要完成项目中,调动学生的学习积极性、自主的对网页综合知识进行建构,同时通过现代网络视频教学,演示网页设计从选定项目、制定计划、活动探究、制作作品、成果展示、综合评价等环节,激发学生对网页设计项目整体认识,对网页设计的兴趣,让学生自己产生要制作属于自己的项目作品,学生从传统教学“要我学”变为混合教学“我要学”的教学模式。通过混合式教学模式,把传统学习方式的优势和网络学习方式的优势结合起来,教学以学生为主体,充分挖掘学生学习过程过程积极性、主动性和创造性,培养艺术与技术相结合的网页设计技术技能型人才。搭建好的网页设计的网络教学平台、教育教学资源库,运用在线教学与课堂教学优势互补的混合式教学模式,教师通过基于网络的课堂进行教,学生除了课堂学习外,课后自主在线学习、在线做作业、讨论协作、在线答疑等学习活动。将教师的网页设计教学由课堂上扩展到了课堂外,才能真正培养出综合能力强、创造性思维突出的网页设计人才。

3.2网络环境下“网页设计”混合式教学的优势(1)提高教师“双师”素质:网页设计课程是基于企业项目教学,项目设计是项目教学的成败的关键,要求教师不仅要具备深厚的理论知识,还应具有一定职业技能与实践经验,即教师具备“双师”素质,通过网络教学平台建设,优秀专业教师与企业技术人员带领专业较弱教师,共同完成项目网页设计整体设计。通过开展混合式教学,进一步提高教师的教学设计水平和实践技能,更新教师的教育观念,提高教师自身的业务水平,促进教师向双师型转变。(2)教学资源丰富:教师与企业技术人员在网络教学平台提供各种媒体素材,包括视频、动画、课件、网页设计优秀作品等教学内容,远远超过教师课堂讲授与教材内容。网络教学平台进一步为学生提供课后学习实践企业项目,引入企业项目任务,能从高职学生特点出发,项目从易到难,循序渐进,让学生学习实践觉得能“跳着够得着”,既有挑战性,又能完成企业项目并使学生获得成就感,提高学生综合实践技能。通过网络在线教学优势,为学生提供了自由选择的学习空间,有更丰富网络学习资源,激发学生学习兴趣,调动学生的主动性与积极性,有效提高了学生的创新思维能力,对于培养学生的创造精神和树立终身学习的观念有重要的意义。(3)学习自主性:传统的课堂教学受限上课时间,教学内容也受限,存在形式与内容单一。特别对于学生难于理解的重点与难点,老师可能认为在课堂已讲解很清楚,但学生还是没有理解等诸多弊端,而通过混合式教学,利用网络在线教学等辅助手段在很大程度上弥补了这种不足,让学生能在课后按需学习,让差生或请假学生补缺补漏,赶上全班统一进度。通过网络教学平台和教育教学资源库,可以24小时开放教学,大大打破上课的时间限制,学生可以把课堂当中没有消化的内容利用网络的在线自主学习,进一步的加深理解,使课堂教学加以延伸。利用在线学习,基础好的同学也可以通过网络教学平台和教育教学资源库进行自学,提升自己的学习能力。(4)网络在线答疑:利用在线系统为教师和学生提供一个良好的交流平台,师生通过平台将获得更多的沟通机会,师生之间在平台上在线讨论交流答疑,学生之间也可以在平台上在线讨论交流答疑,及时解决学习过程中遇到问题,调动了学生的积极性,进一步提高教学水平。

4混合式教学模式实例分析

在网络环境下,构建与传统教学相互融合网络教学平台,实现交互式教学平台,学生自主学习的空间。下面以学院《Dreamweaver网页设计》为例说明,实现传统教学与网络教学的混合教学模式。

1.设计制作企业项目。课前教师与企业人员共同设计制作《**企业网页设计》项目,共构建八个学习情景:《学习情境1企业网页图文混排》;《学习情境2企业网页表格数据制作》;《学习情境3企业网页表格布局》:《学习情境4企业网页超链接设置》:《学习情境5企业网表单网页制作》;《学习情境6企业网页制作-css样式表应用》:《学习情境7企业网页布局-div+css布局》;《学习情境8企业网页JavaScript特效应用》。

2.课堂教学内容以网页设计的工作过程为依据,划分上述八个学习情境,采用混合式教学模式,按任务展开教学。每个学习情境都包含:①任务导入:首先提供学生与所讲知识相关的网页案例,吸引学生注意,然后导入学习情境任务;②分析总结:教师引导学生发现问题,并提出问题,激发学生学习兴趣,经过共同分析与讨论,总结出具体的制作方法;③实训(仿真实践,在线测试):学生根据学习情境,在教师的示范讲解下,独立完成操作,在线测试。④讲评总结:学生在制作过程中会出现各种各样的问题。教师所做的是将问题汇总。总结出相关的注意事项,点评作业时,侧重学生的思维引导,及时给予学生鼓励。⑤能力扩展:提供给学生实践性较强的案例,要实现效果,需要结合以前的知识和运用一定的技巧。这样既扩大了知识面。又体现了知识的综合性。在课堂讲解环节,可以适时插入教学视频、技术操作视频、实例展示等内容,解决传统教学方法无法讲清楚的知识点和实际操作演示,使教学效果更生动具体。通过学习情境,学生目的明确,整体性学习Dreamweaver软件各个工具,运用到每个学习情境任务中,学习网页各独立元素与整体学习情境相结合。

3.在网络学习平台上,教师上传课前准备《Dreamweaver网页设计》学习指南、课堂讲解八个学习情境模拟、仿真实践、在线测试、网络资源、网络答疑等环节。(1)学习指南:包括课程介绍、课程标准、学习建议、链接优秀网站的网址等,让学生了解本门课程的教学目的、要求和学时分配,当学生遇到网页设计问题时,就可以在学习指南资源库中找到满意的答案。(2)学习情境模拟:教师授课、实践操作视频。(3)情境模拟部分:有10个训练素材,学生可以选择训练企业项目进行自我训练,学生之间还可以通过网络互相交流;(4)仿真实践环节:在一定程度需要借助仿真实训软件,应用于学生日常实训和各阶段试。(5)网络答疑:网络给师生提供了一个交流的平台,师生可以通过QQ、邮箱、论坛等形式进行交流,教师可以及时了解学生的学习情况。(6)网络资源:网络资源包括相关网站、相关视频、课程课件、讲义、行业信息、参考书籍、学生实训实录等补充资源,供学生课外学习。这样便于因材施教,使好生更优,差生进步更快。

网页设计实习个人总结篇2

1.引言

《网页设计》是一门集计算机语言、设计技术、美学为一体的综合设计课程。如何让学生能够独立设计出风格鲜明的网页?如何提高网页的实用性?如何让学生在实践中学习知识、提高能力?如何在网页设计中相互配合,增强团队开发意识?这对《网页设计》课程的教学提出了更高的要求。

2.《网页设计》课程的特点

2.1 课程具有较强的职业性[1]。如何让学生能够设计网页是课程的目的之一,而设计网页的需求来源于企事业单位网站建设工作,这必须必须对各行业的工作有一定的认识。学生只有进入职业角色去构思网页设计,才能做出符合要求的网页。、

2.2 课程具有较强的综合性。《网页设计》是一门计算机技术与设计艺术相结合的课程,既要让学生掌握网页设计语言,又要从美学角度考虑网页架构设计、线条布局、色彩搭配等问题,必须让学生会将多方面的知识综合运用,才能达到课程培养目的。

2.3 课程具有较强的实践性[1]。《网页设计》课程的教学内容实践性强,能极大提高学生的学习能动性,激发参与意识,锻炼动手能力,同时培养专业兴趣。教授和学习中都一定要注意理论与实践相结合,而实践是教学的主线。教师应该多安排实践内容,学生应该多动手实践,能熟练地创作出实用的网页。理论教学指导、服务实践教学,实践教学反过来印证、提高理论教学。

3.目前《网页设计》课程教学中存在的问题

3.1 传统的教学方法不适应《网页设计》的课程特点。传统黑板式教学与口授言讲式教学以教师为中心,教师教学为主体,学生被动接受学习,理论和实践严重脱节,纸上谈兵,无法解决现实的网页设计问题。教师授课按部就班,学生大多跟随课堂教学,教师讲多少,学生学多少;甚至讲授到下一个知识点或者操作内容时,以前学习的又忘记了。

3.2 多媒体教学方式的缺陷。在使用多媒体的教学方式中,教师可以利用多媒体灵活多样性,以丰富多彩的形式展示教学内容,但按照多媒体课件设计内容讲授,比较机械;而课后学生忙于拷贝教师课件,甚至不用记笔记,缺乏深刻认识,对知识点的印象更易淡忘。

3.3 以课堂教材为主,思维局限,缺乏学生实践能力培养。以课堂为中心的教学方式,让学生的思维受限于教材。目前《网页设计》所用教材大多专注于网页设计工具的使用,缺乏网站开发实例;这样一来学生只能学会如何去使用开发工具来制作网页,而不会学会网站建设的技巧。

3.4 上机练习,缺乏团队合作培养。上机练习任务都针对近期所讲知识点,且受限于上机练习时间,作业不可能布置太复杂,导致学生在练习过程中,经常是独立思考、独自操作,缺乏相互沟通、相互配合;而遇到问题更多依赖老师来解决,让教师投入更多的时间来解决问题,缺乏对学生协作精神、团队意识和创新能力的培养。

4.关于《网页设计》教学的思考

4.1 充分调动学生学习兴趣。可以介绍淘宝网、12306火车票订票网站、高考志愿填报网站、电子邮件、微博等网站的应用情况,以学生熟悉的网络应用为切入点,使学生切身体会到网络应用在现在生活中发挥的重要作用。然后,教师逐步引导学生了解网络应用的作用,同时让学生了解就业需求,让学生切身体会到学习网页设计的必要性,提高学生的学习兴趣,增加学习动力。

4.2 扎实掌握基本知识。在学习这门课程之前,学生大多没有学习过网络相关的知识,为了让学生了解网页设计工作在整个网络应用中所处的位置,非常有必要补充网络基础知识,明白网站开发流程。

首先,着重讲述网络的基本概念,如:网络上常见的服务、IP地址、域名解析等,描述从客户端访问一个网站时数据传递的过程,让学生充分理解网站是如何让人们能够访问的;在整个访问网站过程中,网页设计是在哪一个环节工作,发挥什么作用。其次,模拟要开发一个网站,从无到有,从需求分析、网站规划、设计制作、申请域名和空间、网站、后期维护等开发流程逐步介绍各环节要完成的工作,让学生对网站开发有初步的印象。这些基本知识看似对网页设计关联性非常小,但是可以让学生对整个网络有更深刻的理解,对网站开发过程了解了,更有利于掌握网页设计技术。

4.3 综合运用多种教学方法,以学生为中心[2]。教学的最终目标是让学生掌握网页设计的关键技术,具备制作静态网站的能力。为了达到这个目标,要求教师结合不同授课内容,灵活运用多种教学方法,可以使用案例教学法、项目教学法等,让学生快速有效地掌握知识,达到熟练运用。

首先,案例教学方法的使用。案例教学法(Case Method)是19世纪70年代美国哈佛大学法学院院长兰德尔首创。它要求在教学中采用实例进行教学,教师将知识点设计应用到案例中,并进行实际操作[2]。在网页设计课程中,针对网页设计的知识点,可以设计出专门的范例代码在课堂上进行演示,也可以在一个案例中贯穿几个有相关性的知识点,综合使用多种技术。例如:在CSS应用中,可以设计出招生宣传网站中“专业介绍”的案例,针对文字段落设计出不同的样式,并在学院、专业、专业介绍等不同级别的文字上进行试验,展示CSS技术的优势。其次,项目教学法的应用。项目教学法(Project Based Learning,PBL)是建立在工业社会、信息社会基础上的现代教育的一种形式,以培养实用型人才为直接目的的一种人才培养模式。这种教学模式的关键是可以避开传统的学科体系教学知识的完整性和系统性,从以逻辑思维方式为主转向以形象思维方式为主,所关注的是项目能否按期完成,对知训结构是以“够用”为准则的,主要是为了锻炼学生勤动手的技能,不仅可以独立收集信息还可以自行分析知识,从一定程度上提高了学生的实践及创新能力[3]。在学习HTML和CSS知识之后,可以设计一个网站开发项目,2人一组,一个负责设计网页结构、安排内容;另一个负责设计CSS样式表,完成内容美工、显示效果制作。这种情况下,只有两个人充分沟通才能完成该设计,在实践动手中增强团队协作意识。

5.总结

笔者根据多年来在《网页设计》教学中的实践,就《网页设计》这门课程该如何去提高教学质量、增强学生的学习积极性、提高学生实践能力和创新能力展开思考和总结,针对目前该课程教学中存在的问题提出相应解决方法,对教学模式进行革新,取得了较好的教学效果。

参考文献

网页设计实习个人总结篇3

学生如果要很好得完成网站制作,所需的的知识体系非常庞杂,其中包括网络基础知识,网页制作技术,平面设计和动画制作等基本要素。具体涉及到网页制作软件,图像处理软件,动画软件,数据库知识,脚本语言动态服务器编程技术等。教学内容比较多,知识点比较分散,而学时仅为48个学时,学习内容多而课时少。经过多年的教学活动的开展和经验总结后,我们总结出一套适合高职学生教学方法,那就是使用任务驱动式的教学方法。我们以前的教学设计思路是:讲授知识点———设计任务———监督学生完成———验收,现在的教学设计思路是这样的:实际工作任务导向———任务驱动———相关知识讲授。老师在此教学思路中的角色:给学生布置一项工作(实际工作任务导向)———将工作转变为一个任务(任务驱动)———通过任务引出知识点(知识学习)。学生在此教学思路中的角色:通过老师的引导,理解相关任务要求,继而产生强烈的学习相关知识的兴趣,在下一步的知识学习中就能很好地学习,掌握了相关知识后,马上运用于实践,完成老师布置的任务。通过该课程的教学,使学生最终能够自主开发一个完整的网站,毕业后能够直接从事企事业单位网站的开发设计与管理维护等工作。

三、课程体系内容重构

本课程性质是计算机系的基础必修课,教学对象是全系各专业的大一学生,因此教学内容定位于静态网页的制作,以Dreamweaver软件为主线,介绍静态网页设计和制作的基本技术,目前很多网页教材是基于网页三剑客的即Dreamweaver、photoshop和flash,然而当前课时条件和时间条件下,根本做不到三个软件都讲到位,事实上每个软件分开都可成为一门课程,而网页设计课程只能以网页制作软件Dreamweaver为主,其他软件为辅,并且其他软件制作的作品要与网页密切相关为了解决内容多学时少的矛盾,有利于教学的开展和培养学生的动手能力,为此我们对教学内容重新进行了重构,围绕Dreamweaver软件讲解网页制作的方法和技巧,只有在制作图像缩略图、切片、按钮、LOGO图片等时候,才辅助其他软件加工素材或者制作动画。教学内容分为9个模块:模块一、网页设计基础;模块二、页面的基本操作;模块三、简单网页的制作;模块四、网页的样式设计;模块五、实用HTML布局页面;模块六、实用DIV+CSS布局页面;模块七、制作多媒体页面;模块八、网页交互设计;模块九、网站的测试与管理。

网页设计实习个人总结篇4

下面就我这一个多月的职业生涯谈谈我个人的感受

二、实习内容

1、实习主要内容

整体工作:我的工作就是负责设计整个网站的页面部分,根据网页设计师或客户所提供的主题要求来设计出整个网站。

(1)、使用photoshop、ai等图片处理软件设计、处理网站上需要的图片。

(2)、使用div+css样式及基础的html语言做页面布局的排版。

(3)、ps网页配色及排版设计。通过色彩结构、平面结构和立体结构三大结构构成;

(4)、编写css代码使网站页面无论是在ie浏览器里还是在ff浏览器上正常显示;

2、工作过程

在普金公司的一个多月了,我刚开始从处理简单图片到组后让我独自一人修改了公司一个小型网站,收获可谓不少在。下面让我来说一说,我在这段时间做的事情。

(1)、了解主题:刚接到任务时,我对于如何修改毫无头绪,于是我首从网上了解了一些相关基本常识及想类似网站的页面风格。

(2)、思考配色与构图:对整个内容有了一了解后,便要思考作品的色彩和具体的构图,先用笔画出草图,也可以直接在脑海里构思。色彩要显示出稽查的专业与严谨,所以选择蓝色作为主色调。

(3)、 查找素材:其实素材这种东西总是数量大于质量,我可以很轻易的下载到许多许多的素材,但却很少用的到它。这里我总结了一种思路,电脑里下载一些专业的“万金油”图库,这种图库通常种类齐全但图片很一般。另外配合专业在线图库网站(通常是国外站点)+google,百度图片等搜索引擎进行即使的素材查找。再加上自己平时积累的素材,选择是非常大的。

(5)、设计、修改页面:这个阶段时耗时最久的,但总结出来却是非常简单的步骤,即不断地处理页面元素、将处理好的图片 、动画等添加进网页、编写html/css代码。

(6)、修改: 作为实习生,上交的任务被打回来重做是正常不过的事,自信的我也没能逃过返工的命运,重新构思、处理元素、写html/css代码……重复一切你做过的事

3、对于页面处理的总结

作为一个网站美工除了要掌握网页三剑客,ps,这些必会的软件以外,还要对html、css甚至javascript用的很熟,对asp或php或jsp也要有一定的了解。除此之外,要想做出来的页面美观、使用方便还需达到以下几点:

(1)表达一定的艺术效果

一个成功的网站应该把网页设计得吸引人,同时又要传达设计思想和情感。网页作为一种媒体,它必须具有一定的艺术感染力,一个平淡无奇、杂乱无章或毫无美感的网页很难会有浏览者喜欢,更不要说让浏览者去注意它的内容了。

(2)页面结构清晰可读性强

经常可以看到这样的页面,上面堆砌了许多内容,却没有考虑它的空间框架,让人看了无法知晓哪些内容才是最具发言权的。没有流畅的视觉流程,这是典型的没有注意到编排清晰度、可读性的表现。好的网页应该将它要突出表现的内容放在浏览者一眼就能看到的地方。网页上每一个像素对浏览者眼睛的吸引力有所不同,浏览者大脑对于不同位置内容的印象也有所不同。通常来说,普通浏览者浏览网页时会忽略网页两端的“广告区”。

(3)实现不同的功能

在网络这条信息高速公路上,网页最主要的功能就是一种传递信息的手段。因此,它一切内容都是为了这个目的而服务,都是要围绕这个中心进行设计的。然而,要实现这个功能,网页的美工设计和内容都必须有针对性。所谓针对性,就是指对不同类别的网页要求采用不同的美工艺术效果。

(4)网站风格要符合网站的类型

在设计网页之需要做大量的准备工作,需要思考以下几个问题:1、网站的类型:站点属于新闻、娱乐、商务类的综合站点,还是个人主页;不同的类型,决定着网站的不同风格,包括主色调、排版等。如果浏览者主要是年轻人,页面就要设计得基调明快,活泼富有朝气;如果针对的群体是政府工作者或科学工作者,那么页面就要设计得严谨、严肃、理性、科学;如果针对的群体是妇女儿童,页面则要设计得温馨、友爱、轻松;如果针对的群体是恋人或从事艺术工作的人,页面就要设计得浪漫并有艺术感。

(5)页面的兼容性强

每个上网的人对于浏览器有着不同的爱好,就大部分来说,ie和firefox是两个有着很大区别却都拥有不少支持者的浏览器,即使是使用同一浏览器,也有着不同版本,而不同版本间,页面显示或多或少存在着差异。一个好的网页设计,就是至少要使网页在主流浏览器的大部分版本都能较好的显示出效果,而不是在ie上是非常华丽的一个页面,而在firefox上却是杂乱无章。

(6)一切用户至上

网页设计不同于艺术设计,只要设计者喜欢,任其天马行空。而网页设计则不能如此肆意妄为,网页设计必须考虑到用户使用时的方便,以至于网页设计师必须考虑到同一页面在不同分辨率的显示器上、不同浏览器上有什么不同的显示效果。甚至于要考虑到用户浏览器如果关闭了css和javascript页面将会怎样。只有在各种情况下,用户都能方便浏览网页,这才是一个好的设计。

网页设计实习个人总结篇5

1.明确教学目的

根据大纲,本课程的学习目的是让学生掌握网页制作、网站设计的基本知识、基本理论和基本应用等方面的内容。针对于现有的IT行业发展的现状与趋势、人才需求状况、企业调研等方面调查分析,光是满足教学大纲的要求是远远不够的。现在的网页设计主要是网站的开发前期的相关界面的平面设计。所以教师在教学中,就需要进一步明确教学目的,突出教学重点。因为基本的网页制作,但凡有过一定基础的学生都能设计,要想进一步满足企业的用人标准,设计出较高的网页,这就需要网页设计人员具有较强的审美能力与美术功底以及图像处理工具的使用能力。通过图形软件Photoshop,Flash,CorelDraw等与Java语言软件的相互配合,运用于图像处理、编辑、通道;图像色彩的校正,出色地设计公司标志、网页等等。这些都是教学的重点,需多让学生下功夫,举一反三。

2.提高学习兴趣

知之者不如好之者,好之者不如乐之者。兴趣是积极探索事物的认识倾向,教师如果能让学生充满兴趣的学习,快乐的学习,授课就开了个好头。因此要提高教学效果,讲授知识时,就必须以学生为主体,正确引导学生进行思考,并注重培养学生对本课程的学习兴趣。网页设计是一门实践性很强的课程,是特别需要学生亲身体验,自觉动手,才能掌握好其内容的课程。例如在讲授网页设计的框架结构,这一部分内容时。首先给学生们呈现一个很好的框架结构的网站,也是学生上网常常浏览的网站,如360导航网站。这一下就拉近了课程与实际生活的距离,让学生体验到学习的意义,培养了学习的兴趣。有了个好的开端,接下来就是引导学生多思考,框架的作用是什么?什么是框架和框架集?如何设计框架页面?用框架设计页面有什么特殊的优势?如果让自己来设计,你会设计什么样的框架结构?让学生主动的参与到学习过程中来,往往能达到事半功倍的教学效果。

3.考核方式多样

《网页设计》这个课程是一门需要实践能力很强的计算机专业课,所以弱化笔试考试,加强上机考试,以提高学生的实际操作能力。在教学的过程中,笔者总结经验,将课程的分数比例改为了以下四部分:平时表现、上机练习、理论考试、上机考试。学生平时的表现所占课程总成绩的15%,主要为学生的出勤率,上课听讲认真与否,以及积极回答问题的加分情况。上机练习占总成绩的20%,主要为学生在上机课时,是否听从教师指挥,能否完成任务的情况。而理论考试,则是我们弱化的内容,只占总成绩的25%,因为理论再好,也需要将其转化为实际的工作,否则就是纸上谈兵。其中上机考试为重中之重,占40%。上机考试,需组织学生在机房进行,人手一台电脑。教师先将网页设计的题目与需要用到的素材存储在服务器上,学生通过访问服务器获取试题,按照要求完成网页设计和优化工作。考试完成后,将自己的作品上传至服务器,供教师审阅、批改。最终教师要综合网页设计中的多方面因素,如图像处理,链接结构,色彩协调,整体搭配等来给学生相应的成绩。此种考核方式,兼顾了各个方面,虽然弱化了理论,但强调了实践,促使学生转换学习态度,培养其独立思考和解决问题的能力。

4.举办设计大赛

每年安排一个时间,举办整个高职院校的网页设计大赛。设计大赛的目的是检验学生对该课程的掌握程度,以比赛的形式来提高学生对网页设计的兴趣。设计的内容不做限定,只要在规定时间内将设计好的网页发送到指定邮箱里。教师会对参赛的作品进行初选,先初选出入围的作品,让选手做好准备。在决赛过程中,选手需要对自己的网页作品进行讲解,突出自己作品的亮点。同时,评委老师们会对该作品做出点评,分析网页设计的优缺点,运用了那些技术等等,让参赛选手和观众同学们也得以在知识方面提高。最后,评委老师们给出各个作品的分数,评出比赛的各种奖项,对获奖的选手给予相应的奖励。网页设计大赛给学生提供了展示自我的平台,无论是对参赛和观众同学,都是一种激励,让学生对网页设计产生更大的兴趣。

结语:

网页设计的课程建设的过程是发现不足,不断完善的过程,并在教学中加以改进的过程。以上教学几点建设性意见是课题组教师多年的教学经验积累,实践证明:这些改变使教学效果得到了改善,激发了学生的学习兴趣,学生的实践操作能力明显得到提高。

参考文献:

[1]赵元媛.网页设计中布局方式之比较[J].中小企业管理与科技(上旬刊).2012,(01)

[2]侯佳路,王润华,于晓荷.《静态网页设计与制作》课程改革探讨[J].中国科技信息.2012,(06)

[3]敖冰峰,徐鹏,乔阳.浅析《网页设计与制作》课程教学方法[J].科技与企业.2012,(09)

[4]教育部.关于全面提高高等职业教育教学质量的若干意见[Z].教高[2006]16号.

[5]姜大源.世界职教课程改革的基本走势对我们的启示[J].职业技术,2008,(11).

网页设计实习个人总结篇6

《dreamweaver网页制作》作为中职计算机应用专业的一门非常实用课程,其实践性很强,学习的主要内容包括静态网页的设计、制作和。在当今计算机技术和网络都发展得特别快的社会,网页制作这门课程显得尤为重要。但目前在中职计算机专业的教学中,很多学生网页制作的能力和水平普遍偏低,要提高学生们的网页制作能力,教师则需要在教学中采取有效的教学方法和手段,指导学生在dreamweaver软件的学习和应用过程中掌握一定的方法和技巧,从培养学生的能力出发,提高学生们网页制作的能力和水平。

在网页制作的教学中,经过教学实践与探索,笔者采取以下的几种教学方法和措施,取得了明显的教学效果。

1 巧妙运用直观教学,帮助学生加深对概念的理解

《网页制作》虽然是一门以实践和操作为主的学科,但同样也包含了很多的基础理论知识。基础知识是指导学生们更加深入研究一门课程的保障,如果缺乏一些必要的理论基础知识,那么其他的学习很可能就只会停留在表面,难以抓住知识的本质和精髓。因此,在网页制作的学习过程中,我们不仅要重视软件教学,也要让学生能够掌握有关网站和网站建设等相关知识,在掌握这些知识的基础上才能制作出更加高水平的网页或建设好一个网站。因此,在学习有关网页制作的基础理论知识,特别是一些抽象的概念时,教师可以通过直观的教学方式,使学生们枯燥的理论学习变得易于掌握和理解,有利于提高学生学习的积极性。

例如,在学习“WWW”,也就是“WorldWideWeb”万维网这个概念时,它的定义虽然比较完整,但是却不好理解,很多学生看完这个定义也不太明白“WWW”的具体含义。因此,教师在教学时可以通过直观的教学方式进行解释,给出如下的一个示意图,让学生们通过直观图片来理解概念。当然在学习理论知识过程中也可以通过展示动画等直观教学方式来帮助学生加深对概念的理解与记忆。

2 适时进行任务驱动,提高动手实践能力

Dreamweaver网页制作的学习主要以实践操作为主,理论学习为辅。因而在教学中应以教师为主导,学生为主体,采用“任务驱动”的模式教学,制定科学有效的任务,充分体现网页制作在最终运用时的实用性,有利于培养学生的职业能力。在教学中实施任务驱动模式,让学生们边学边做,边探索边实践。不断地激发学生们的求知欲,有效地培养了学生们的自主学习和探究的能力。通过积极的参与,提高了学生们理论与实践相结合的能力。

比如说在学习如何创建dreamweaver本地站点时,在采用任务驱动的模式进行教学过程中,可先创建一个项目团队,设定好能力目标,让学生学会创建本地站点。在学生学习过程中,教师仅适当的进行指导和提示,让学生们自主进行探究并完成任务,进而掌握一些关键的技巧。学生们学会了创建本地站点之后就可以进行网页主页的创建,学生在完成任务过程中不断地充实知识、掌握方法和技能,激发了学生们学习的动力与信心。

教学实践证明,学生们通过教学中的一个个小任务的实现,能够享受成功的快乐,学习地积极性和主动性也得到了极大地提高,有效地提高了对Dreamweaver软件的学习的兴趣。

3 善于归纳软件使用技巧,提升软件实际应用能力

在教学中,特别是在软件的学习过程中,理论知识学习相对较少,而有关软件的使用方法和技巧却是越来越多。因此,教师应定期要求学生们结合平时的实践操作对所学知识和技能进行归纳总结。同时,教师可以将每位学生总结的内容再汇总起来,让学生们共享,方便学生们的学习。例如制作网页的过渡效果,可以要求学生把制作的方法和步骤整理出来,把24种不同的效果罗列出来。又比如输入空格的方法,可以把三种方法都列举出来。又比如如何设定自己的文件供别人下载,如何制作“空链接”,如何设置水平线的颜色等等。对这些常用的方法和技巧,学生们通过整理,能更快更熟练掌握软件各种操作方法的应用。此外,老师还要指导学生善于借鉴互联网中网页制作的有关操作技巧和经验,因为技巧和经验是别人根据自己的实践总结出来的一些精华,学会多吸收别人的经验才能让自己的知识和能力增长得更快,有利于提高软件的使用能力和网页制作能力。

4 充分利用网络资源,学会收集利用素材

在网页制作的学习过程中,不仅要掌握网页的架构以及一些命令的使用方法,网页的设计和美工等也是非常重要的一方面,比如模块设计、颜色配置、图片和动画等效果。虽然这些效果都可以通过其他的软件制作出来,但是学生们在初学的阶段,往往其他软件的运用能力还比较低,自身很难做出符合自己设计要求的效果,因而会极大地影响自身设计理念和效果的实现。因此,教师可以建议学生们充分利用网络资源,长期关注一些素材网站,比如“素材精品屋”这个网页,里面汇集了大量的图片素材,包括一些设计素材、动画和图表等。学生如果平时能注重收集素材,形成自己的素材库,那么网页制作可以说是少了一个大障碍。

此外,审美观、创意技巧等也是提高网页制作水平的重要因素,而且不是在短时间内可以培养起来的。积极思考,善于观察,学会模仿是提高网页设计的最佳途径。因而教师还要倡导学生们在平时上网过程中多观摩和学习一些优秀的网站设计,从不同度去思考分析,学会欣赏别人的网站,善于发现别人网站中的亮点,做网页制作的有心人,因而有利于激发学生们的创造性潜能,有助于提高网页制作水平。

总之,要提高学生网页制作的能力,教师在网页制作教学中要不断探索,让学生们不仅在课堂上勤思考、多动手、重实践,而且在课外也要加强学习,让学生在实践中扎扎实实做好每一步,真正将所学知识和技能应用到实际中,才能全面提高学生们的网页制作应用能力。

参考文献:

网页设计实习个人总结篇7

“网页设计与制作”课程正逐渐成为各高校近年来计算机专业领域发展最快和应用最广泛的课程之一,作为对学生实践动手能力要求较高的课程,该课程在许多高校已经采用了实验课堂的教学形式并受到了学生的普遍欢迎。那么,如何提高该课程的实验课堂教学质量,真正增强学生的动手实践能力则是摆在各位任课教师面前的首要问题。我们经过近五年的实验教学观察和总结,将从教学内容、教学方法以及教学效果三个方面阐述如何解决该课程发展面临的问题。

2.存在的问题

“网页设计与制作”作为许多高校计算机专业的专业基础课或者选修课,在实际教学过程中,经常面临的问题有:

⑴任课教师对新技术的把握能力不够。由于技术的发展日新月异,Html标准也发展到了Html5,一些任课教师显得无所适从。

⑵部分院校教学形式仍然采取理论和实验分堂教学。采取理论和实验分堂教学,在教学过程中学生理论课程听起来枯燥,在实验课又翻开书按部就班,学生掌握知识成效甚微。

⑶单纯工具型教学。学习任何一门课程的目的应该都要做到学以致用,简单的工具教学只能满足学生会不会的问题,要制作出优秀的网页还需要学生对艺术设计等相关知识有一定的了解。

3.实验教学改革

3.1 教学内容

根据制定的人才培养方案,该课程在我校开设一共32学时,全部采用实验课堂教学。经过对本课程的不断摸索和总结,我们将学生需要掌握及完成的教学内容分为六大模块:模块一,掌握网页、网站基础入门知识。根据“先总体后具体”的原则,总体讲述网站的概念以及网站上线的流程,要求学生不会做网页但要先会搭网站,计划2学时;模块二,掌握基本网页语言标签。通过对一些典型的小型网站来讲解并要学生掌握HTML语言各类标记符的使用方法,计划10学时;模块三,掌握网页布局,学会层叠样式表(CSS)。通过案例,要求学生学会样式控制并布局网站,计划10学时;模块四,掌握制作网页相关工具软件的使用。结合具体的实例介绍并掌握Dreamweaver、Microsoft Visual Studio、Photoshop等软件的使用方法,计划4学时;模块五,网页设计进阶学习。通过对优秀网站的鉴赏和分析,提高学生的学习兴趣,使学生头脑里形成设计的概念、网站规划的思路及流程,同时介绍网站的总体结构、风格定位、色彩的应用以及版式的设计等方面的知识,计划6学时;模块六,网页综合设计。学生自行选择一个积极健康的主题设计一个综合类网站,该内容在课堂外完成,可在课程中期开始同步进行。

3.2 教学方法

通过长期的教学实践,我们可以将教学方法归纳为以下几点:

(1)采用实验课堂教学,实践为主,讲授为辅

该课程的操作性较强,实践综合性也较强,课程学时也较紧凑,采用理论课堂教学,学生势必在有限的学时内收获较少,故采用实验课堂教学。在具体实验教学过程中,采取实践为主,讲授为辅的教学形式,如在教学内容模块一里面,计划2学时,可以1/3时间讲授基础入门知识,2/3时间学生根据教师精心准备的教学材料动手搭建成型网站,现学现用,学生记忆深刻,能较快掌握相关知识及技能。

(2)采用典型案例实验教学

该门课程强调实践动手能力,所以在实验课堂讲授时必须围绕案例进行教学,离开案例教学则该门课程又将倒退回理论教学的层面。要采用案例教学,需要从宏观上进行教学设计:可将互联网上较热的实际案例引入实验课堂教学体系中,每个重要知识点均与实际应用结合起来,在实际教学中,多引用实例,提高学生的学习兴趣,让学生主动去模仿、分析、创新等,同时也能帮助学生加强深对网站网页的理解,使其能够灵活运用所学的知识,从而获得一种成就感。该案例教学方法可以贯穿于教学内容的模块二至模块六,如在模块三掌握网页布局过程中,可以选用学生比较熟悉的淘宝、京东等知名企业网站进行讲解,可以由浅入深,从简单的登录网页到复杂的网站首页一步步剖析架构,特别是对于诸如margin、padding等容易出错的问题进行重点讲解,让学生能模仿并自己重新设计主题书写网页。

(3)拓展课堂、多元一体化辅助实验教学

要想真正让学生的动手能力达到质的飞跃,达到学以致用的目的,仅靠有限的课堂学时是远远不够的,但单纯增加学时又是不太现实和最不可取的方法。在实验教学过程中,我们不断摸索,总结出我们认为行之可效的方法:拓展课堂、多元一体化辅助实验教学。具体表现在以下几个方面:

①借用现代化多媒体手段学生自主学习。在教学过程中,学生除了按照任课教师的要求和准备的教学材料进行学习外,还应在任课教师指导下,充分利用现代多媒体等手段进行网上学习,如在基础知识模块学习过程中,可充分借助W3C学院(W3Cschool)进行辅助学习及实践练习。

②举办课堂外网页设计进阶讲座。在实验课堂教学过程中,模块五涉及到一些进阶的学习,但学生要借此在网页设计上有所造诣是远远不够的。我们在教学过程中,针对不同的学生对象,采取学生自愿的原则,免费举办一些网页设计进阶讲座,讲座的主题包括网页设计涉及的一些前言技术、美工素养及技能、学生创新创业思维的训练等。通过这些进阶讲座,学生提高了网页设计与制作的综合能力,同时也开拓了眼界。

③鼓励学生参加网页设计竞赛。在每学年学校或者全市、全国举办的网页设计等竞赛中,我们积极鼓励并指导学生参赛,从而进一步激发了学生的学习兴趣。

3.3 教学成效

经过近五年的实验教学摸索总结,在近三年的教学中,该课程保持了良好的教学效果,在学生之间口碑较佳,也得到了其他后续专业课程任课教师高度的认可,在学校的教学评分中也一直位于所有课程前20%之列。同时,课堂外的免费讲座、培训以及开展的各项相关比赛也极大鼓舞了学生的学习兴趣,为学生创新创业指明了方向,学生最终完成了该课程“学什么”、“怎么学”、“作什么”的关键问题,为今后的进一步深造学习打下了坚实的基础。

4.结语

通过“网页设计与制作”实验课程的教学改革实践,我们取得了不错的教学效果,但计算机技术发展日新月异,该课程教学肩负的任务也越来越重。我们将继续完善教学内容、教学方法以及考核方式等环节,不断提高学生的动手能力,真正让学生学有所用。

参考文献

[1]朱金秀,陈小刚,朱昌平等.项目式实验教学的探索与实践[J].实验室研究与探索,2008(11):93-95.

[2]杜现朝,龙怀冰,王清理等.基于Web标准的网站设计与开发流程[J].计算机工程与设计,2008(4):945-948.

[3]吕慧娟.《网页设计》课程教学的创新与实践[J].电脑知识与技术,2007(13):264-266.

网页设计实习个人总结篇8

(一)专业师资雄厚,开展校内督导

本课程建设力度大,具有明显的特色。目前该专业教师梯队年龄、职称、双师素质结构良好。高、中、轻相结合,整体素质高,实践能力强,具有凝聚力和团队合作精神,教学水平和学术水平高,其教学成果和科研成果多次在校内外获奖。教师在教学中十分重视动手能力的培养,教学方法先进,确保学生学以致用。并引进企业真实项目,作为学生训练的项目。学生毕业就能上岗,上岗就能工作。《网页设计》课程建设理念先进,学院积极改革,以职业能力培养为重点,探索校企合作模式,结合行业需求进行课程开发。通过召开设计师讲座,与企业合作进行基于项目工作的课程开发与设计,有计划地安排教师参加专题科研或到企业工作,选派年轻教师参加相关专业课程班进修,提高业务水平、技术应用能力和实践操作能力;充分体现职业性、实践性和开放性的要求,融“教学会”为一体的工学结合课程模式。

(二)组建学习团队,开展项目教学法

教师要根据项目的内容和要求,依据学生的具体情况,分为多个团队,安排不同任务角色,每个角色的主要的任务是什么、胜任该角色有什么技能和知识要求,做一个大致的说明。让学生体验职业岗位需求,从而达到全面掌握技术、技能的目标。然后由教师要针对项目任务,使用实例进行必要的操作技能和理论知识的讲解,通过提供多种表现方式来实际演示辅导,然后由各个学习团队自行去讨论研究网页设计的开发与制作,鼓励学生通过网络搜索及开展交流互学等多种渠道寻找完成任务的途径和方法,最终得到项目结果。对于完成项目任务所涉及的理论和方法,教师要渗透到项目教学活动中,达到学习理论与实战紧密结合,最后达到与企业直接对接的整个教学过程。根据《网页设计》课程的特点,在实施项目时,教师要充分调动学生学习的积极性、主动性,建议学生自己动脑、动手去获取更多知识,充分发挥他们学习的主体作用。教师在课前设计了几个较为完整的真实的网站实训项目,例如,与学校有关的主题:1.“培训处网站”;2.“小学语文课程与教学论教学资源库”;3.“学院招生办网站”。让每个团队在各个学习情景的学习阶段中都可以得到实践锻炼的机会。做好网页设计教学各种项目整体选择与细节设计的预先工作。

(三)团队合作探究、汇报交流

在整个项目实践过程中,每个团队的学生共同围绕一个实训项目进行合作学习,教师应先把项目的重点、难点提出建议,团队成员要有一个总体规划,从课题的选择、主题风格确立、设计内容的筛选、操作步骤等进行讨论与交流,分工处理页面结构、图片编排及链接方式等布局操作。每一环节都需要学生们带着任务去学习,积极思考、相互鼓励、相互配合帮助。突出团队的作用。这样才能设计出个性鲜明、布局统一的网页。在项目具体实施过程中,学生带着任务会自觉发现问题,带着问题去选择学习内容,查找资料,或者向团队同学请教,解决非常棘手的难题,从而完成任务。让每个学生在实践学习过程中既提高独立学习的能力、获取新知识技能的能力,又形成团队共同合作的职业素质。学生展示和汇报学习成果也是一种交流和提高的机会,他们会逐渐在教师评价和学生互评的过程中不断修正、反思和进步,也激励他们主动、有效地开展学习。根据各团队实训项目的进度,进行各团队实训项目成果的汇报与交流。每个团队成员都要以自己的角色任务来汇报工作,汇报各团队实训项目内容的选择,构思、设计、及作品完成过程中发现的问题及解决办法,进行互动交流。最后各团队把自己的项目资料汇集整理后,教师对各团队具体的实践工作进行指导与评价。这种汇报、交流的方式,有利于激发他们积极参与项目任务的兴趣,使课堂实践教学得到进一步延伸,同时保证了教学的延续性和学生优秀成果的继承性。每期结束后,可以把一些学生的优秀作品作为项目实施的范例资源,在学院的网站上展示,提高他们的自信心,促进网页设计项目教学实施的深入发展。

三、网页设计成果的评判标准与考核方式

在项目过程实践锻炼后,教师为了了解学生网页设计知识的掌握情况,对实际动手能力,工作态度、吃苦耐劳精神等方面进行公平客观评判,对团队合作的设计成果予以考核鉴定。制定了网页设计的评判标准、考核方式。

(一)评判目的与标准

教师对学生综合素质的评价以及对他们学习效果的评判要从这些方面来考察:1.教师要了解学生是否具有良好的美术功底,勇于创新的态度;2.是否能准确理解网页设计的艺术性和功能性需求,有新颖想法和的艺术表现;3.是否熟练掌握软件操作;4.能否擅长网页设计的整体艺术处理,制作出较高水平的作品;5.会不会工作主动积极,有耐心和责任感;6.自学能力强,善于团队合作;7.有抗压力能力。网页设计课程评判目的主要体现以下几个方面:1.使学生了解网页设计相关软件的基本知识、操作方法和有关网页设计的理论知识;2.网页设计课程作业效果的评价应以学生操作技能为主,考查学生对网页设计操作流程的掌握和网页设计的实践能力;3.体现了学生具体解决问题的能力和综合实践操作能力。选取合适的评价方式,制定切实可行的评价标准,具体的考核标准为:(1)是网页设计独特,主题突出,构思巧妙,形象生动,具有较强的表现力和感染力,网页设计和谐统一;(2)是网页整体设计思路清晰,色彩搭配合理,布局紧凑美观,版块结构清晰;(3)是层次分明,链接合理清晰,便于浏览。由学生汇报、展示自己的网页作品,在网页设计项目开展过程中,让学生成为课程的运作人,自己评价自己,并对团队其他人的任务效果进行评论。之后老师对整个团队的方方面面进行点评总结。这种教学模式增强了学生们开发网页设计的创作欲望,促进了他们的竞争力,从而发挥他们的聪明才智,积极主动地进行网页设计制作。激发学生之间相互协作学习和交流的机会,最终达到学生的综合能力的提高和个性魅力的展现。

网页设计实习个人总结篇9

"Webpage Design and Making" Curriculum Teaching Method Exploration

FAN Yi-hong

(Electronic Information Engineering College, Henan University of Science and Technology, Luoyang 471003, China)

Abstract: Webpage design and making course has the characteristics of strong practicality and wide knowledge, how to improve the teaching effect of the course is the question that should be solved urgently. According to the author’s practical teaching experience, the paper conducts the research and the summary from the aspect of the course objectives, course content, teaching method, curriculum practice, training and other teaching links, and it achieved good results in actual teaching。

Key words: Webpage design and making; Content of courses; Teaching method

随着计算机网络技术的迅猛发展和网络应用的日益广泛,Internet在人们的生活、学习和工作中的地位显得越来越重要,上网冲浪已经成为现代人生活的一个重要部分。信息技术的高速发展,使人们通过网络来个人或者企业的信息、推广企业产品已成为一种流行的趋势。网页已经成为信息共享和传播的主要载体,掌握网页的制作和网站的管理等内容已成为现代人必备的一种技能。

《网页设计与制作》是软件技术、计算机多媒体技术、计算机网络技术、信息技术、信息管理、计算机应用等专业公共的必修课程,也是许多高校的公共选修课,具有实践性强和知识面广的特点。该课程要求学生掌握HTML语言、CSS+DIV、JavaScript语言、Photoshop图像处理、flas制作等基本知识,为后继课程《动态网页设计》、《计算机网络》等打下牢固基础,因此该课程具有知识点多、操作性强的特点。如何提高《网页设计与制作》课程的教学质量,是亟待解决的问题。根据近年来对网页课程的讲授经验,笔者从课程目标、课程内容、教学方法、课程实践、课程实训等几个教学环节对该课程进行了一些研究和总结。

1理论教学

1.1课程目标

《网页设计与制作》课程内容包括HTML、CSS+DIV、JavaScript、Photoshop、Flash,本课程的教学目标是:

1)使学生掌握HTML基本知识,熟练掌握静态网页制作技能;

2)使学生能够掌握流行的CSS+DIV网页设计技术,适应网页设计社会最新需求;

3)使学生能够用Photoshop进行网页效果图的设计并能够切图输出;

4)使学生能够用Flash进行网页动画的简单设计;

5)使学生能够掌握JavaScript简单程序设计,能够实现网页的各种动态效果。

1.2课程内容

1.2.1 HTML网页设计

重点包括网页设计基础知识、用HTML设置文本和图像、列表、超链接与框架、表格、表单、网页制作工具Dreamweaver的基本操作,网站管理、Dreamweaver模板等。在进行课程设计时,突出HTML代码的教学,而对制作网页的工具Dreamweaver则着重于操作能力和动手能力的培养。“知其然,知其所以然”是我们的目标。

1.2.2 DIV+CSS网页设计

DIV+CSS是目前网页的主流布局方式,DIV+CSS网页设计技术使得网页的表现与内容相分离,提高了页面浏览速度,并且使得 网站易于维护和改版,因此,在网页设计教学中DIV+CSS成为核心的内容,并将对传统的网页设计教学产生较大的影响。

该部分重点知识包括CSS基本语法、用CSS设置文本、图像样式、用CSS设置超链接与导航、用CSS设置表格和表单样式、CSS盒子模型、盒子的浮动与定位、CSS+DIV布局方法剖析。教学中通过大量的实际应用,反复的练习,使学生真正掌握CSS+DIV的精髓,并体会其在设计网页方面的优越性。

1.2.3 Photoshop图像处理

重点包括Photoshop基本工具的用法,选区操作、图层操作、图像变换、色彩调整、文字操作、绘画工具、通道、路径、融合、图层样式、文字样式及滤镜等,目的在于能够用Photoshop设计美观、清新大方的网页效果图并且能把网页效果图切片导出。注重学习工具的使用和图片的处理方法。

课堂教学中应注意培养学生的创新意识,突出“网页设计重在创意”的理念。尤其对于动漫广告等专业要发挥学生们美术方面优势,将计算机技术与美术相互渗透和融合,将网页作品当作一份具有生命力的完美艺术品。1.2.4 Flas制作

重点包括层的概念,工具的使用,逐帧动画制作、运动渐变动画制作、形状渐变动画制作、引导动画制作、遮罩动画制作,元件的使用,基本动作的使用,在网页中使用Flash的目的是让网页变得更加生动形象,因此在学习技术的同时更要注意网页动画的组织形式,与网页协调。

1.2.5 JavaScript程序设计

JavaScript是目前Web客户端开发的主要编程语言,也是Ajax的核心技术之一。该部分重点知识包括JavaScript编程基础,变量、数据类型和表达式,流程控制,函数,对象编程,文档对象模型与事件驱动,窗口、文档和表单对象,级联样式表(CSS)技术,动态对象和Cookies及安全等,JavaScript中的XML、Ajax技术以及JavaScript实用技巧与高级应用。

1.3教学方法

该课程的教学实践性较强,知识覆盖面广,在教学中要极大的激发学生的参与性,锻炼学生的动手能力,培养学生的学习兴趣。注意引导学生学习理论与实践相结合,将理论应用于实践。

教学过程中大胆运用模块教学法、案例教学法等教学手段,充分调动了学生的积极性和创造性,教学效果明显提高。

1.3.1模块教学法

根据教学内容的不同特点,将整个《网页设计与制作》课程的教学分为五个阶段,第一阶段使学生熟悉并掌握HTML语言;第二阶段重点在于CSS样式表以及CSS+DIV布局方法;第三阶段在于利用Photoshop进行网页效果图的制作,并将图片切片输出;第四阶段在于利用Flash制作动画;第五阶段在于JavaScript程序设计;每一阶段要给据内容不同、重点不同采用不同的教学方法。比如在第一阶段,要学生学会并熟记HTML标记的用法,这就要通过大量小实例练习;在第二阶段主要进行页面整体布局的练习,学习如何把整个网页分成不同层次的块,然后再学习每一块的设计方法,只有通过全面的练习,才能掌握丰富多彩的网页设计方法;第五阶段则主要学习最新流行的网页效果的设计,重点在于网页程序的设计。每一阶段的教学内容完成后,在机房组织小测验,以实现分阶段达标,最终使学生完成该门课程的学习任务。

1.3.2案例教学法

在课堂上采用案例教学法,通过精心挑选案例,明确提出需要掌握的知识点及操作技能,以案例带动知识点,贯穿整个教学过程。比如在讲解HTML的标记时,图片的路径学生很容易出错,通过一些小实例讲解该标记在网页实际设计中要注意的问题,学生就很容易掌握;HTML基本标记学完后,通过一个综合实例――具有多个网页的网站的设计,综合应用HTML语法,达到复习和融会贯通的效果;再比如在讲解JavaScript程序设计时,理论的讲解贯穿在许多流行的JavaScript实例中讲解,极大地提高了学生的学习积极性。

2课程实践

2.1实验题目的设计

结合理论教学,设计配套的实验题目,对巩固课堂效果具有重要的作用。对于上文提到的五个阶段,分别设计相应的实验题目。

2.1.1 HTML网页设计

实验1 HTML基本标记练习、实验2框架与超链接、实验3表格练习、实验4表单练习、实验5 HTML综合实例。

2.1.2 DIV+CSS网页设计

实验1 CSS文字排版、实验2 CSS网页布局、实验3背景设置、实验4 CSS导航菜单设计、实验5综合实例。

2.1.3 Photoshop图像处理

实验1图层的实验、实验2选区的练习、实验3图像的绘制练习、实验4图像的编辑练习、实验5文本的应用、实验6综合实例。

2.1.4 Flas制作

实验1 Flash多种工具的使用、实验2变形动画的制作、实验3运动动画的制作、实验4引导(路径)动画的制作、实验5逐帧动画的制作、实验6综合实例。

2.1.5 JavaScript程序设计

实验1 JavaScript程序设计案例、实验2用JavaScript制作网页特效、实验3 JavaScript内置函数和对象、实验4 JavaScript事件处理、实验5 Dom操作实例。

2.2自学模式的创建

为学生创建良好的自学环境。我们建立了该课程的课程网站,学生可以下载教师的多媒体课件、实验指导、相关学习文档、视频讲座资料等,课程网站还提供大量的题库,包括选择题、填空题、判断题、问答题、设计题,学生登录后可以自由练习,从而达到了消化课堂所讲知识点、提高学习效果、激发学习兴趣的目的。这种做法丰富了教学手段,开辟了学生自学天地。

2.3参与教师科研,以研促学

鼓励和吸收成绩优秀的学生参与教师的科研活动,以科研促教学。学院自行开发的学院网站、学生评教系统、教务管理系统等都有学生参与,同时,学院的许多活动开展后,都安排学生设计相应的网站,这样使得该课程的教学水平不断提高。

2.4成立网页兴趣小组,拓宽知识面

组织成立网页课程的兴趣学习小组,具体活动包括:

1)举办讲座:资深开发人员的经验报告,网页知识讲座;

2)举办竞赛:我院已成功举办两届网页与flash设计大赛。

这些活动的开展深受广大师生的好评,激发了学生对网页设计技术的兴趣,培养了学生的动手能力和创新能力。

3课程实训

网页的制作不仅要求制作者有熟练的网页制作技术,还要有一定的艺术设计能力,因此在掌握网页设计基本技术的基础上,课程实训主要培养学生设计能力、创作能力和对所学知识的综合运用能力,学生需要独立完成一个表达特定主题的网站,要求参加实训的学生在规定的时间完成网页效果图的设计并切图输出,最终在Dreamweaver中布局成网页。

实训主要内容包括素材的搜集、网页整体布局设计,网页代码的编写、调试。实训时间是32学时,实训结束后,学生不仅要提交设计报告、Photoshop制作的网页效果图和网页代码,还要进行现场答辩,这些对学生都是很好的锻炼。最后教师根据学生所交作品的效果、原创性、复杂性等情况进行成绩的评定。

平时实验课上学生总是按教师给定的素材,给定的效果进行实验,主要注重的是设计方法和网页代码的学习,在实训中,素材需要学生自己搜集,效果图需要自己制作,网站的制作方法自己确定。这就要求他们上网查询大量的资料,遇到问题想办法解决,学生带着问题进行学习和探索,培养了学生的探索创新能力。

课程实训不仅巩固了学生网页代码的设计能力,更是从网站策划、网页的界面设计,网站的风格、配色、布局、Photoshop软件的应用等多方面对学生进行了训练,为学生能够做出美观而又实用的网页打下了牢固的基础。

4结束语

明确的教学目标、丰富的教学内容、科学的教学方法、有效的教学手段大大增强了学生主动参与学习的积极性。随着网页技术的进一步发展和进步,网页设计与制作课程的教学还必须与时俱进,不断的改革和创新,教师只有不断的学习新的教学理论,掌握现代化的教学手段,才能胜任高效教育工作,为社会培养高素质的技术应用型人才。

参考文献:

网页设计实习个人总结篇10

(1)具有很强的操作性和综合实践性,特别强调学生的操作能力和学以致用的综合实践能力。

(2)极富创造性。学生通过对信息技术、信息科学基本理论和方法的学习,在掌握基本技能的同时,不仅拓展了思维,而且培养了独特的创造力。

(3)集现实性、实效性于一体,具有明显的时展特点。这门课程的教学目标不是教会学生如何掌握单纯的某些知识和某种技能,而是通过学习计算机、网络等一系列基本技能,培养学生的网页制作能力、网上信息获取和加工能力、自主学习能力和团队协作能力,课程结束时学生能自行开发一个静态网站。

基于以上特点,“网页设计与制作”这门课程设计出了一套从学生实际出发,以“教师为主导,学生为主体”的符合这门学科特点的教学与管理模式,让学生在教师的指导下,对所学的课题进行探索、分析、研究,在实践操作中培养学生实践动手能力。课堂教学采用案例教学法,实践教学采用任务驱动法。所采用的教学模式在授课过程中,根据教学内容安排及要求,由教师创设环境,师生发现问题,以问题的出现、探究和解决来激发学生的求知欲、创造欲和主体意识,从而培养学生的创造能力。

一、课堂教学采用案例教学法

所谓案例教学,是为了培养和提高学习者知识能力的一种教学方法,即将已经发生或将来可能发生的问题作为个案形式让学习者去分析和研究,并提出各种解决问题的方案,从而提高学习者解决实际问题的能力。

案例教学的目的是在学生掌握了基本理论知识的基础上,在教师的精心策划和指导下,根据教学目的和教学内容的要求,运用典型案例,将学生带入特定事件的现场进行案例分析,通过独立思考和共同写作,进一步提高学生分析、解决实际问题的能力。在教学任务上,要求学生通过对案例的分析研究积累经验,以发展自己的创造能力。在教学活动中,学生在教师引导下分析和解决问题,学生活动在教学中处于主导地位,教师的传授、指导为辅,配合学生进行。在教学过程中,总是从案例开始,然后分析问题,最终解决问题或提出解决问题的捷径。因此,引导学生做好独立分析研究工作是教学的中心环节,而教学的准备、教师的指导都是为学生的分析研究服务的。

在讲授“网页设计与制作”课时,首先向学生讲授Flash,Fireworks软件的使用,再介绍DreamweaverMX网页编辑工具,并将三者结合起来,讲解图片插入网页中和在网页中如何设置字体格式等网页制作的基本知识,然后结合学生的实训课题,将一个有特定主题的网页呈现给学生,引导学生对这张网页进行分析,并提出实现网页的方法和步骤。在教学过程中,针对不同的内容,可采用不同的教学方式。在刚开始介绍DreamweaverMX网页制作工具时,由于学生对DreamweaverMX网页制作工具的使用还比较生疏,可采用以教师为主的案例讲解法,等学生熟练使用DreamweaverMX后,教师则可采用案例讨论教学法。在实施案例教学过程中,必须注意以下问题:

1.选择合适的教学案例。教师要根据教学进度和教学要求设计案例,并充分备课,讲授并解析与案例相关的理论和技能,分析案例讨论中可能出现的任何问题,以提前查阅相关资料应对。选择的案例必须具有典型性、针对性、实践性、系统性的特点,并且与学生的学习、工作紧密相关。我们结合课程内容,制作了近百个精美的案例,每个案例都综合了若干个知识点。课堂上先让学生观看相关案例,引出问题,然后在讲解知识点的同时实现案例的功能。在讲解过程中注重基础知识的传授和基本技能的培养,同时介绍网页制作中的相关规范和标准,并且注意总结一些实用的技巧。这种教学方式目的明确、形式生动,学生带着问题听课,学习兴趣和效果明显提高。学生在分析案例的同时,一方面不断形成新的理论视野,增长案例分析的技巧;另一方面探索思考理论如何运用于实际,从而及时、有效地促进了理论向实践的转化,真正达到理论与实践的结合,有利于加强高职院校学生的实践动手能力。

2.组织良好的课堂讨论。案例教学法实际上是强迫学生参与到课堂学习中去,要求学生真正从实际工作的角度来思考问题。组织案例讨论旨在分析问题,提出解决问题的途径和方法。教师要引导学生删除案例中次要的细节,发现案例中主要的结构和案例与理论知识之间的内在联系。教师关键要做好启发引导工作,想方设法创造自由宽松的讨论氛围,在宏观上把握和指导好案例讨论,让学生成为案例讨论的真正主角,同时又不至于出现大的方向性的偏差。

3.进行适宜的案例总结。案例经过学生的讨论后,教师应该及时做出讲评,并再次讲授案例分析中所需要用到的理论知识和技能。这样做有利于学生把要求掌握的知识记牢,符合高职院校学生的实际情况。

同时,我们改革课程成绩的评价方式,提高平时成绩的比例,刺激学生上课的积极性。实行一段时间之后,学生变上课被动为主动,课堂气氛日渐活跃。学生课下主动复习预习,课上积极发表自己的见解,取得了很好的效果。

二、实践教学采用任务驱动法

任务驱动教学是建立在一定理论基础上的一种教学模式,它强调学生的学习活动必须与任务相结合,以问题的探索来引导和维持学习者的学习兴趣和动机。教师应创建真实的教学情境,让学生带着真实的任务去学习,以使学生拥有学习的主动权,掌握网站设计与网页制作的知识与技能,培养学生计算机的综合应用能力和解决实际问题的能力。

在做“网页设计与制作”这门课程的第一次实验时,我们会推荐一些富有特色的网站供学生欣赏,将学生带入真实的学习情境中去,激发他们学习的热情,同时引导他们去思考如何建设网站、设计网页,由此确定课程的总体任务――建设一个完整网站。然后针对课程中每一部分知识点将总体任务细分为若干大任务,如文本、图像、链接、表格、框架、CSS样式、层时间轴、模板和库等,再将这些大任务进一步细分为一些小任务,让学生了解建设网站的一般程序和方法。而后,通过布置一个学习任务(网站作品),使学生迫切感受到课程要求与自己现有认知结构的关系和差异,进而明确学习活动的方向和要达到的目标。学生可以个人或团队方式对任务进行分析和探索,最终使问题得到解决。该任务作为一条主线自始至终贯穿课程,整个学习活动的展开都围绕着这条主线进行。

在高职院校网页制作的教学实践中,任务的设计必须考虑到学生的差异。动手能力强的学生可以做一些较复杂的网页,动手能力弱的学生可以先做一些简单的网页,遵循“模仿―提高”这一过程。例如,在学习“表格”的内容时,教师可通过让学生浏览观察几个网站的页面,激发他们的热情,再提出任务。初始任务可以是较为简单页面的制作,其中包含“表格的插入”“表格的修改”“表格属性的设置”等一些知识点。之后,教师可给出较为复杂的设计任务。例如让学生利用“布局视图”“布局表格”“绘制布局单元格”去实现一些较为复杂的页面。最后可以让学生根据页面主题内容进行页面的布局设计,为后面的教学打下基础。这样的教学设计使基础差的学生,在前两个任务完成后,再逐渐过渡到最后的创新设计中;而基础好的学生,从开始就可以完成较复杂的任务,大胆地展示自己的想象力及创造力。

在任务驱动实践教学的过程中,我们要求每个学生务必做到以下几点:首先,要求学生对一个网站进行全面的剖析,分析网站的基本要求和技术要求。基本要求包括整体风格、排版布局、色彩搭配、网站Logo、音乐、网页特效、网站中必有的网页元素等;技术要求包括主页文件命名规范、作品文件空间上限、栏目规划、导航和链接要求、网站文件管理、网页浏览兼容性等。其次,在完成演示案例制作的基础上,对学生提出拔高要求,让他们根据教师提供的素材和要求做出扩充的演示案例网页;也可以给学生一个更高要求,让他们自己收集资料和素材,以教师提供网页案例为模板,制作网页。最后,选择任务时,要仔细推敲每个知识点,统筹兼顾,为学生设计出一系列有典型的操作性和针对性的任务,让学生在完成任务过程中掌握知识、技能和方法,真正体现教学中学生的主体地位和教师的主导地位,充分发挥学生的主观能动性,训练他们的创造性思维,全面提高他们的综合素质。比如最后阶段,要求制作个人求职网站,学生需要结合所学网页设计制作知识,根据设计任务,分析求职素材,独立做出设计,从而提高学习理论知识的兴趣和实践动手能力。

三、总结

在两年的高职院校“网页设计与制作”课程教学中综合运用案例教学法和任务驱动法,有利于学生实践能

力的提高和理论知识的掌握。通过一段时间的运行,取得了很好的效果。学生在走出校园之后,能够很快适应社会发展的需求,赢得了用户单位的好评。我们将进一步采用各种先进的教学方法和手段,提高课堂教学效果和教学质量,培养符合时展要求的新型高素质应用型人才。

[参考文献]

[1]颜谦和,颜珍平.《网页设计与制作》课程运用案例教学法初探[J].电脑知识与技术(学术交流),2007(9).

网页设计实习个人总结篇11

一、传统教学模式与项目教学模式比较

传统教学模式一般是使用传统的教学手段,来完成特定的教学内容的一种课堂教学形式。其特点是教师口授、板书,学生耳听、笔记。整个教学活动和教学结构都是以教师为主,学生课堂练多具有盲从性,学生学习的主动性被忽视,学生的认知主体作用不能很好的体现,学生的主动性和创造性被禁锢。而在项目教学模式中,学生是主体,学生的地位将由传统模式中的被动接受者转变为主动参与者。在这种教学模式下,学生在老师的指导下主动学习,学生就可以根据自己的兴趣做出选择,使学生的内在动力充分得以调动。项目教学模式可以更好地培养学生自主学习、主动学习,以及分析问题、解决问题的能力。

二、项目教学模式的实施

由于《网页设计与网站建设》课程中必须使用计算机,因此,项目教学和实践最好都安排在机房进行,将教学和实践有机地结合在一起。项目教学模式的实施可分为项目设计、项目任务分配、项目实现和项目评价四个阶段。

1.项目设计

项目设计是实施项目教学法成功的关键。项目的设计要以教学内容为依据,既要与书本知识紧密结合,又要有一定的想象空间,让学生既能运用学过的知识,又可以创造发挥。

我们结合当前网站建设的主流方向,为《网页设计与网站建设》课程精心设计了四个项目,分别为:网站欣赏、个人网站、企业网站、电子商务网站。

(1)网站欣赏。向学生展示一些优秀网站,让学生对网站的结构、功能和网页的布局、色彩搭配等有一个初步的了解,激发学生的学习兴趣,产生“要制作一个属于自己的网站”的想法。让学生上网冲浪,浏览各种各样的网站,记录下几个自己喜欢的网站,并给出喜欢的理由。

(2)个人网站。每个人都想拥有一个自己的个人主页,因此设定此项目很容易调动学生学习的积极性、主动性。通过该项目,使学生掌握制作一个静态网站所要具备的基本技能――站点的管理,表格布局的运用,CSS样式的初步设计、链接及网页基本元素的应用。

(3)企业网站。每个企业都想拥有一个展示自己企业的平台,因此该项目符合社会需求。项目要求学生在老师的带领下,完成从项目的规划设计到静态页面实现、动态动能实现的全过程,在项目中设计了企业网站主页,企业新闻等。通过该项目,使学生掌握一个网站的制作过程,并能熟练的运用项目中涉及到的技术,制作完成一个功能完备的企业网站。

(4)电子商务网站。随着互联网的飞速发展,电子商务已经走进了每个人的生活。该项目要求学生自主完成项目实施过程,教师充当需求提供方与技术顾问的双重角色。在项目实施过程中,让同学们按照网站建设的流程,以小组的方式独立完成电子商务网站的设计和制作。该项目不但要求学生要综合运用《网页设计与网站建设》课程中学到的知识,同时还锻炼了学生相互协作和独立思考的能力。

2.项目任务分配

每个项目分成若干个任务,教师给出具体的任务说明、相关知识、相关案例、注意事项等内容。根据项目的实现流程组成学生团队。每个团队由5人组成,分别担当客户、业务员、网页美工、网页制作员、项目经理等角色。一个项目完成后,角色互换,保证课程中每个学生几种角色能够轮换一遍。这种做法模拟了企业中真实的工作情景,使学生群体的思维与智慧为每个学生所共享,从而达到全队学生共同完成任务的目的。

3.项目实现

学生在完成指定项目的同时,学习和应用新旧知识,进行全程实战的演练,完成从“学习知识”到“运用知识”的转变。学习从项目规划、设计到最终实现这个过程中所需要的各种知识和技巧,这些知识和技巧不仅包含计算机相关的技术,还包含团队合作的能力。充分的调动了学生的学习积极性和创造性。让学生在完成指定任务的同时,自主地进行知识的建构和能力的培养。同时还培养了学生的学习能力,学生可以随时的学习,紧跟上IT行业发展的步伐。

4.项目评价

由于学生是分组设计,每个小组的设计会各不相同,所以在项目开发的每个阶段,都要组织学生进行阶段性总结。先由学习小组进行自我评估,让学生总结自己在知识、技能方面有哪些收获,通过小组成员间的交流共享整个学习过程的经验。然后,不同团队之间相互交流经验及所遇到的困难,最后教师对出现的共性问题及时讲授,针对重点问题及知识点做出总结。

三、应用项目教学模式应注意的问题

在项目化教学的实施过程中,学生是学习的主体,教师只是学习的引导者,因此,在应用项目教学过程中需要注意以下几个问题:

1.项目的选择

引入基于项目的教学模式后,教师首先面临的就是项目的选择。教师在选择项目时要遵循以下几个基本原则:第一,项目选择要有明确的目的性,通过这些项目能实现学习目标;第二,项目选择要符合学生的特点,选择难度适中的企业项目;第三,项目选择要联系实际,满足企业的需求;第四,项目选择要具有一定的典型性,选取的项目既能反映同类事物的一般特性,又能使学生举一反三、触类旁通。

2.教师角色的转变

基于项目的教学模式是以“学生发展为本”,因此决定了教师在教学中要从讲授、灌输转变为组织、引导;从讲台讲解转变为走到学生中间与学生交流、讨论、合作学习。教师充当协调者与技术顾问的双重角色。

3.重视学生的个性差异

同一个任务有些学生不能及时跟上进度,而有些学生又觉得进度太慢。针对这种情况,项目在设定任务的时候可分为基本内容和扩展内容两部分。学习能力差一点的学生只要求掌握基本部分,而能力较强的学生则两部分都要实现。

总之,项目教学模式突破了传统的教学模式,让学生在具体的项目中进行学习,缩短了学生与企业之间的距离。通过对一些网站常见的项目的实现,激发了学生学习的积极性和主动性,加强了学生对知识的掌握。而通过项目教学模式学习的学生,他们的动手能力、解决实际问题的能力都有了很大的提高。

参考文献:

网页设计实习个人总结篇12

(二)模块化任务的设计

模块化教学是以项目教学为基础,引导学生在项目总目标和阶段性任务下掌握相关知识及技能,按照项目任务的流程划分成对应的教学模块,每一教学模块有明确的知识与技能训练要求的教学方式。《网页设计》平台课程可依据网站开发的流程及各个专业的培养目标确定对应的教学模块。在走访企业调研之后,平台课程教学团队与企业兼职教师一起组成课程开发小组,共同完成课程知识体系的构建,包括教学内容制定,教学项目设计与开发、工作任务设计等。经研究确定整个课程划分为网页界面设计、网页制作、网页编程三大模块,以一个真实网站项目的设计、制作、编程过程贯穿所有模块。每一个模块以工作任务或工作过程为依据,是围绕某一工作过程的专业理论与专业技能的综合,是专业能力、方法能力和社会能力训练的综合。每个模块又对应若干个子任务模块,子任务模块的划分可依据网站开发流程确定,是独立的最小任务单元。为了使本课程的模块化教学取得更好的教学效果,在每个模块教学中均通过具体案例进行讲解。不同专业可以根据自身对该课程的定位和课时数情况选择讲授的模块。具体教学模块的设计可参照下表。

二、《网页设计》平台课程的实施

(一)教学方法

由于学生的美术基础和学习兴趣不同,原先的“一刀切”教学会令一部分学生丧失对该课程的学习兴趣。改革后的《网页设计》平台课程实施的是系内选课制度,每个任课教师必须在选课之前公布自己的授课计划,让学生了解该课程所侧重的模块和对应的工作岗位,学生可以根据自身情况选择任课教师。例如,没有美术基础的学生可以选修网页制作模块,喜爱编程的学生可以选修网页编程模块。此外,教师团队的每个成员在讲授同一平台课程时既是团队合作关系,又会因为学生选课具有对比性而形成竞争。这样,学生的学习兴趣和教师的教学积极性得到了双向激发,提高了教学质量。针对《网页设计》这门课程的特点,在课堂教学方法上可以采用头脑风暴法和案例教学法。头脑风暴法是就某一问题,参与者可以不受限制地自由地发表意见,并且不对正确性或准确性作任何评价。这种方法的特点是容易激发灵感,可以解决一些创造性的问题,网页的设计阶段需要运用此方法。在网页界面设计模块的教学过程中,可以组织学生分组运用头脑风暴法进行讨论,教师则依次参与并指导每个小组的讨论。运用头脑风暴法往往会产生意想不到的设计思路。《网页设计》的实践性和创造性很强,在运用案例教学法时,教师只充当引导者的角色,布置任务后让学生多自由思考,教师在整个过程中进行监督,并在一定的时机给予指导和点评,学生的学习能力和创造力在完成任务的过程中都能够得到提高。

(二)教材改编

平台课程需要材,教材改编也是平台课程建设的必要手段之一。虽然市场上网页设计类的书籍很多,但真正基于工作过程、模块化、案例导向的教材非常稀缺。为了最大限度地提高课程教学质量,教师团队计划编写适合计算机系各个专业学生的教材。在编写教材时需要注意以下两个方面。1.以项目为依托,以工作过程为导向组织教材内容教材开发应该在保证理论知识够用的前提下,以企业真实项目的开发过程为载体,把学习内容和工作任务和相结合,充分体现针对岗位需求培养学生专业技能的教学理念。2.按照子任务模块设计教学情境教材章节以工作过程为导向排序,每个章节讲述一个子任务模块的具体实施过程。首先提出任务,接下来分析完成任务所需要的知识和技能,最后实施任务。教师把课程的知识点系统地穿插在整个网站制作过程中,使学生在完成任务的过程中不知不觉地掌握网页制作技术。

(三)考核方式

《网页设计》平台课程是考查课,在过去的教学中,往往以平时作业成绩作为评定该课程成绩的主要依据,平时的作业也只是针对具体知识点的孤立的练习。因此,必须建立与模块化教学相匹配的考核方式以检验教学改革的效果。《网页设计》课程实操性很强,必须注重过程评价才能够有效考核学生的真实水平。经教师团队研究决定实施“模块化教学、模块化考核”的配套模式。在每个子任务模块学完之后,教师对学生完成任务情况做出评价,计入平时成绩。待期末所有内容学习结束后,教师要求每个学生上讲台展示其完整网站作品,还要对网站制作过程中遇到的问题和解决方法与大家分享。其余学生进行讨论、总结、评比。模块考核和期末考核所不同的是,模块考核可以检验出网站实施过程中的具体细节。例如,效果图切片与优化、站点的创建与管理这两个模块的完成质量在期末展示作品时很难量化考核,只能够通过过程考核来完成。而期末考核反映的是网站的整体视觉效果及学生的口头表达能力。可以说,期末考核是对模块考核的一个有益补充。期末总评可以用以下公式进行计算:总评成绩=平时成绩10%+模块化考核成绩70%+期末作品展示成绩20%。

网页设计实习个人总结篇13

一、《网页设计》传统教学模式存在的问题

(一)《网页设计》课程具有实用性、操作性强的特点

在当前中学计算机传统教学模式中,教师通常根据“理论加实践”的模式来开展教学,即根据教材的章节安排进行理论基础知识讲解并演示操作步骤,学生跟着模仿操作和练习。这种教学方式将课程知识点以多且零散的方式呈现给学生,忽视了知识与具体工作任务的联系,授课完成后学生大多只记得软件的操作和某些工具的使用,对于一个完整的网站项目从设计到制作完成的过程缺乏清晰的认识,造成学生所掌握的知识技能与具体工作任务需要脱轨。

(二)上机实践内容单一,缺乏真实实践环境,学生未能通过实践有效地梳理所学知识,提高实践操作能力。学生很难按要求完成教材的学习内容,达到教学大纲所要求的目标,学习的最终效果不能满足社会实践需要。

二、《网页设计》课程模块化教学体系的构建

《网页设计》课程是培养学生具有一定的艺术素养,较强的网页鉴赏能力,熟悉网页设计创意的原理和方法,熟悉HTML、CSS、JavaScript和网页制作工具,熟悉网页的制作和流程。能够根据客户需求进行网页设计与制作以及进行网站的维护和管理工作。在教学过程中,将这些知识点合理地贯穿在课程的授课中,将课程内容分段模块化,以应用和职业能力为导向,打破以知识为中心的传统学科章节体系,将实践工作所需知识、技能和素质分解为多个相对独立的教学模块,以模块为单元开发教学资料并组织教学,将相关理论融于技能训练中。 在授课内容上打破以往教材只讲授Dreamweaver软件制作网页,或者以Dreamweaver软件为主,Flash、Firworks、Phtoshop几个软件都涉及,但是这几个软件却是孤立讲授,学生在学习的过程中学到的知识是零散的,思想是模糊,在制作网页时很难从全局的角度出发,规划设计制作出合格的网页。为此,我打破原有课程体系的束缚,调整原有章、节的顺序,增加以往教材中缺少的网站设计的重要知识―版面设计部分,将课程内容结构以应用为导向“模块化”,每个模块下又分为不同的子模块,根据模块的特点采取与之相对应的教学方法和手段,培养学生的专业素质和能力。 具体为:

模块一:网页设计基础了解网页设计基本概念,包括Internet、WWW、HTTP、HTML等;了解网页设计基本流程;了解网页制作相关工具掌握网络、网页、网站等基本概念,掌握网站设计基本流程 。

模块二 :设计模块子模块一 网页版式设计掌握网页的布局理念;色彩搭配;phtoshop和Fireworks设计网页页面能利用phtoshop或Fireworks图像处理软件设计网页页面,并能将页面设计图形成网页 。

模块三:动态设计了解数据库的链接;IIS的设置;动态页面创建的方法会用ACCESS或SQL创建数据库,链接数据库;会创建简单动态网页;会测试动态网页;能将给定的动态网页(如论坛、留言板)链接到静态网站中

模块四:应用模块模块一 综合设计用户调查分析;材料的收集分类;网站的整体规划;综合运用所学知识建立一个网站熟悉网站的整体规划和设计流程,能独立规划、设计制作一个完整的网站(以集中实训的方式进行) 。

三、《网页设计》课程模块化教学体系的实施

(一)合理安排各教学模块的课时,突出实际应用能力模块的教学。在课时的安排上改变以往花费大量时间讲授使用Dreamweaver软件制作网页的技术知识,忽略网站设计知识,使得学生学完课程后缺乏设计能力。根据网络专业学生在先行课中学习过计算机基础、图像处理、动画制作等先行课,对于网页设计和制作基础等知识的理解接受能力较强的特点,在课时的安排上,基础模块部分只分配总课时的三分之一,设计模块约占总课时的四分之一,将剩余的将近总课时一半的时间分配在应用模块上,并以实训的方式,采用“真题真做”等形式进行教学,对学生着重进行实践和应用能力的培养,使学生在授课完成后对于网站的整个设计过程有一个比较清晰的认识,提高岗位技能。

在线咨询