网页设计实习个人总结范文

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

《网站设计与制作》也是计算机各专业学生学习后续课程的基础，比如学习基于网络编程的动态网页设计技术，学生毕业后可从事网络软件的设计与开发，进行商务网站的设计与制作，同时也可以考取网页设计师、网络软件工程师等相关国家职业资格证书。开设该课程是复合我校关于“高素质、技能型人才”培养目标的需求的，通过该课程的教学，可以培养出一批优秀的、能够在一线工作岗位上从事网页设计与制作、网站规划、管理与维护工作的专业人才。基于该课程的主要工作岗位有：网站管理与维护人员、网页设计与编辑人员、网站策划人员及网页美工人员等。

二、课程教学思路与教学方法改进

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

三、课程体系内容重构

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

四、总结

高职学生思维活跃，好动手，但是其学习基础较差，没有良好的学习习惯和学习方法，教师在实际的教学活动中应当充分发挥其优点，改变其缺点。在本课程的教学活动中，我们的教学思路和课程内容体系的重构都是围绕这点来设置的，在实际的教学活动中取得了较好的教学效果。

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

关键词：中职计算机；网页制作；dreamweaver；课堂教学

中图分类号：TP393.092-4

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

参考文献：

[1]沈丽贤，林容容，蒙绪贵.加强实训设计 优化网页制作技术课堂教学[J].广西职业技术学院学报，2010，4.

[2]黄海滨.浅谈任务驱动教学法在网页制作课堂教学中的应用[J].职业教育，2013，2.

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

关键词：网页设计与制作；教学内容；教学方法

中图分类号：G642文献标识码：A文章编号：1009-3044(2012)08-1864-03

"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结束语

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

参考文献：

[1]李伟,邓红涛,曹传东.《网页设计》课程实践性教学改革与创新研究[J].改革与创新,2011(12):103-104.

[2]张翔,贾雪倩,谢力,段丽.《网页设计》课程教学改革的研究和探索[J].福建电脑,2011(1):39-40.

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

（一）市场调研与分析

网页设计行业分工非常细致，各个企业的需求和情况不同，对这个职位的要求也不同。目前，珠三角地区网页设计相关岗位主要有网站策划与网络推广、视觉设计、前端制作三类。这三类岗位的主要分工情况如下：网站策划与网络推广岗位主要负责网站架构策划与设计、网站建设协调与监督、需求分析、信息收集与整理、网站市场推广等；视觉设计岗位负责网站整体的美术设计和创意工作；前端开发岗位则负责配合视觉设计师将网页效果图切割并转化为标准的HTML网页文件，并对页面进行SEO优化。计算机系的学生入校时有美术基础的人极少，经过相关课程的训练能够得到一定程度的提高，但相比艺术设计系的学生来说还是有较大差距。网页美术设计显然不是计算机系学生的优势，但他们计算机操作技能熟练，编写代码能力强，网页文件的实质也是代码。因此，计算机系学生更适合从事网站策划与网络推广以及前端制作岗位，视觉设计岗位有少数擅长设计的学生也可以胜任。根据企业调研的结果以及计算机系学生的特点，确定各个专业学生的培养目标为：软件技术专业培养前端制作人才即学生的网页编程能力，信息管理、计算机应用、网络技术专业侧重于培养信息架构人才即学生的网页制作能力，而多媒体技术专业则向网页设计的各个岗位输送人才即全面培养学生网页设计、制作及编程的能力。

（二）模块化任务的设计

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

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

（一）教学方法

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

（二）教材改编

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

（三）考核方式

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

三、结语

平台课程虽是专业群内共同开设的一门课程，但由于各个专业有不同的人才培养目标，课程体系也有较大差异，教条地统一授课计划和课时量不利于人才培养。采用基于工作岗位的模块教学法使得不同专业的《网页设计》课程既相互独立又整体统一，与传统的教学方式相比，更灵活更有针对性，而且能够改善课程的教学效果。目前，《网页设计》平台课程的教学改革还处在探索阶段，还需要进一步地完善。课程建设总的原则是要突出针对性、岗位性和实用性。打造网络课程和精品课程是教师团队下一步的目标。通过网络这个平台可以更有效地与学生形成互动以及分享教学经验。

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

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

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.结语

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

