网页实训报告范文

时间：2023-09-16 11:16

网页实训报告篇1

关键词：网页设计；课程设计；教学方法

中图分类号：G4 文献标识码：A 文章编号：16723198（2012）16014701

网页设计是高职计算机应用专业一门操作性极强的必修专业课程，具有很强的岗位针对性，而现今传统的计算机应用专业毕业生的社会需求趋于饱和，单项专业性精通的人才却明显短缺。现今，各个高等院校纷纷开设了网页设计的课程，培养网页设计的专门人员，网页设计课程的教学显得尤为重要。为此，为了提高网页设计课程的教学质量，笔者从课程设置特点、课程设计、教学内容、教学方法、实验环节等多方面对本课程进行了积极的探索，并总结如下。

1 明确课程地位，彰显课程的特点

高职院校计算机应用专业开设的网页设计课程不是仅作为一门孤立课程存在的，它是要靠多门学科的知识给予支撑，并且它们之间相互渗透和依赖，而构成的一个科学的、完整的课程体系。网页设计课程的主要目的，是通过对本课程的学习，培养学生对该软件的实际动手使用和综合应用能力，使学生能够运用所学的知识进行网页设计，制作出专业的、精美的网页页面和网站站点，包括站点构建、页面设计、数据库和网站后期维护和管理等。其中还重点体现在它的教学内容实践性较强，能极大的激发学生的参与性，锻炼学生动手能力，培养学生的专业兴趣。教师在教学中也一定要注意理论与实践相结合，实践操作内容是教学的基础，应该给予学生充足的动手实践机会，使学生在学中练、练中学。

2 了解社会需求，调整课程设计

在信息迅速膨胀、网络飞速发展的今天，国际互联网也正以其惊人的速度空前发展，我国互联网的用户正在持续递增，该行业的人才缺口相当惊人，预计我国在未来10年大约需要200万名企业商务网站设计专业人才。因此，针对社会市场岗位需求，课程设计也应紧跟市场步伐，在课程设计中，应突出对企业网站和电子商务网站建设方面技术的掌握，如访问计数器、意见反馈单或各类商务单证、动画及广告模式、商贸业务及相关热门话题论坛、导航器及搜索引擎、菜单以及数据库等。为此在对传统网页知识技术掌握的同时，还必须有其他相关知识点的穿插，在动态网页设计和数据库方面有待加强，这样才能更符合社会市场的人才需求和对课程设计更具针对性。

3 及时更新知识，重组教学内容

当前计算机科学技术的日新月异，网页设计技术不断的更新，网页设计软件也层出不穷，学生对新知识的渴望也十分迫切，这就要求教师本身也要不断的加强学习和专业技能培训，更新和强化新知识新技术，同时根据专业培养的目标及企业的岗位需求重组符合实际的教学内容。目前，网页设计课程教学内容是以Dreamweaver作为主要工具，其中以静态网页设计作为学习的重点，主要培养设计人才，但在培养方面，也需要配以Flash、Photoshop等软件的介绍，使学生在熟练掌握静态网页设计技术的基础上，还应掌握HTML语言、JAVASCRIPT脚本语言、VBSCRIPT脚本语言、ASP、数据库等相关内容，为学生今后更进一步的学习打下坚实的基础。

4 注重因材施教，改革教学方法

早在孔孟时代就提出了“因材施教”和“授之以渔”的教育理念，学生在学习过程中，由于学生智能及动手能力各有差异的，因此，在网页设计教学过程中，教师更应该注重因材施教，教师可对本班学生情况进行分类，根据学生实际水平的差异，对不同水平的学生给予不同的要求，设计基本要求和提高要求两类题型，对能力较强的同学要求完成相应提高部分的题目。为此，不同的学生、不同的要求，对教学方法提出了更高的要求，传统的教学方法肯定不能适应学生的需求，改革教学方法就显得极为关键，网页设计实际操作性很强，相比那些理论性的课程，学生更容易产生兴趣，教师应利用这个特点，注重培养学生的动手能力，让学生在实际操作的过程中发现问题并解决问题。同时，在教学过程中，教学方法还应不断摸索和创新，采用多种教学方法并重的方式，除常规的教学方法外，还可以采用案例教学法，任务驱动教学法，讲练结合等教学方法，整个教学过程主要以展示案例、分析案例、讲解知识点、教师演示和学生操练，最后再进行综合案例的应用，这样既让学生对案例有了实质性的接触和学习，又能充分的去完成对知识的自我构建和强化实训。

5 加强实训环节，变革考核方式

网页设计是一门操作性和实用性很强的实训课程，实训至关重要，要提高学生实践动手能力，必须加强实训环节。在教学过程中的教学任务都应紧密围绕教学内容进行来设计实训，每次课都经过精心设计做成实训单元，每2节课为一个实训环节，并详细描述实训要求、实训目标、实训内容及步骤等。学生实训时将具体网站案例进行模块化分工，全班进行分小组完成各自实训模块，并且实训完成后要求写出完整的实训报告。同时，在对学生的考核方面，传统的考试模式主要是以理论考试为主，而这种考试模式对该课程很不适应，因此笔者将课程的考核分为三个部分：平时成绩（20%）+理论成绩（20%）+实训成绩（60%），其中平时成绩按每堂课的作业完成情况和学生考勤进行打分；理论考试注重学生对网页设计基础知识、基本理论的掌握，采用选择题判断题等客观题的方式进行，为学生进一步的学习夯实基础；实训考试则考查学生实际动手能力，以便学生学完本课程后能有一技之长，真正做到学以致用。

参考文献

［1］张翔.网页设计课程教学改革的研究与探讨［J］.福建电脑，2011，（1）.

网页实训报告篇2

关键词：网页设计与制作；实训；拓展训练；项目实战