网页设计与网站开发课程的教学活动的要从三个方面来描述：从编写HTML代码到创建实际任务；从独立开发到小组合作、组间协作；从“白手起家”到“站在巨人肩膀上”再创造再开发。

1.1从编写代码到创建实际任务。传统的网页教学总是以编写HTML超文本标记语言、CSS层叠样式表文件、JavaScript为基础，通过Dreamweaver工具的拆分模式实现可视化的实际效果与基础理论的结合来展开。这样的教学方式与网页的实际应用联系较少。使得学生在学完网页之后难以解决具体的实际问题。采用任务驱动的教学方法，通过实际项目，引入真实情境，如玩具销售店、我的大学生活、学科资源网站等。让学们从单纯的学生角色转化为网站构建者，成为一个生产者。这样大大激发了学生的学习动力，并肩负责任感和成就感去学习。学生在构建实际网站过程中直接、频繁地接触计算思维的概念，如网页结构的搭建，样式美化的属性设置等，并不断提升系统性的思考能力和创意思维能力。构建网站时系统性的思考力是指学生需要在设计诸如导航条或链接中从设计网站、解决问题和理解用户需求的角度去“仔细思考用户与网站的互动方式以及根据意图实现功能的方式解决问题”[1]。构建网站中的创意思维是指学生可以把网页设计学习融入到创作具有实际意义和真实内容及富有个性的网站构建过程中，将学科学习与实际生活相统一。

1.2从独立开发到小组合作、组间协作。网页设计与网站开发的工作不是一个人独立完成的，而是需要团队的合作共同完成，当前的信息产业的工作都不是一个人独立能够完成的，而需要与他人合作完成。因此，独立思考和学习确实能促进学生知识掌握能力、而通过合作构建网站可以分解复杂任务。利用这种协作模式可以培养计算思维能力中除知识技能方面的其他方面——过程与方法、情感态度与价值观。

2考核评价

根据《网页设计与网站开发课程》的三维教学目标（知识技能、过程与方法、情感态度三方面）制定考核方法及评价标准。考核评价改变传统的单一的总结性评价的方法，采用平时的过程评价、阶段评价和综合评价相结合的评价方法。过程评价是指学生平时的学习过程，根据精心设计的学习情境对学生的学习过程进行记录和评分。这其中包括学生出勤情况、学习态度、单元情境的完成情况；阶段评价即是期中评价，通过期初时提出主题网站任务，学生在学习过程中着手规划、设计、实施并完成任务，在学期中期进行集中评价[2]，起到贯穿始终、承前启后的作用；期末考试采用上机考试，题型包括根据给定素材及代码截图拼出网页页面，根据给定模板和主题要求，在现有素材的基础上实现网站规划及网页设计。

3结束语

在网页设计与网站开发的教学活动中，培养学生计算思维的三维目标，并结合行之有效的计算参与，将会大大调高教学质量和教学效果。

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

关键词：网页设计与制作；教学案例；任务驱动

中图分类号：G642 文献标识码：B

文章编号：1672-5913(2007)18-0026-02

1引言

“网页设计与制作”课程是高职计算机专业的必修课，也是大多数学生感兴趣的课程。随着Internet的飞速发展，网络已深入到社会的各个阶层，大批学生对网络、网站和网页等概念都已有了初步认识，同时也自己动手设计网页，建立自己的个人网站。因此，借助良好的学习动机，寻求合适的教学方法，是帮助学生掌握好该门课程的关键。

2采用多维、多层次教学模式，调动学生学习主动性