中图分类号：TP393 文献标识码：A 文章编号：1674-7712 （2012） 16-0138-01

《网页设计与制作》是一门实践性、操作性和创新性很强的课程，它能很好地锻炼学生的动手能力和团队协作能力，并且还能紧贴市场，做到以典型工作过程为导向，进行实际项目的开发训练，使学生应聘的时候不再只是有理论知识，而没有任何实践经验。以此来真正做到理论、实践并行，与企业的工作需求接轨，培养应用型的专业人才。

《网页设计与制作》课程是我院多个专业的核心课程，如计算机应用技术、网络技术以及广告设计等专业都开设了此门课程，该课程对学生的操作练习有较高的要求，实训的教学内容都是融入在课堂教学中，由于课程安排的比较分散，不能有效地集中训练学生的动手操作能力以及策划设计网页的能力，学生在学完该课程之后，有的不能独立地完成网站规划和页面设计，有的设计效果不能达到预想的功能和视觉效果。因此，实训课程在《网页设计与制作》教学中起着比较重要的作用。根据《网页设计与制作》课程的这一特点以及我的个人教学经验，下面对《网页设计与制作》实训教学谈一下自己的意见和看法。

一、提高教师的专业技能

作为一名教师，他既是课堂的领路人，又是学生学习的辅导者，教师的专业水平直接影响着学生各方面能力的提高。职业教育传授的不仅仅是理论知识，还要传授学生操作技能，培养学生的动手能力。在高职的教学中《网页设计与制作》的实训课程主要就是培养学生的实践动手能力，要求学生能够通过所学知识做出优秀的作品，因此这门课程对学生的动手实践能力要求是非常高的，这就要求教师首先要具有较强的实践操作能力，只有教师具有了一定的项目实践经验，才能充分地指导学生完成优秀的网页作品。因此，教师平时就要注重理论与实践相结合，加强自己的企业实践，在补充自身理论知识的同时，还要不断提高自身的专业技能和实践能力。

二、多种教学模式相结合，培养学生学习兴趣

（一）通过优秀作品赏析，激发学生的学习兴趣

在授课初始阶段，准备一些精彩的网站案例，在课堂上演示。在展示优秀网站案例的同时，学习网页制作技术之前首先让学生欣赏优美网页，教师分析网站的整体设计、网页的结构布局以及颜色搭配，让学生边欣赏网站，边听教师讲解，在美的熏陶中，让学生能够感觉到一个好的网站不仅仅有宣传推广的作用，它更是一件艺术品，完成它是需要倾注心血的。

每个教学单元中都去展示相应的网站案例，并且在网站案例展示的同时，引导学生去思考网站的美工、布局以及样式等都是怎样完成的，自己能否通过努力完成这样优秀的作品。几节课下来，就有不少学生跃跃欲试，从而有效地调动学生的积极性，激发学生的学习兴趣。

（二）阶段测试训练

通过过程考核，提高学生学习的紧迫感，巩固学生的阶段性学习成果。

首先教师布置本次课的实训任务，并分析其实训要点；然后学生根据本次任务开始制作网页，教师进行辅导；实训完成后教师对实训过程中出现的问题进行分析解决，并选几位学生的网页作品进行展示，其他学生对其进行点评。

（三）拓展训练

可以通过课外兴趣小组集体活动等形式，提高学生的人文素养。课余时间充分利用网络资源进行课外拓展实践，如果遇到疑难问题学生可以通过”E-mail”和“QQ留言”的方式与辅导教师取得联系、化解难题。利用课外拓展实践的方法对于能力强的学生可以进一步提高他们的操作技能；对于能力差的学生可以解决他们存在的问题。

（四）项目实战训练

将实际项目引入进教学，并对其进行任务分解。

例如让学生制作各行业的门户网站，首先教师以客户的角色为学生布置项目，学生进行市场调研，撰写需求分析报告；然后学生自己制定项目实施计划，进行项目设计实施；教师再以客户的角色验收项目，进行评价；最后学生撰写项目总结。以这样一个过程让学生在开发实际项目中提高职业能力，培养他们的工程意识。

三、增加实训课程的课时，提高学生的动手能力

实训课程主要是在强化理论知识的同时提高学生的操作技能，因此实训课程必须是以学生操作为主，教师辅导为辅，在实训过程中帮助学生解决遇到的问题。从网站的策划、素材的搜集到网站页面的设计布局、网页的制作以及网站的测试与等等，学生都要自己独立去完成，在整个实训过程中学生会遇到不同程度的问题，教师可以在旁协助。学生就在这样一个不断遇到问题、解决问题的过程中提高自己的能力。实训结束后有不少学生会感慨到实训一个礼拜比上一个学期的课学到的知识要多很多。因此实训不仅仅是学生制作网站的过程，更是学生自我学习，自我提高，自我评价的过程。

同时实训的环境也是非常重要的，实训课程基本都是在微机室完成的，在微机室里学生可以实现一人一机，并且每台电脑都直接与互联网相连，学生在实训过程中，可以上网查找相关资料，搜集所需素材，解决实训中遇到的问题，同时还可以直接通过教师、同学的帮助快速解决问题。

四、结束语

《网页设计与制作》是一门专业性很强的课程，在教学过程中突破传统理论教学和讲解为主的模式，把课程中的理论内容，合理地穿插到实践教学中，把原来枯燥、单调的讲解通过实践环节让学生消化和掌握。通过实训达到高职高专学生的培养目标。体现以学生为本，最大限度地调动学生自主学习的积极性，培养了学生的综合能力，使学生掌握一门技巧，这样对教师也是一种锻炼和提高。

参考文献：

[1]瞿江.浅谈网页制作实训教学[J].电脑知识与技术，2011，26.