目前，我国的高职教育正逐步形成以就业为导向，以能力为本位，以实践为中心，以获取职业资格证书为标志，以促进学生的职业生涯发展为最终目标的办学模式。因此，在计算机课程的教学过程中，我们强调理论以够用为度，关键是强化实践教学，培养学生的动手能力。在“网页设计与制作”课程教学中，我们将理论课与实践课的学时比例设置为1:2，如何上好这占据总学时数1/3的理论课，并且能满足不同层次学生的学习需求，是理论课教学的关键。

2.1精心制作多媒体教学课件

单调的100分钟理论课，会使学生感觉到沉闷和乏味，因此首先要在多媒体教学课件上下功夫。多媒体教学课件是课堂教学的灵魂，它不只是文字与图像的组合，还融合了各种设计元素，如音频、视频和动画信息，使课堂变得更加生动和精彩。制作课件时，我们根据教学大纲，链接了一些国内优秀网站，并对网站的结构和网页进行分析研究，同时鼓励学生多浏览观摩优秀的网页作品，增加感性认识，培养审美观念，这样对提高学生分析问题、解决问题的能力和学习兴趣都有很大的帮助。

2.2采用任务驱动和案例教学法

在教学过程中，我们采用任务驱动和案例教学相结合的教学模式。教师首先演示制作网页案例，传授本节课所需掌握的知识点。然后学生模仿制作演示案例，在完成演示案例制作的基础上，对学生提出基本要求“根据教师提供的素材和要求扩充演示案例”和更高要求“自己收集资料和素材，以教师提供网页案例为模板，制作网页”。

例如，在框架网页教学模块中，我们所采用的任务驱动教学内容如表1所示。

2.3利用网络资源，实现网上自学与答疑

高职院校学生大部分有较强的求知欲望，压缩后的课堂理论教学已不能满足他们对知识的渴求，应充分利用网络教学资源来满足不同层次学生学习的需求。在“网页设计与制作”课程的学习中，我们在校园网上网络教学课件，内容包括课程教学大纲、电子教案、视频教学、实践教学、课后习题、知识拓展、网上答疑等模块，不但能引导学生有效利用网络资源，而且网上教学不受上课时间、所学专业限制，只要对本门课程有兴趣，就可进行网上自学。另外，在课件中还和其它高校“网页设计与制作”精品课程网站相链接，满足较高层次学生的学习需求。

2.4以竞赛促兴趣，发挥激励机制

在教学中，每一模块学习结束后在全班范围内进行作品展示。每组提供一份优秀作品，由设计者进行作品演示讲解，然后由教师进行点评，同学打分，评选出优秀作品，同时将优秀作品上传到校园网。通过这种活动提高学生的学习积极性、激发学生的竞争意识，同时还培养学生的创新精神和团结协作精神。

3强化实践教学，培养学生的动手能力

在课程设计中，实践教学占总学时的2/3。实践教学的贯彻落实，是关系到课程设置目标能否实现的重要一环。在实践教学中，我们设计了“课堂训练――模块设计――教学实训”一体化的实践教学体系，培养学生的实践动手能力。

3.1课堂训练

课堂训练时，一定要做到重点突出，目标明确。我们要求指导教师每次上机课必须用10~20分钟的时间，安排上机操作内容，讲解操作要点，起到配合和辅助理论教学的作用。这种方式不仅缓解了理论教学时数不足的问题，还能提高学生的上机操作效率。

3.2模块设计

当一个模块理论教学结束后，教师安排一定学时进行模块设计训练。教师根据教学模块内容选择一个教学案例，教学案例要求具有一定的代表性，不需太过复杂。学生首先分析、模仿案例，培养对这一模块理论知识的实践应用能力。然后要求学生以此案例为样本，自己收集资料设计制作作品，在设计制作过程中教师给予正确引导，在深度方面给与拓展。这样既完成了实习任务，掌握了学习知识点，又让学生独立完成作品，产生成就感和自豪感。

3.3教学实训