[2]张丽香.高校《网页设计》课程教学探讨[J].大众科技，2006，05.

网页实训报告篇3

在信息迅速膨胀、网络飞速发展的今天，国际互联网也正以其惊人的速度空前发展，我国互联网的用户正在持续递增，该行业的人才缺口相当惊人，预计我国在未来10年大约需要200万名企业商务网站设计专业人才。因此，针对社会市场岗位需求，课程设计也应紧跟市场步伐，在课程设计中，应突出对企业网站和电子商务网站建设方面技术的掌握，如访问计数器、意见反馈单或各类商务单证、动画及广告模式、商贸业务及相关热门话题论坛、导航器及搜索引擎、菜单以及数据库等。为此在对传统网页知识技术掌握的同时，还必须有其他相关知识点的穿插，在动态网页设计和数据库方面有待加强，这样才能更符合社会市场的人才需求和对课程设计更具针对性。

2及时更新知识，重组教学内容

当前计算机科学技术的日新月异，网页设计技术不断的更新，网页设计软件也层出不穷，学生对新知识的渴望也十分迫切，这就要求教师本身也要不断的加强学习和专业技能培训，更新和强化新知识新技术，同时根据专业培养的目标及企业的岗位需求重组符合实际的教学内容。目前，网页设计课程教学内容是以Dreamweaver作为主要工具，其中以静态网页设计作为学习的重点，主要培养设计人才，但在培养方面，也需要配以Flash、Photoshop等软件的介绍，使学生在熟练掌握静态网页设计技术的基础上，还应掌握HTML语言、JAVASCRIPT脚本语言、VBSCRIPT脚本语言、ASP、数据库等相关内容，为学生今后更进一步的学习打下坚实的基础。

3注重因材施教，改革教学方法

早在孔孟时代就提出了“因材施教”和“授之以渔”的教育理念，学生在学习过程中，由于学生智能及动手能力各有差异的，因此，在网页设计教学过程中，教师更应该注重因材施教，教师可对本班学生情况进行分类，根据学生实际水平的差异，对不同水平的学生给予不同的要求，设计基本要求和提高要求两类题型，对能力较强的同学要求完成相应提高部分的题目

为此，不同的学生、不同的要求，对教学方法提出了更高的要求，传统的教学方法肯定不能适应学生的需求，改革教学方法就显得极为关键，网页设计实际操作性很强，相比那些理论性的课程，学生更容易产生兴趣，教师应利用这个特点，注重培养学生的动手能力，让学生在实际操作的过程中发现问题并解决问题。同时，在教学过程中，教学方法还应不断摸索和创新，采用多种教学方法并重的方式，除常规的教学方法外，还可以采用案例教学法，任务驱动教学法，讲练结合等教学方法，整个教学过程主要以展示案例、分析案例、讲解知识点、教师演示和学生操练，最后再进行综合案例的应用，这样既让学生对案例有了实质性的接触和学习，又能充分的去完成对知识的自我构建和强化实训。

4加强实训环节，变革考核方式

网页设计是一门操作性和实用性很强的实训课程，实训至关重要，要提高学生实践动手能力，必须加强实训环节。在教学过程中的教学任务都应紧密围绕教学内容进行来设计实训，每次课都经过精心设计做成实训单元，每2节课为一个实训环节，并详细描述实训要求、实训目标、实训内容及步骤等。学生实训时将具体网站案例进行模块化分工，全班进行分小组完成各自实训模块，并且实训完成后要求写出完整的实训报告。

同时，在对学生的考核方面，传统的考试模式主要是以理论考试为主，而这种考试模式对该课程很不适应，因此笔者将课程的考核分为三个部分：平时成绩（20％）＋理论成绩（20％）＋实训成绩（60％），其中平时成绩按每堂课的作业完成情况和学生考勤进行打分；理论考试注重学生对网页设计基础知识、基本理论的掌握，采用选择题判断题等客观题的方式进行，为学生进一步的学习夯实基础；实训考试则考查学生实际动手能力，以便学生学完本课程后能有一技之长，真正做到学以致用。

网页实训报告篇4

1理论教学

1.1课程目标《网页设计与制作》课程内容包括HTML、CSS+DIV、JavaScript、Photoshop、Flash，本课程的教学目标是：1)使学生掌握HTML基本知识，熟练掌握静态网页制作技能；2)使学生能够掌握流行的CSS+DIV网页设计技术，适应网页设计社会最新需求；3)使学生能够用Photoshop进行网页效果图的设计并能够切图输出；4)使学生能够用Flash进行网页动画的简单设计；5)使学生能够掌握JavaScript简单程序设计，能够实现网页的各种动态效果。

1.2课程内容

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

1.2.2DIV+CSS网页设计DIV+CSS是目前网页的主流布局方式，DIV+CSS网页设计技术使得网页的表现与内容相分离，提高了页面浏览速度，并且使得网站易于维护和改版，因此，在网页设计教学中DIV+CSS成为核心的内容，并将对传统的网页设计教学产生较大的影响。该部分重点知识包括CSS基本语法、用CSS设置文本、图像样式、用CSS设置超链接与导航、用CSS设置表格和表单样式、CSS盒子模型、盒子的浮动与定位、CSS+DIV布局方法剖析。教学中通过大量的实际应用，反复的练习，使学生真正掌握CSS+DIV的精髓，并体会其在设计网页方面的优越性。

1.2.3Photoshop图像处理重点包括Photoshop基本工具的用法，选区操作、图层操作、图像变换、色彩调整、文字操作、绘画工具、通道、路径、融合、图层样式、文字样式及滤镜等，目的在于能够用Photoshop设计美观、清新大方的网页效果图并且能把网页效果图切片导出。注重学习工具的使用和图片的处理方法。课堂教学中应注意培养学生的创新意识，突出“网页设计重在创意”的理念。尤其对于动漫广告等专业要发挥学生们美术方面优势，将计算机技术与美术相互渗透和融合，将网页作品当作一份具有生命力的完美艺术品。

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

1.2.5JavaScript程序设计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的

2课程实践

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

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

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

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

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

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

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

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

2.4成立网页兴趣小组，拓宽知识面组织成立网页课程的兴趣学习小组，具体活动包括：1）举办讲座：资深开发人员的经验报告，网页知识讲座；2）举办竞赛：我院已成功举办两届网页与flash设计大赛。这些活动的开展深受广大师生的好评，激发了学生对网页设计技术的兴趣，培养了学生的动手能力和创新能力。

3课程实训

网页的制作不仅要求制作者有熟练的网页制作技术，还要有一定的艺术设计能力，因此在掌握网页设计基本技术的基础上，课程实训主要培养学生设计能力、创作能力和对所学知识的综合运用能力，学生需要独立完成一个表达特定主题的网站，要求参加实训的学生在规定的时间完成网页效果图的设计并切图输出，最终在Dreamweaver中布局成网页。实训主要内容包括素材的搜集、网页整体布局设计，网页代码的编写、调试。实训时间是32学时，实训结束后，学生不仅要提交设计报告、Photoshop制作的网页效果图和网页代码，还要进行现场答辩，这些对学生都是很好的锻炼。最后教师根据学生所交作品的效果、原创性、复杂性等情况进行成绩的评定。平时实验课上学生总是按教师给定的素材，给定的效果进行实验，主要注重的是设计方法和网页代码的学习，在实训中,素材需要学生自己搜集，效果图需要自己制作，网站的制作方法自己确定。这就要求他们上网查询大量的资料，遇到问题想办法解决学生带着问题进行学习和探索，培养了学生的探索创新能力。课程实训不仅巩固了学生网页代码的设计能力，更是从网站策划、网页的界面设计，网站的风格、配色、布局、Photoshop软件的应用等多方面对学生进行了训练，为学生能够做出美观而又实用的网页打下了牢固的基础。

4结束语

网页实训报告篇5

关键词：网站建设与管理；综合实训；项目开发；职业能力

网站建设与管理专业是中职类院校为企业培养技能应用型专门人才的热门专业。通过近几年用人单位对本专业毕业生的反馈情况及毕业生自身经验来看，很多中职院校网站建设与管理专业在课程设置、技能实训方面还不能达到培养应用型高技能人才的标准。现在很多中小企业都建立了局域网，接入Internet，建立了本企业的网站，大部分企业需要的是既能组建管理局域网，又能制作和维护网站的应用型人才。因此，网站的建设与管理技能是必须重点培养的一项核心职业能力。培养满足企业需要的应用型人才，必须在专业教学过程中加大实训课程的强度和深度，营造等同于或类似于工作过程的实训环境和工作要求，强化训练内容和技能的实用性。

一、“网站建设与管理”综合实训的目标

网站建设与管理综合实训的基本目标就是培养学生为企事业单位建设、维护网站的职业能力。综合实训涉及到多门专业课程知识：基本网页制作（Photoshop，Dreamweaver，网站配色与布局，Flash, CSS+DIV制作网页，HTML 技术及客户端JavaScript脚本技术）， 动态网页制作（，PHP等技术），数据库技术（如SQL SERVER的管理等），网络操作系统及Web服务器的配置管理等。学生学完这些课程得到的是实际工作中要用到的专业知识中某个方面的零碎的知识，而解决实际问题如建立一个企业网站，则要将这些知识进行整合，综合运用。综合实训的目标就是让学生在开发一个具有现实意义的网站项目的过程中，领悟如何综合运用所学的相关知识，独立完成一个网站项目的开发与维护，从而基本掌握网站建设的核心能力，为进入企业顶岗实习做好准备，并最大限度地增强对就业岗位的适应度。

二、“网站建设与管理”综合实训的内容

1.网站建设与管理综合实训所需专业课程知识。实际工作中开发网站项目，必须掌握静态网页制作技术、基本图像处理技术、数据库技术、利用编程语言实现动态网页技术、Web服务器的配置和管理技术，这些技术在网站建设中的作用各不相同静态网页技术和图像处理技术用于制作普通的页面以及用户访问网站的接口界面，数据库技术实现对用户数据的存储和处理，动态网页技术实现用户与服务器的通信及数据的存取操作，Web服务器实现对网站运行的支持。如何将这些知识有机的融合到一个具有现实意义的项目中，是综合实训能否取得实效的基础，因此，综合实训的项目最好是来自企业的实际项目，如企业的电子商务网站等。

2.网站建设与管理综合实训所应完成的技能项目。建设企业网站一般包括网站规划设计、网站前台设计、网站数据库设计、网站后台设计、网站的调试等几个工作过程和模块。以电子商务网站为例，网站建设综合实训应围绕多个项目模块展开。

（1）网站规划设计的实训。学校教学过程中往往注重基本知识的传授，如网页设计课程老师会将网页设计相关知识讲得很多，而这些知识在实际工作过程中如何应用，却比较忽视。网站规划实训的目标就是培养学生承接一个综合网站项目后，对网站进行需求分析，明确创建网站的目标，然后根据分析结果提出合理的建设方案，选择恰当的技术路线。网站规划与设计是后续建设步骤的指导纲领，这一过程实训的结果是网站的构思草图。