教学实训阶段是学生对本门课程知识的总结和巩固，并且把所学知识应用到实际工作中的阶段。我院与校外企业合作，建立了两个计算机专业教学实训基地，为学生提供了实训场所，加强了学生实习实训技能培养。另外，我们还提倡和鼓励学生积极参与教师的教学与科研项目。如有些学生协助教师制作网络教学课件和精品课程建设，通过实践应用，不但将课程中所学的知识点融会贯通，强化了对知识的理解和掌握，又培养了学生制作网页的系统性、精细性和艺术性；还有些学生参与校园网内容设计与建设工作，如在校园网中开辟班级专栏和一些社团活动新闻专栏，同时参与校园网的维护工作。

4课程考核方式的改进

对于“网页设计与制作”课程，传统单一的笔试考核模式不能全面真实地反映学生的知识、技能和能力，因此必须将考试重点转移到考核学生的实际技能方面。

在“网页设计与制作”课程的考核模型中，我们主要采用作品评价方式进行。该课程的最终目的是要求学生应用所学知识，设计出个性化的特色网站，并上传到Internet供用户浏览访问。因此，最好的考核方式就是评价学生所做的作品。由于这类作品不能在短时间内完成，因此我们在教学实训阶段，就要求学生一边进行操作实训，一边着手收集资料，设计自己的特色网站。作品评价时，根据学生提供的域名地址，进行课堂演示，学生总体评价占30%，教师评价占40%，平时作业和上机实训成绩占总成绩的30%。这种考核方式注重实践操作和应用开发能力的培养，可大大发挥学生的学习积极性和主动性。

5结束语

兴趣是最好的老师。在教学过程中，从学生感兴趣的角度出发，对课堂理论教学、实践教学和课程考核方式等方面进行探索和改革，能使学生从被动学习转变为主动学习，提高其实践操作技能，拓展其知识面。近两年来，我院学生网页设计作品多次获得省级、校级奖励，部分学生积极参与教师的科研工作，其实践能力和创新意识得到了较好的培养。

参考文献

[1] 白建明等. 高职计算机专业教学模式的研究[J]. 计算机教育，2006，(2).

[2] 喻莉莉. 网页设计与制作[M]. 西安电子科技大学出版社，2003，8.

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

关键词：中职学校；网页制作；教学

中图分类号：G712 文献标识码：A文章编号：1007-9599 (2011) 23-0000-01

Web Publishing Courses of Teaching Study in Secondary Vocational School

Chang Lili

(Yanji Vocational High School,Yanji133000,China)

Abstract:With the continuous development of network technology and the popularization of computers,the Internet has been familiar to the masses and use.Internet is an indispensable element of site,the site is an indispensable element of web pages,and now all universities and vocational institutions have universal web design of this course,by the author of this paper and summary of work experience in the post about the next Some colleges web design courses teaching methods.

Keywords:Vocational school;Web production;Teaching

伴随着计算技术以及互联网技术在各行各业的普遍应用，各个中等职业学校为了为社会培养出优秀的适合企业要求的人才，都纷纷开设了《网页设计与制作》这门课程，这个课程的开设，不但符合上级对学校的办学要求，而且更为学生毕业后能顺利找到理想工作打下了一个坚实的基础。

一、《网页设计与制作》课程的教学内容

《网页设计与制作》是属于一门技术课，对动手实践性是比较强的。这就要求老师在讲课的过程中，多多鼓励或者引导学生参与一些实践性的练习，培养出学生对这门课程产生浓厚兴趣。更重要的是注重培养学生的理论联系实际的能力，让学生们多把自己在课堂上学到的知识应用与实践中去。针对网站制作的一个初级入门课程，专门课程主要用的工具软件是Dreamweaver网页制作软件以及做模版时候用到的Fireword或者Photoshop图片制作软件。其主要教学任务是介绍网页中各元素的添加、页面整体布局、链接导航、CSS样式、模板、行为和表单等技术，使学生掌握从站点规划、建立，到页面布局、网页编辑和美化等静态网站的完整制作过程，具备创建和维护网站的基本能力。在这个基础上还要把HTML网页标记语言引入进来，HTML语言作为网页设计的本质，他是网页设计的一个基础，所以学好它学好网页设计的前提。所以我们一定要求学生们能够熟练掌握读懂普通的代码，而且还要能够自己动手编写一些普通的HTML代码，这也是网页设计课程的教学要求。