（2）网站前台设计的实训。网站的前台设计就是指设计用户访问网站时直接接触到的页面，以电子商务网站为例，包括网站的主页、各栏目的首页、商品展示页面、注册页面及登陆页面等，具体内容涉及网站的排版布局、网站导航系统的实现、网站Logo的设计、图片处理、颜色搭配、注册页面及登陆页面的具体要求等等。这些工作的完成涉及多门课程的知识内容，实训效果既取决于学生灵活运用知识的能力，也取决于指导老的项目开发经验。网站前台设计的实训有两个重要的环节必须强化，其一是网站Logo的设计及页面图片的处理，这项实训的指导工作应当由熟悉图片处理的教师进行专项指导；其二是基本网页制作，包括网页排版、布局、颜色搭配、文字显示及资源链接的实现等，重点是运用网页制作技术如HTML，JavaScript语言及开发工具如Dream weaver等的综合应用。

（3）网站数据库设计的实训。实训的内容着重培养学生如何根据一个项目的需要来进行数据库的需求分析、数据结构的设计，要求学生完成数据库的概念结构（E-R图）的设计，逻辑结构的设计（由E—R图转化成关系）及数据库的物理实现，强化学生在实际项目开发过程中利用某一DBMS实现后台数据库的设计技能。

（4）网站后台设计的实训。网站后台设计包括网站各种功能实现的后台代码的设计。以电子商务网站为例，后台设计实训的内容主要包括：①商品信息的管理：如添加、搜索、删除，分类等。②商品的分类管理。③ 普通用户及管理员管理。④各功能模块的通信及后台代码如网站购物车的实现、在线订购、在线付费的实现等。

（5）网站调试的实训。网站调试实训内容涉及两个方面：①配置网站运行的环境，让学生熟练掌握各种网站运行环境的配置技术。② 网站测试。网站正试前都要进行测试，保证网站后用户能够正常浏览网页和使用网站提供的服务功能，只有通过了测试的网站才能到Internet上。

三、“网站建设与管理”综合实训的实施过程

为保证网站建设与管理专业综合实训的有效性，必须要求学生能够接受全过程的操作训练，通过完成一项完整的项目，可以让学生体验各个环节的主要技能的要求，了解生产或服务的程序，体会生产或服务中环节的连接重点和各个工作岗位的重要性。因此，网站建设综合实训的实施，应当以符合工作实际过程的方式进行。以项目组的形式组织综合实训的开展。企业网站的开发是一个比较大的综合性的软件项目，为了给学生营造真实的实训环境，综合实训课应以项目开发小组的形式组织。对于电子商务网站而言，四名学生为一组比较合适，应当任命项目组长，负责整个项目的规划和进程。具体实施过程是：全体组员参与网站的需求分析工作，并在此基础上写出需求分析报告，然后，项目组长完成网站的规划，在此基础上进行细致的分工，四人分别实现网站页面效果图设计，网页前台的设计，数据库的设计，网站后台的设计。实际项目开发过程中，一个项目小组成员的任务比较单一，而综合实训的目的就是为了全面培养学生综合运用知识的能力，因此以项目小组的形式展开综合实训，不可能让每个学生将全部项目的所有内容都做遍。提高综合实训效果最有效的方式就是在固定的时间间隔召开经验交流会，让负责不同分工的同学展示自己在开发过程中的经验，技巧及教训。以项目验收的形式考核实训成绩。任何一个项目的开发完成后，最终要接受用户的验收，以此方式来考核学生的实训效果，能起到导向、检验诊断、反馈调节等多重作用。验收的标准是实训的计划任务书，验收的方式采取各项目小组配置好网站后，接受实训指导老师及其他学生的访问，根据各种功能的实现情况及页面整体效果给出总体评价。评价过程中既要肯定优点，也要指出不足及需要改进的地方，以对学生进行合理的评价。

四、总结就业导向是中等职业教育的必须把握的准则，职业技能的培养、适应岗位工作的需要应当成为高职计算机专业教学中必须强化的主题思想，因此，专业技能的实训显得尤为重要。网站建设过程需要使用多个专业课程知识， 是一门综合技能课程，从实训内容、实训组织形式等方面强化本课程的综合技能实训，能培养学生与就业岗位“零距离对接”所要求的综合职业能力。

参考文献:

【1】程有娥 付建玲 马恩明 《网页设计实用教程》 电子工业出版社

【2】徐敏 《网站前台设计综合实训》 电子工业出版社

网页实训报告篇6

论文关键词：平面设计软件；实训课程；项目设计；实训项目；成果评价；职业能力

平面设计软件实训是配合《平面设计软件》课程开设的为时2周的实训课，是培养学生职业能力的一个重要环节。以往的实训课通常是通过让学生做一些课业进行的，教师给出一个课题，学生在指定时间按教师的要求完成作品，整个过程在教师的辅导下完成。在这样的教学过程中，学生的职业能力难以得到很好的训练，团队精神难以得到有效的培养。所以，在实训课上进行项目教学是很有必要的，因为项目教学法的核心是在教师的指导下，由学生去探寻得到最终结果的途径，学习的重点在学习过程而非学习结果，这对学生能力的培养是很有帮助的。在2周的时间里，如何设计项目才能使学生真实地体验一个项目的完整制作过程，是需要教师研讨的问题。

实训项目设计分析

实训课的教学不同于理论课。由于学生已经初步具备了该课程的知识和技能基础，实训课要在理论课的基础上重点训练学生的专业技能和职业能力。所以，项目的设计要求更能体现实际工作环境的特点，学生通过项目能更好地应用学过的知识解决实际问题，锻炼自己的实际工作能力。

设计理念平面设计是近十几年逐步发展起来的一个复合性职业，涉及面非常广泛，涵盖的职业范畴包括商业展示设计、商业广告设计、商业环境艺术设计、书籍装帧设计、包装结构与装潢设计、服装设计、工业产品设计、商业插画设计、标志设计、企业ci设计、网页设计等等。针对目前平面设计行业及社会其他相关岗位对人才的需求和对教学内容及教学方法的研讨，实训项目设计应该围绕着专业方向和培养目标进行设计；围绕着用完整的实际工作流程训练学生综合设计制作能力的目标进行项目开发，即按照实际工作“调研策划创意设计制作提交审核”的流程进行教学设计；以项目小组的形式开展教学活动；通过实训项目训练，培养学生的创新精神和团队精神，使学生能够综合运用美学思想、平面艺术设计的基本原理和设计规律及计算机图形图像设计软件，完成符合实际要求的平面设计作品，实现平面设计专业的教学目标。项目的设计理念应当是以培养学生完成实际工作任务的职业能力为目标，但设计的项目不一定非要来源于企业，因为本课程的学生是“广告设计与制作”专业的一年级新生，还没有学过平面设计方面的专业课，用2周的时间完成一个真实的企业项目有一定的难度。为了顺利实现《平面设计软件》实训课程的教学目标，可采取将虚拟项目按照真实项目完成的形式进行教学设计。

设计思路平面设计专业的能力目标是使学生能够根据平面艺术设计的基本原理和设计规律，针对不同的用户要求进行各种平面作品的设计与制作。所以，“网站页面设计制作”项目、“pop广告设计制作”项目、“商业插画设计制作”等项目都可以用来作为《平面设计软件》实训课程的实训项目。产品类广告设计可以重点培养学生市场调研、策划、创意等能力；文化类广告设计可以培养学生掌握完整的设计制作流程；“网站页面设计制作”可以通过图形、色彩、文字等设计元素的运用培养学生综合的平面设计能力。下面以“某集团房地产网站页面设计制作”项目为例，分析实训项目的设计方案。

实训项目设计方案

项目背景随着互联网的飞速发展，网络已经成为人们生活中不可缺少的一部分，利用网络查找各种所需要的信息已经是人们习以为常的手段。在这种形势下，很多企业、个人都需要拥有自己的网站和网页。某房地产企业为了更好地宣传企业形象和推介企业产品，需要制作一个引人注目的精美网站展示自己。

项目内容该设计项目是为某房地产开发商的网站进行网页设计和制作，需要学生进行市场调研，了解企业名称和受众群体，并采集各种信息，通过进行实际调查和需求分析，确定网站的市场定位，进行网页的规划和整体方案设计。在网页效果上要注意网站形象设计，以满足人们的审美需求；在制作过程中要合理运用艺术设计的理论知识和软件技术，按计划完成符合客户要求的精美网站制作。具体任务内容包括市场调研、网站策划、网页整体方案设计、网页设计制作、完稿处理、资料整理等，其中市场调研包括收集相关房地产企业的宣传资料和网站形象调研。网站需求分析要通过对宣传资料进行整理分析，明确用户需求，并撰写分析报告。网站整体方案设计包括标准字、logo小样、标准色彩、图标设计、网页平面设计等内容。网页设计制作可利用平面设计软件photoshop、illustrator等。

网页实训报告篇7

关键词：网页设计；高职；教学设计

中图分类号：G718

《网页设计》课程是计算机应用技术、计算机网络技术、电子商务等专业的必修课，是一门实践性很强的课程，通过学习本课程，可以为学生今后从事网站开发与设计领域的相关工作打下良好基础。另外，良好的网页设计能力是计算机相关专业毕业生必须具备的基本能力之一。作为高职院校，应注重职业能力培养，考虑对网页设计课程的教学内容进行改革，以工作过程为导向，规范课程教学的基本要求，提高教学水平。

1 教学内容分析

网页设计是高职院校电子信息类专业的专业核心课，教学内容主要包括HTML语言、CSS样式表、Dreamweaver、JavaScript、网站维护等内容，其后续课程包括Photoshop图像处理技术、flash制作、ASP程序设计、数据库等。

对高职学生来说，网页课程难学的原因很多，分析教学内容方面的因素，主要有：课程与教学内容缺乏实用性，教师教学过程以学科为中心，系统讲解知识点为主；网页语法规则繁多，传统的教学过于强调语法，没有按照认知规律合理编排教学内容，导致简单问题复杂化，造成学生学习难度大；过于重视系统性和全面性，长篇累牍，学时与内容矛盾突出；实践教学方式、手段不适应时代需要，学生职业能力培养没有落到实处。

综上所述，本着“实用”和“够用”原则，在课程定位的指导思想下，以培养学生的职业能力为目标，大胆取舍教学内容，重点讲解实际工作过程中网页制作实用技术。

2 学情分析

2.1 高职学生特点。抽象思维能力一般，缺乏良好的学习习惯，学习的主动性、探索性不够。排斥理论知识的学习，却对动手实践具有强烈兴趣。

2.2 教师对策。针对很多学生抽象思维能力差，不喜欢枯燥的理论学习，但在动手能力上素质较好的情况。在教学活动中，教师应该以工作过程为导向，考虑学生已有的知识水平，设计出符合认知规律的教学过程。并在教学活动中融入较多的实践动手项目，激发学生兴趣，提高学生的参与度。同时注意把握问题的难度，设置合理的梯度。使学生不断增加成就感，并逐渐认识到“枯燥的理论”对“动手实践”的指导作用，从而产生对理论学习的需要和自主学习的欲望。

3 教学设计思路

3.1 理念。基于工作过程开发网页设计课程。

3.2 教学总体设计。（1）课程内容改革：针对IT行业对“网页设计师”职业的岗位要求，课程内容以网站前端技术为主；（2）实践教学改革：以项目为载体，用一个小型网站项目案例贯穿整个课程的教学，如下表1所示。对网站项目进行分解，分解为若干个子项目单元，将网站前端技术的知识点映射入各个子项目单元。同时力求让课程的每一个教学模块基于工作过程来设计，做到“教、学、做”一体化，真正地强调学生的动手能力；（3）考核方法改革：形成式考核为主，提倡职业标准，切实保障教学效果。