再者，网页也有静态和动态之分，所谓静态就是指上面所说的普通的HTML语言加上一些样式、链接等功能，这种网页修改的时候必须要在页面本身去修改。动态网页是指HTML语言编辑好页面后加如一些编程语言（比如ASP、PHP、JSP）以实现人机交互的功能，用户添加修改内容比较方便。

二、课程的教学方法

（一）课前认真备课

1.备授课对象。根据教学对象的不同，安排相应的教学内容；分析学生的专业学习特点和目前的学习状况，制定不同层次的教学目标和教学评价。

2.备教材。选用集成度好的Dreamweaver作为网页开发环境。从教材、参考书以及网络中归纳总结出具有代表性的典型案例，为课堂教学做好准备，精心制作多媒体课件。

3.备教学环境和教学模式。应注重理论与实践相结合。在备课过程中应在机房安装投影仪和电子教室软件，学生人手一台电脑，教师使用一台教师机，通过多媒体课件讲授理论、电子教室软件展示与交流作品。同时应设置一些有一定难度的相关网页设计，让学生在计算机上进行目标训练，以更好地巩固其所学的知识。

（二）课堂的教学方法

1.任务驱动教学法。“任务驱动教学法”是以学生为主体，根据课程的教学目标设计具体的学习任务，通过对学习资源的积极主动应用，进行自主探索和互动协作的学习，并在完成既定任务的同时，参与指导教师课题或其他课外任务的一种学习实践活动。

2.实例教学法。所谓的实例教学法就是老师来通过分析一些实例来对学生开展教学的方法。老师在经过自己的精心策划之下，结合先阶段我过中职学生的一些特点和课程的实际情况，仔细精心的准备一些实例来把学生的学习积极性引导进来，老师根据学生的特点让学生自己针对这些例进行思考和动手制作解决，这样不但提升了学生学习的兴趣，而且还能让学生在实例中获取知识、掌握技能、提升能力。

3.项目教学法。项目教学法是指以项目为主线，采用项目驱动与教材基础知识紧密相结合，将网页设计与制作的知识点和技术要点穿插到各个项目中进行讲解，使学生掌握各个知识点的实际应用，提高学生分析问题、解决问题的实际能力，达到轻松学习、自主学习的目的。实践证明，这种教学方法充分调动了学生的学习积极性和主动性，有效提高学生的学习能力、应用能力和操作能力。

在教学中，项目的选取要以教学的内容为依据，以现实的对象为材料，既要包含基本的教学知识点或技术点，又能调动学生解决问题的积极性。教师和学生共同参与项目的选取过程中，教师要注意启发学生去主动发现身边的素材，选择难度适合的工程项目。而其教学过程为：引出项目、明确需要解决的问题并举例、分析，由学生总结归纳方案－分组实际操作完成任务－每组展示、相互评比、学习，教师点评、并提出更高要求－按项目完成的情况对学生各个环节进行点评。

三、结束语

综合上面所说的，伴随着互联网中网站对人们生活中的普及以及重要性，各学校对针对《网页设计与制作》这门课程的教学要求也是不断提高。作为老师应该以培养学生的实践能力为主，首先老师应该在课前把需要讲授的课程都备好，让学生在学校里打下一个坚实基础的前提能够多多的理论联系实际，多多提高学生的积极主动思考能力和动手能力，而且还要引导学生的学习的兴趣，让学生在赶兴趣的同时学习掌握更多的知识。如此以来才能使学生在跨出学校之门后更快的适应企业的要求，让学生们依靠学校学过的知识快速找到自己理想的工作。

参考文献：

[1]崔华凤.信息技术教学中学生自主学习能力的培养[J].中国远程教育,2003,15

[2]周晓文,宋继华.现代教育技术在传统汉语言文字学领域的应用[J].电化教育研究,1999,5