表1 小型企业网站项目举例

序号 模块名称 知识点

1 建站准备 需求分析

2 规划设计网站 网站规划设计知识、网页配色

3 准备素材 用potoshop（PS）制作网站logo及相关图片，掌握PS在网页设计领域的应用

4 定义站点，制作公司首页 Dreamweaver中站点的创建与管理，CSS+DIV应用

5 设计制作栏目1-公司概况 网站中字体搭配与排版

6 设计制作栏目2-企业相册 表格、网页中的多媒体应用

7 设计制作栏目3-产品展示 超链接、CSS

8 设计制作栏目4-留言板 表单、数据库访问

9 网站整合与 申请空间及上传网站等

3.3 教学单元设计。单元学习情境的设计要有针对性，基于工作过程设计单元学习任务，重点训练学生的网页制作能力。对主要教学单元采取任务导入、要点分析、示范操作、项目实训、总结提高五步走。其中教学重点难点需要反复多次训练，可以补充小实例作为项目案例辅助，才能达到较好的效果。

单元设计关键点：首先以贴近工作实际的小例子导入，由浅入深。每个单元理论和实践的比例应不超过1：1，尤其注意实例的选取，尽量有实际意义，避免单纯为了讲解知识点之用；其次讲练结合，在课堂上让学生动手制作网页。考虑到高职学生课后自主学习较差，并且课上实践，一旦遇到困难教师可以及时给予鼓励和指引。有利于学生少走弯路，尽快树立信心，而不是被大量困难吓倒；再次实训项目精心设计梯度，由浅入深，循序渐进，使学生实践中不断积累信心，最终取得良好的学习效果。

4 教学方法与手段

4.1 采用项目教学法，以学生为主体、教师为主导，通过共同实施一个完整的工作项目而进行的教学活动。具体来说，本课程以网站项目带动教学，完成一个网站项目的全过程实际就是学生掌握网页设计知识、转化网页制作技能的过程。

4.2 理论与实践相结合，结合项目案例和教学实例进行教学。项目案例从面向工作过程的实际项目中提取，覆盖全部教学重点；教学实例紧密契合各单元的知识点，小而精。

4.3 讲解与多媒体演示、开发环境演示相结合。理论知识的讲解借助于多媒体教学设备，制作生动的PPT课件；遇到教学重点和难点及时切换至开发环境进行实战教学。

4.4 教师讲授与学生讨论相结合。完成单元教学后，根据教学重点和难点布置若干思考题目，学生分组完成；教师安排时间组织学生进行讨论，由每小组派代表讲解；最后教师点评总结。

4.5 教室课堂与网上课堂相结合。将电子教案、实验模版、趣味思考题目和项目案例都上传至校园网FTP上，供学生复习和自学；同时利用网络QQ和电子邮件系统可随时给学生答疑。

5 考核办法

以形成性考核为主。学生成绩由平时成绩和期末考试成绩两部分构成，其中期末成绩占比不超过40%。平时成绩包括出勤和项目成绩。重点考核学生实训子项目和实训报告的完成情况。需要教师注意教学过程中的质量监控，提倡职业标准，使大多数学生提高实际的网页制作能力，满足未来职业岗位的要求。

6 结束语

本文针对高职院校网页设计课程的教学设计进行了分析和探讨。首先对网页设计的教学内容和学生情况进行了详细分析，对症下药。对传统的教学设计、教学方法和考核方式进行了改革。经一年多的一线教学实践，学生的学习兴趣浓厚，网页制作能力明显提高。

参考文献：

[1]樊霆.刍议高职计算机教育存在的问题及对策[J].计算机光盘软件与应用，2013（21）：231.

[2]赵培琨，赵娟娟.Web标准化在高等职业教育中网页制作课程的地位和作用[J].大众文艺（理论），2008（05）：112-113.

[3]温荷.对高职高专学生特点的初步探索[J].中国教育导刊，2007（04）：35.

[4]戴士弘，毕蓉.高职教改课程教学设计案例集[M].北京：清华大学出版社，2007：103-104.

作者简介：王圆（1980.9-），女，吉林农安人，讲师，硕士研究生，研究方向：信息处理。

作者单位：广东行政职业学院，广州 510800

网页实训报告篇8

关键词：网页设计；人才培养目标；调研分析

中图分类号：TP393 文献标识码：A 文章编号：1674-7712 （2013） 04-0144-02

网页设计专业的学生在就业时遭遇“学不会用”的尴尬处境，IT行业技术更新换代迅速的特性，与学校计算机教学滞后的现状，形成了强烈的反差。本文通过对网页设计行业岗位人才要求的调研，明确专业相对应的相关行业或企业相关产业发展现状的社会需求，并充分地了解行业人才需求与网页设计人才培养之间的关系，明确专业服务面向；对我校新的网页设计人才培养方案的制定有重要参考意义，为网页设计专业的理论和实践教学方式、方法以及实训基地的建设提供指导建议。以提高高职网页设计专业人才培养质量。

一、行业岗位分析

根据对沈阳、大连地区IT行业的发展现状与趋势、人才需求状况、企业调研等方面调查分析，可以将网页设计岗位分为网页设计、网页制作、网站编辑、网站管理四大岗位群。分析各岗位群实际工作需求，网页设计主要是网站开发前期界面的平面图设计，它是一种审美活动，要求设计师具备较强的审美能力和美工功底以及图像处理工具的使用能力。网页制作主要根据页面效果图利用网页制作工具实现效果图向网页的映射。一款功能强大、使用简单的软件往往可以起到事半功倍的效果，这就要求设计师具备网页制作的相关技能。网页制作方式有两种：“表格+切片”、基于Web标准的制作方式；后者是主流的网页制作技术。网站编辑主要负责网站内容的维护和管理，要求网站编辑人员具备文字编辑、网页基础知识及计算机操作能力。网站管理主要负责网站的日常维护、网站的改版等工作，要求网站管理人员具备较高的网页制作经验和管理能力。

二、调研的方法及内容

为了充分地了解IT行业对网页设计各岗位需求与高职人才培养之间的关系，与用人单位实现“零距离”对接，有针对性、实践性、先进性，从微观上、宏观上把握行业岗位用人单位的人才需求，本调研采用二类调研人群，从不同的角度看行业，看专业，分析人才培养。

（一）实习学生对用人单位的调研

10级网页设计专业148名学生实习期间，采用调查报告的形式，对他们所在实习单位进行调研，学生返校先行通过答辩汇报的形式之后再收集、整理和分析。本项调研包括三个方面：

1.实习单位情况。实习岗位与自己专业对口分析，包括岗位和专业知识、技能及素质要求等。

2.在校学习与企业实际岗位要求差距。包括自己所能胜任岗位分析、同事和领导对自己及学校的总体评价分析。

3.与同类学校毕业生比较的优劣势分析。

（二）专业教师对行业的调研

专业教师深入到辽宁地区IT企业，对从事网页设计各岗位进行调查分析，本项调研主要是调研人员通过走访、问卷调查、个别访谈、电话访谈、座谈会、查阅文献等方式，对生产型企业、服务型企业、政府机构与公共服务单位、网络产品生产企业和网络服务型企业五种类别的企事业单位进行调研，询问不同的企事业单位对网页设计人才、岗位技能的需求情况，从他们的角度来审视专业培养的要求或发现存在的问题。

三、行业岗位要求与我校人才培养对比分析

我校传统网页专业的人才培养目标是培养网页设计、制作和网站组建专业人才、掌握扎实网页设计基础和网站组建实践技能、能胜任网站组建、网站规划、网页设计等专业技术工作的德、智、体全面发展的高等技术应用型人才。从行业岗位调研的结果来看，网页设计人才的培养已面临着新形势的挑战，表现在市场对人才的需求从单一网页素材制作、静态网页设计向动态网站建设与维护技能全面性掌握转变等诸多方面。市场对人才的需求的不确定性很大，变化也很快，同时，我校实验实习环节薄弱、特别是教材与现实的严重脱节和滞后等问题都极大地制约了网页设计专业的建设和发展。

从毕业生总体就业情况看，虽然市场网页设计岗位人员需求很大，但实际学生的就业和工作并不如人意，尤其是真正从事到网站建设与维护工作中，发现所学知识的不够，究其原因很大程度上与培养目标的不清晰，岗位职业技能分析不细致有关。目标的不明确的原因也是多样的，一是对人才需求规格的把握程度低，市场调查不深入、不扎实；二是网站建设与维护发展过程中的计算机知识不断更新等诸多不确定因素；三是目标制定的随意性较大。目前的网页设计人才培养强于书本而弱于实务，缺乏必要的案例教学和实务操作能力的培养，尤其是实验、实训、实习环节的安排。实践教学基本停留在模拟阶段，不能与现实中的企业应用相结合，即便是在学校实验室可以进行基础训练的网页设计、网站建设等内容，由于课时，实验条件等原因，学生掌握的程度也不是很扎实。传统网络专业网页设计人才的培养这方面的局限性明显的表现出来，已经不能适应当前社会需求。

四、构建网页设计综合型培养模式

（一）明确人才培养目标

本专业培养适应社会与区域经济发展需要，德、智、体、美全面发展，熟悉网站的配色及制作流程，掌握网站设计与策划、网站的安全与服务器配置以及网站的搜索引擎优化技术；掌握动态网站编程技术，具有独立制作整站系统的能力，在企事业单位、网络公司、广告公司等IT行业从事网页设计、网站美工、各类网站的开发与维护等工作的网页设计师、高级技师和高级网站程序员。

（二）网页设计人才培养框架

根据人才培养目标，构建符合行业需求、突出职业能力的人才培养框架，网页设计人才的职业能力是由岗位能力要求、能力目标定位、职业技能体系和职业素养体系四个部分组成。以对学生素质教育和职业能力培养为主线，结合网页设计岗位群，构建我院网页设计人才培养体系，如图1所示。

（三）网页设计人才职业技能体系

1.分阶段网页设计知识技能体系

构建网页设计人才的知识技能体系，结合行业对网页设计毕业生的要求，建立以下三个培养阶段：初级网页设计师、中级网页设计师和高级网页设计师。各阶段需掌握的能力目标和知识目标见表1所示。

2.分阶段网页设计实践技能体系

实践技能体系分为校内实训和校外实践两个环节，建立网页设计人才核心课程的课程标准，实现理实一体化，以企业真实的项目为校内实训的训练目标，强化网页设计、美工、动画设计能力。在校内实训中注重与校外真实职业岗位的衔接。注重网页设计实际操作技能和职业素养，为校外实践做准备。

通过传统网页设计人才培养与行业人才需求对比研究，构建符合社会需要的综合型网络设计人才培养模式。注重本专业学生的创业能力培养和创业意识教育，通过职业技能体系的实施，使该专业学生毕业后能够很快适应市场需求，实现校企零距离。

参考文献：

[1]凌云.高职计算机专业教学引入项目教学法的实践[J].职业技术教育，2007，11.

[2]周林妹.基于项目学习模式的网页设计课程教学方法探讨[J].湖南医科大学学报：社会科学版，2009，11（3）：251-253.

[3]林粤江.基于Web标准的网站设计[J].软件导刊，2007，4.