网页制作与设计范文

引言：寻求写作上的突破？我们特意为您精选了12篇网页制作与设计范文，希望这些范文能够成为您写作时的参考，帮助您的文章更加丰富和深入。

篇1

二、考核方案

1.考核方案的制定

本考核采取学生小组合作（每组2-3名学生）完成一个规定主题网站项目的方式展开。总成绩由操作考核成绩、项目报告成绩两部分组成，权重分别为70％、30％，每一项按百分制评分后依权重比例计入总成绩，总成绩不及格者必须重修本课程并重新参加考试。因本校的现有学期总评成绩是由平时成绩30%、期中成绩30%、期末成绩40%组成，为了与学校的评分要求接轨，将本次考试所得的总成绩作为学校学期总评成绩的期末成绩部分。并在此说明平时成绩30%部分是由学生本学期的课程作业完成情况、出勤及上课表现综合评定。本考核方案中的操作考核、项目报告都有具体的考核方案，其中操作考核实施的具体要求以试卷形式展现，内容要求以表“操作考核内容”为中心，以考核学生综合网站制作能力为基本思路，通过小组合作完成主题网站的设计与制作，具体要求在此省略。此外要求学生撰写项目报告不仅让学生明确各自的份内工作，同时要求学生善于思考、总结，每做一个项目都有所收获。项目报告实施的具体要求涉及以下几个方面的内容：

（1）项目实施过程。项目实施过程包括前期策划、资料搜集、网页制作。在前期策划阶段，要求小组共同确定网站名称、网站风格（列举网页采用主要色彩及网页色调定位）、网站栏目、站点目录结构的内容以形成完整的网站规划，在此规划的指导下进行资料搜集、协作完成网页制作。其中网页制作中要求页面美工设计阶段介绍所用软件及提供至少首页效果图截图；静态页面制作阶段要求绘制网页布局的结构图及标注尺寸；程序开发阶段列举所用的开发工具、对数据库、表进行截图，以及绘制程序开发页面流程图。

（2）项目总结。对本项目完成情况进行分析、总结，并介绍项目实施过程中的收获及体会。在作品展示时要求各小组派出代表对作品进行介绍，总结，便于相互交流经验。

（3）项目组介绍。对该项目组成员进行介绍及项目实施过程中的人员分工情况进行报告。体现小组合作开发项目的工作模式，让学生明白实际工作中不仅需要具备较高的技术能力，还要有合作意识，与合作者之间有效、和谐的沟通。

篇2

中图分类号：TP393.092-4

准备建设的专题学习网站是基于网络资源的数字化学习平台，利用网络技术，创设主动学习情境，让学生在开放、互动的平台上去寻求《网页制作》专题资源，激发学生学习兴趣，让学生主动思考、主动探索、主动学习，实现高效课堂。让学生在建设网站的过程中，学习掌握提高《网页制作》的技能，体现“学中做，做中学”的教学理念。

《网页制作》是开设一学期的课程，主要内容包括网页的基础知识、网页布局和色彩搭配、HTML语言、JavaScript脚本语言、Dreamweaver软件使用、CSS层叠样式表、AJAX技术、jQuery技术、网站的创建与管理。还涉及到使用Photoshop软件对网页图像进行处理、使用Flash软件制作网页动画等其他相关课程。

在实际的教学过程中，往往需要使用大量的素材和学习视频教程。这些学习资源怎样能够方便快捷的分发到学生的计算机上，成为需要解决的问题。如果机房的计算机是通过网线连成小型局域网的，就可以先把工作页、资料包等学习资源先存储到一台学生机上，再利用windows自带的文件夹共享功能，将其共享，便于其他学生从这台计算机上下载资源。文件夹共享实现过程如下：

鼠标右击文件夹，在弹出的快捷菜单中，选“共享和安全”，选中在网络上共享这个文件夹。这时，其他用户就可以通过网络访问这个文件夹，下载其中的学习资源。

这样利用文件夹共享的方法实现资源下载，优点是操作简便。缺点是机房的计算机一般都带有C盘还原功能，往往一次共享完成后，下一次重新启动计算机后，还需要再次设置文件夹共享，十分麻烦。专题学习网站就可以实现简单的文件夹共享达不到的效果，可以使素材和教学资源分类存储在服务器上，以清晰明了的操作界面，便于学生在线学习和下载相应的网页制作素材。

1 《网页制作》专题学习网站的作用

专题学习网站为中等职业学校计算机专业学生《网页制作》课程的学习提供优质的数字化学习资源，为学生提供制作网页所需的丰富资源，搭建展示学生作品成果的平台。通过专题学习网站创设学生自主学习的情境，引导、激发学生学习《网页制作》课程的积极性，建立高效课堂，让学生更好的掌握网页制作的技能。

（1）研究中职学生特点，动手实践能力相对于理论知识学习能力强。

（2）分析《网页制作》课程，涉及内容广、技术多，实践性和技能性强。

（3）设计开发专题学习网站，探索基于专题学习网站的《网页制作》课程的教学模式。

给《网页制作》课程的教学提供教学资源，辅助学生进行自主学习。在课外时间里，对于学生的学习给予支持，帮助学生学习在课堂上没有完全掌握的知识。提供学生展示作品的平台，学生和老师在这里可以对学生的作品进行一系列的评价。提供一个在课外进行师生交流或生生交流的平台，学生可以在这里提问、交流学习心得等。

2 《网页制作》专题学习网站的设计

首先网站需要教学资源模块来进行教学的辅助，教学资源模块既能辅助课堂教学，也可以指导学生进行自主学习。其次作品展示模块，学生需要一个作品展示模块，首先通过展示学生自己的作品能够激发学生自己的兴趣，第二展示作品模块有助于学生进行自评互评。第三，讨论模块，既要有以班级为单位的讨论小组，也要有全校师生都能进行参与的大型讨论平台，使学生在学习中出现问题时，能够自主的进行讨论学习。

在建站之初，为网站以后继续完善（例如：开发手机客户端等），需要考虑给学生划定一块空间，让学生自己上传自己的网站作品。自己维护自己的网站，将网站交给学生自己运营。让学生发出自己的声音。

为了把建立网站的过程和学生的《网页制作》的学习过程相结合。主要是教学资源的共建共享，在课堂使用该网站的教学资源进行辅助教学，结合工作过程系统化的课程开发，结合工作页的素材的使用。通过上传网站网页给学生一个展示自己作品的机会。

可以让每一个班级在校园网上建立自己的班级网页，将校报办到网上去，网页上建立与中职学生相关的栏目，例如：求职、招聘信息等。组织学生自己定期更新常用工具软件的版本，交流专业课的学习体会。利用所学知识解决实际问题，活学活用，学生在使用专题学习网站中遇到了问题，通过小组讨论去寻找答案。将工作过程系统化课程学习情境实施的六个步骤：资讯、计划、决策、实施、检查、评价，充分运用到教学实践当中。达到学生越学越爱学，越学越想学的自主学习状态，真正实现专业课教学是以学生为主体，教师起到陪伴学生自主学习的作用。

3 《网页制作》专题学习网站的实现

网站开发中，数据库技术主要用来支持实现协作学习平台、专题研讨等动态网页部分数据的存取。常用的数据库有ACCESS、SQL Server、My SQL等。图像处理技术主要用来设计、生成网页背景图片，使网页更加美观，有利于创设“真实”的学习情境。常用的图像处理软件有Photoshop、Fireworks。

运用静态网页制作技术、动态网页制作技术、数据库技术、三层结构技术进行网站开发，编码实现网站的建设制作过程。《网页制作》专题学习网站的测试、评价和完善，专题学习网站建成完成后，依照专题学习网站各个功能模块的功能，在应用专题学习网站教学的过程中不断纠正和完善，通过问卷调查专题学习网站的应用效果，更全面的了解基于专题学习网站的教学模式的有效性。

通过校园网试运行《网页制作》专题学习网站，邀请网站设计与制作专家和学生使用专题学习网站，根据反馈意见，对网站进行修改和完善。

4 结束语

专题学习网站不仅为学生提供了丰富的专题学习资源，还为学生提供了功能强大的协作平台和专题研讨区，为学习者开展协作学习、交流和探讨相关问题、展示自己的学习成果提供了良好的舞台。利用专题学习网站进行课程教学，培养了学生自主学习、协作学习等综合能力，形成了一种崭新的数字化学习方式。

专题学习网站的资源要丰富，提供必要的演示视频录像，能够给学习者以足够的资源进行探究式的学习。教师博客、微博是教学的辅助平台.用以促进教学的交流。通过博客、微博叙事式的记录可以更好地了解教师的教学思想、研究成果和兴趣爱好.也可以进行教师之间的教学交流。学生可以发表自己的见解和想法。特别是作品创意，供其他同学学习和参考，以达到共同进步的目的。

运用教学设计思想对《网页制作》专题学习网站进行设计，主要包括需求分析与功能定位，中职学生特征分析，专题内容的选择，信息资源的选择与设计，自主学习的设计，学习评价系统的设计，学习情境创设等内容。通过专题学习网站创设学生自主学习的情境，引导、激发学生学习《网页制作》课程的积极性，建立高效课堂，让学生更好的掌握网页制作的技能。

参考文献：

[1]郝中超，金薇.Web3.0环境下运用专题学习网站实现学习资源共享建设的思考――运用专题学习网站实现学习资源共享的应用现状调查分析[J].中国教育信息化，2013（01）.

篇3

近年来为使学生能够尽快满足用人单位的需求，高职院校与相关的行业企业在专业建设、实习实训基地建设、学生顶岗实习等诸多方面都进行了深度广泛的合作。校企合作积累的人才培养的经验来看，用人单位更看重的是学生的个人素质和主动参与学习的能力，进而希望学校对所授课程的教学手段的运用应更加灵活。本文力求对现有的课堂教学手段和模式进行整合和改良，进一步优化教学效率，以使每一个学生的个性化教学需求得到最大的满足，从而更有效地帮助学生理解和运用各种知识和技能，从而提高学生主动学习的能力和个人的综合素质。

1、现有的课堂教学模式调查分析

通过设计调查问卷的方式对我校2010级艺术类专业的学生做了关于《网页制作》课程的课堂教学的调查，调查结果如下：

“在课堂学习过程中你最喜欢的环节是”，60%的学生选择“完成了做业的成就感”，40%的同学选择“老师精彩的课堂导入”；

“在课堂学习过程中最吸引你的环节是”，60%的学生选择“教师准备充分，讲解到位，学习起来省时省力”，40%的同学则认同“在课堂上体验到成就感和幸福感，感到学习的快乐”；

“每次的作业评价对你的吸引力”，95%的学生选择“可以持续激励我学习该课程”；

“你认为该课程考核模式最好是”，95%的学生选择“积累每节课的分数，期末合计”；

“你希望课堂学习过程中教师应该是”，60%的学生选择“控制课堂气氛，调节学生情绪。”40%的学生选择“随时提供帮助，解决问题。”

“你可能逃课的最主要原因”，80%的学生选择“老师不点名，不影响成绩”，20%的学生选择“课程无聊”；

“你喜欢教师以小组为单位进行教学活动吗”50%的学生选择“不喜欢”，50%的学生选择“一般”；

“你希望学习成绩优秀的最好的奖励方式应该是”，70%的学生选择“组织参加有意义的活动，从中体验成功”，30%的学生选择“本专业公示名单，发奖品”。

从调查反馈结果中可以发现，目前通用的教学手段能够满足学生的需求，传统的教学模式虽然还是能够被学生接受，如学习小组创建，教与学顺序确定等。但在满足个性化差异方面，课堂教学活动的执行存在较大不足。目前的学生由于生活背景、成长的社会环境的影响，普遍个性较强，因此学生对组件学习小组的学习方式不再积极，尤其是学习小组成员构成以及成员之间分工不明确，小组在完成项目时缺少有效的监控时，学习层次好的学生会有不满情绪。另外几乎所有调查的学生对课堂气氛、自身的学习情绪有了更高的要求，对学习该课程的成就感、成功感有一定要求，因此如果教师不能根据学生的情况来灵活控制课堂的教学活动，就会导致教师的教学方法和学生的学习方法如果不能很好的配合，学习效果不够理想。这将影响学生的学习积极性，大幅降低教与学的效率。

2、教学活动设计

网页设计课程是一门应用性很强的技能课。同时网页制作技术发展较快，教学内容涵盖网页制作的主流技术，并适当对前沿热点问题技术进行介绍，针对不同内容，应采取相应的讲授方法，以获得最佳的教学效果。在实际教学过程中，每一个学生往往会有不同的知识背景、性格差异，从而会有不同的学习目的、学习速度、对知识的掌握程度、学习和考试的结果等等。所有这些实际需求决定了课堂教学活动的设计和实施。教师需加强对课堂节奏的把握和管理，在明确教学目标的前提下，首先应熟练驾驭所授内容，从而有针对性地为不同的教学内容设计不同的教学活动。

2.1 加强课堂纪律管理

学生课堂纪律的好坏与教学活动能否顺利实施密切相关，因此良好的课堂纪律是上好一堂课的前提和重要保障。目前高职学生普遍具有自我约束力不强的特点，主要表现在上课无故迟到、早退，在课上睡觉，并偷偷的上网游戏等等。我们做的调查结果也表明，大多数学生迟到早退甚至旷课的原因是认为老师不管，不影响成绩。笔者通过教学实践证明，在课上一定要严格要求，首先要明确地告之本门课对考勤及课堂纪律的明确要求以及相应的奖惩措施。并要以身示范，要求学生做到的，自己首先做到，标准制定后必须严格执行。当然对于经常容易违反纪律的同学，在看到他的一点小进步的时候，要注意肯定，多加赞许和激励，效果不错。

2.2 温故而知新方式导入新内容

《网页制作》课程的教学过程中的导入环节的形式是多种多样的。选择合适的课堂导入能够自然而流畅的实现新旧知识的过渡，优化学生的学习效果。至于选择何种导入方式很大程度取决于课程的排课时间和教师对学生和所授内容的把握。通常我校的《网页制作》课程一周讲授一次，一次4个学时即上午四节课的时间。如此时间周期的间隔上课，如何能让学生有效梳理已讲的知识，从而能为学习新的内容做好铺垫。在教学实践中， 我们经常有这样的经历， 在复习的过程中时，有时会在不经意间对已经很熟悉的内容产生新的理解，新的想法。由此，我在教学中将我国古代伟大教育家孔子提出“温故而知新”的学习方法转变为“温故而知新”教学法，收到了很好的效果。首先增加学生的复习次数，便于知识的掌握；其次对学生暴露出的问题，能及时给予纠正；还能祈祷活跃课堂气氛，调动学生的积极性，使学生迅速掌握新知识的作用。

2.3 小技能竞赛巩固重点与难点

《网页制作》课程内容广泛，不乏很多重点知识、难点问题，更有一些是当前制作网页的主流技术需要学生去熟练掌握，并加以灵活运用。那么怎样调动学生动手实践的积极性呢？一次课上，我突然冒出了一个想法，来一次小技能竞赛。规定一分钟时间，做一个带颜色的细线表格。按要求第一个完成任务者可免做本次课后作业。我话音刚落，全班顿时鸦雀无声，各自在电脑前埋头苦干，以前上课不认真听讲、玩游戏的同学，有的在认真翻看教材寻找相关内容，有的紧盯着旁边同学操作，这一次技能小竞赛收到了出乎意料的效果。看来偶尔在课堂上搞一次诸如此类的小技能竞赛，既不占用课堂时间，反而对调动学生课堂学习的积极性起到了促进作用。通常按要求又快又好完成任务的必然是对知识掌握程度很好的学生，对课后作业即便是老师不作要求也能完成。笔者通过课堂实践，发现这个教学活动反而对那些学习目的不明确，课堂学习任务完不成、主动学习能力弱的学生的促进作用更大，同时也能有效地巩固难点知识与重点要掌握的技能。

2.4 讲评每次作业激励学习热情

一种合理的评价反馈机制，有利于刺激学生的学习积极性。通过前面的调查问卷也发现，学生性格的差异影响着学习情绪的因素有很多，但绝大部分学生都需要对学习的成就感、学习的自信和自尊的渴求。有些学生会因得到认可而受鼓舞，也有些学生则会因鼓舞而去不断接受新的挑战。学生的层次不同，接受能力也不同，这是当前教师所面临的客观事实。那么如何掌握教学进度并照顾到所有学生的学习要求，让所有的学生在课程的学习过程中都有成功的体验。由此，我在学生的独立完成作业环节中打破以往的做法即提供两个有难易差别的题目，而是一个题目同时提出四到五个完成该作业的要求，使学生能够根据自身能力和兴趣去完成题目。不同学习能力的学生都会将自己已掌握的知识技能发挥出来，在这个过程中，教师要及时跟进作业讲评，对完成的每一个要求都积极赞扬，这样学生会不断获得成就感，更大的激发他们的学习热情。目前大多数课程由于课时限制，平时的作业练习很少有时间在课上做有效的反馈，不利于刺激学生的学习积极性。调查之中我们也发现课堂上，学生非常希望能得到老师的表扬和鼓励，这就要求我们老师，要多给学生学习成果上的关注，多关注学生的情感体验。

2.5 阶段性总结学习状态巩固学习成果

调查结果显示学生其实非常看重教师对自己的评价，当他们得到认可时，就觉得自己有进步，兴奋之情溢于言表，学习情绪渐入佳境，因而增强学习的内部动力，这就达到了我们通常所说的变“要我学为我要学”的教学的内涵。高职学生或多或少都存在懈怠懒散的毛病，加之年龄偏小，有的还没脱离初中、高中的课堂管理模式，因此在教学进程中放任自流会造成跟上队伍的学生越来越少，以至于期末节课考试时才发现对该课程的掌握非常不系统，知识点技能点相对零散。因此笔者的做法是每四周做一次阶段性地学结，分别从课堂纪律、作业完成情况、学习态度方面做信息反馈，表扬优秀学生，鞭策落后学生。这就好比我们教师在实施教学活动过程中，要时不时地拽一拽手中的风筝（学生）线，让风筝知道教师一直在关注他，关注他的学习状况。否则一些自我管理能力差的学生会认为老师从来没注意到我，我先放松一下。教学实践表明，阶段性总结学习状态能营造一种开放、积极的学习氛围是调动学生持续性主动学习的最有效方法，能有效地巩固学习成果。教师要在阶段性总结中多发现可以肯定的东西，正确的加以赞赏， 让他看到自己的成绩， 以利再学。

3、结语

面对二十一世纪的学习对象，学生可以非常便捷地在网络上获取到大量的学习资源，如何最大程度地满足个性化的学习需求是任课教师不得不面对的挑战之一。有鉴于此，本文对如何满足差异化学习需求的教学活动及其执行过程中的有效控制给出了一些方式，实践证明及调查结果表明在一定程度上满足了不同学生的实际需求，让学生在学习过程中获得成就感和满足感。当然，我们的研究工作还存在一些不足。例如还需要对网页制作相关技术的有效教学进行持续研究，以充实的内容吸引学生，而且要在教学方法上不断进行革新，如何利用活跃的课堂氛围感染学生，来帮助教师高效地完成知识的传授将作为今后研究的一个主要课题。

参考文献

[1] Lipeng Wen，Chris Jesshope. A General Learning Management System Based on Schema-Driven Methodology[A]；Proceedings of the 4th IEEE International Conference on Advanced Learning Technologies[C].Joensuu， Finland， 2004.633-635.

篇4

【中图分类号】 G 【文献标识码】 A

【文章编号】0450-9889（2015）03B-0121-02

网页制作与设计课程是学生进入软件工作室学习的前导课程。为了让中职学生更好地学习，广西梧州商贸学校以电子商务创业园为平台，将网页制作与设计课程中的职业能力培养作为培养的主线，将典型工作融入课程，解决了学生就业层次低、就业难度大等问题，鼓励学生的创业热情，提高了学生的实践能力，为中职的创新教学提供了源源不断的改革动力。

一、当前网页制作与设计课程教学活动中存在的问题

（一）中职生学习存在的问题。当前，中职大规模扩招，使得中职生生源总体质量下降，素质参差不齐，学习质量呈现下降趋势。中职生学习存在的问题主要体现在以下两方面：

第一，学习积极性差。在上理论课时，一些学生不愿听枯燥的理论知识，不愿做教师布置的上机作业，而是玩游戏、玩手机，导致对专业知识的掌握不牢，不能有效地将专业知识迁移到实际工作岗位中。

第二，动手能力差。在上实践课时，一些学生面对给出具体操作步骤的任务不屑动手，认为过于简单，而对于没有给出操作步骤的任务又觉得太难而手足无措，高不成低不就的现象普遍，导致无法构建属于自己的知识体系，到了实际工作岗位上便无所适从，无法将所学的知识与实际联系起来，不具备解决问题的能力。

（二）教师教学存在的问题。电子商务和计算机应用专业的网页制作与设计是实践性很强的学科，目前主要有传统教学与校外顶岗实习两种教学方式，教师教学中存在的问题可从这两方面进行分析。

第一，传统教学存在的问题。一是教学内容落后，不适应社会应用实际的变化。当前全国各地相继开展了网页设计与制作教学内容的改革，但是在实际教学中，中职教师的教学思维并没有适应社会应用的变化，教学内容远远滞后于当前应用要求。网页设计中要求美化、策划，还有后期运营中可维护，这就需要教师不断融合网站的运营推广、优化、美化、营销策划等方面的知识与实际应用技能；在网页制作与设计过程中，融合管理以及市场的创新，从而培养复合型服务人才。二是教学方法存在单一性。中职教育具有实践性的特征，但是当前网页制作与设计课程教学缺乏职业教育的特征，忽略了职业情境的创建，学生在实施、设计、计划、分析中不能得到教师对疑惑的解答。在多种教学方式下，要实现教学效果快速提高，需要从思想上实现根本转变，运用这些先进的教学方式，结合当前高科技、高速度、超大信息、多元化的时代特点，不断进行课程教学改革，改变单一化教学方式。三是考评方式不够开放，而是形式化地完成。学生的考评主要涉及日常的教学考勤和完成网站的结果，不能显示出学生学习效果的提高。在这种封闭的考评方式中，学生改进的方法、存在的问题不能在教师和学生之间形成互动，降低了学习的效果。

第二，校外顶岗实习存在的问题。在顶岗实习中，一方面，学生真正上手操作的机会比较少，加之愿意接受学生实习的企业不多，并且由于大部分学生分散在不同企业，因而管理和考核难度加大；另一方面，学校与实习企业沟通不够，合作力度不深入，也不够合理，尚未形成学生、企业、学校三者共赢的局面。

二、电子商务创业园的教学模式

以电子商务创业园为平台推动网页制作与设计课程教学改进是一种尝试。该教学模式以电子商务创业园为平台，采用项目辅导、专题讨论、技术讲座等形式，促进学生在真刀真枪的项目开发中学习相关知识，从而提高学生的职业能力。“以职业活动的工作过程”是从“以知识的逻辑线索为依据”转变而来的，并且学习的资料基本上是实际工作流程和职业岗位活动，以此来安排课程顺序和内容。

具体来说，以电子商务创业园为平台推动网页制作与设计课程教学改进是将电子商务创业园平台中的企业项目作为实例，教师结合项目流程化进行重点模块教学，学生在教师的引导下开展实践性学习。为了将完成项目任务作为实际教学活动的中心，需要遵守“项目导入、任务驱动”的教学法，教师对学生进行启发、引导，让学生通过参与项目任务的网页制作与设计，亲自体验网站的开发、维护、管理这一完整流程，并在学习中激发自主学习的动力，不断提出问题，同时发现新问题，从而改变传统教学模式中教师和学生的角色，实现以学生为中心的教学。

三、以电子商务创业园为平台推动网页制作与设计课程教学改进

首先，以电子商务创业园为平台推动网页制作与设计课程的教学改进中，主要以“项目导入、任务驱动”教学法为研究方法。因为以电子商务创业园为平台推动网页制作与设计课程教学改进的模式是一种新型的教学模式，还没有现成的案例，需要我们在实际工作中研究与实践才可能推广。其次，中职教育的教学管理中，应注意分层管理，注重个性差异和个别教育，加强学生间的凝聚力，提高学生学习的积极性。落实“总项目―子项目”模式的分层管理，一方面让项目组成员分头开展研究，另一方面由项目负责人进行总协调。同时，项目将成立例会制度，目的是强化制度体制，规范行政管理，提高工作效率。最终在校企合作的推动下，一起展开项目研究。

教学改进方案具体如下：

（一）确定项目组人员和教学改进方案。首先，确定教学改进方案的依据。一方面要在网页制作与设计课程投入人力和财力的基础上，对编制问卷调查中的通用步骤进行参考，还要对研究成果以及检索资料进行借鉴，从而得到网页制作与设计课程中的岗位及能力方面的要求的基础数据。其次，教学改进方案的设计要设立审批、经费投入等管理制度，将设立审批下放到电子商务创业园中，明确学校分类管理，加大对在电子商务创业园形成过程中出现的违法行为的打击力度，对责任人严肃追究责任。再次，在教育制度改革的同时，要深化课程教学改革，实施德育综合改革，构建网页制作与设计课程的德育课程体系，把德育目标融入学科的课程中，实现全科育人，并深入开展法治教育，强化知识课程教学。然后组织相关教师研讨，编写讲义，确定教材，落实与课程培养中的各种能力相关的设备以及资金。最后，在学生综合素质评价中，要明确以学生品德养成、身心健康、学习能力为主要评价内容，坚持常态化实施，如实记录学生在创业成长过程中的突出表现，并以事实材料为佐证，切实做到有据可查。同时加强公开公示工作，用于招生使用的活动记录和事实材料必须进行公示，相关负责人须审核签字。

（二）开展实地考察并签订企业开发合同。对电子商务创业园合作的企业如广东中山市蓝狐品牌策划有限公司进行实地考察，根据考察情况形成初步的教学改进方案，并组织专家论证，与企业签订开发合同。企业和学校要在专业设置、师资队伍建设、实践教学、实训基地建设以及现代职业教育体系构建等方面形成良好的合作基础，开展针对性的对口共建活动，使学校在专业建设、师资素质和实践教学水平等方面得到提升。企业和学校协调配合、各司其职，以电子商务创业园为平台实现对网页制作与设计课程的带动作用。

（三）教学改进的实施。开展以“项目导入、任务驱动”教学法的网页制作与设计课程教学改进的同时组织开展优秀作品展评比竞赛活动，进一步加强学生技能的培养和全面提高学生的综合素质。鼓励学生参与电子商务创业园平台相关的活动，鼓励学生建立、开发工作室，可由教师牵头，组织学生参与，引入企业项目。在企业项目实施的过程中，学生可以了解、熟悉整个工艺流程、不同知识的用途以及操作过程中的注意事项。校企联合实践教学，让学生将理论和实践进行对接，使学生对所学专业有更深层次的认识，更加明白课堂教学的意义，激发学生学习专业的热情，这对于学科建设和学科发展具有积极的推动意义；同时，引导学生树立“学会认知，学会做事，学会共同生活，学会生存”的意识，使学生在创业时“走得出”，“站得住”，“干得好”。除此之外，在教学改进实施过程中，还应注意维护学生的权益。校企合作中涉及的实习生人数多，学生容易被企业当作“廉价劳动力”使用。保障政策的重点包括企事业单位不得向实习生收取实习费；不得安排实习生从事与所学专业无关的实习岗位；学生顶岗实习给企业带来效益的，企业应向学生发放实习津贴。

（四）完善项目。依照项目开发结果来完善教学改进方案，主要是硬件设施，从而逐步建立电子商务创业园平台带动下的网页制作与设计课程规律性体系，形成网页制作与设计课程的能力考核评价标准。按“理论教学项目化，实训环境真实化，素质培养职业化”的要求，开展实训基地建设。在基于工作过程的行动导向教学理论的指导下，以真实的网页制作与设计为蓝本，在企业项目实施中，建成比较完善的“做中学、学中做”教学场所。同时，对实训基地的功能进行综合论证，对原有的师资及企业职工培训、技能竞赛和教产研发服务三种功能的不足进行重点建设，主要针对软硬件投入建设。在项目完善过程中，按不同层次拆分工作内容，开发产教项目，以适合不同年级的教学；教师的教学以生产为主线，生产活动为载体，理论与实训一体。学生通过参与项目的活动，学做融合，实现工与学的对接，创新校企合作的模式，使得调整后的项目、人才规格和专业素质贴近行业、企业的现实要求。

总之，以电子商务创业园为平台推动网页制作与设计课程教学改进，始终将学生作为学习的主体，通过案例教学、任务驱动、项目教学法、小组合作与协作等方法开展教学活动，这对提高学生主动学习和解决问题的能力，提升学生的岗位职业技能，以及提升教师团队的教学水平具有重要的意义。

【参考文献】

[1]王敏.南通市职业学校首批“学生创业园”颁牌仪式暨南通中专创业教育推进会隆重举行[J].江苏科技信息：科技创业，2012（2）

[2]陈小燕，谢强，丁秋林.浅谈项目式教学在《网页设计与制作》中的应用[J].电脑学习，2010（1）

[3]彭学军.以创业为导向的《网页设计与制作》课程教学[J].职教论坛，2010（23）

篇5

前言

互联网技术的推广与发展进程不断加快，对人们的日常生活与工作各方面都产生了重要影响。网页的设计与制作随着网络技术、科技水平的发展受到人们的高度重视，其主要是将网络作为主要载体，将各种信息以更加快捷、方便的形式传达给人们。根据相关数据统计显示，从事网页设计制作的人员达到了300万之多，但在网页设计发展过程中还存在诸多问题，因此应突破网页结构单一、空洞等问题才能将网页的设计与制作水平进一步提升[1]。

1Web标准技术概述

1.1Web标准内涵

Web标准不仅仅作为标准，其主要是对一系列标准进行组合。一般的网页中主要由结构、行为、表现三部分共同组成，并与XML、XHTML相对应，表现对应的标准可以将其成为CSS。1.1.1结构在结构中主要的技术可包含拓展超文本标记语言与可拓展标记语言，在网站王者设计中主要将其应用在网页数据分类以及整合方面。在两个标准中，XML的表现形式为源语言，其主要是让用户字自身的语言进行标记与重新定义，具备较强的数据转换功能。1.1.2行为在Web标准的行为中，主要包含ECMAScript[2]与对象模型。其在网页设计与制作中主要可以应用在交互式的操作网页文档方面。其可以将界面上操作对象实施的交互操作有效实施，利用DOM可对对象有效定义与修改，还可将对象之间存在的各种关系有效处理。1.1.3表现其中最主要的技术便是CSS，通常人们将其成为层叠样式表，在网站网页设计中可应用改在控制浏览器的显示方面，其也是决定网页设计风格的主要因素。

1.2基于Web标准前提下的网页设计流程（略）

2基于Web标准标准的电子商务网页设计与制作流程

在基于Web标准进行电子商务网站网页设计的过程中，主要包含内容分析、结构设计、方案设计三部分。在进行布局设计的过程中，可利用XHTML与CSS对页面进行合理布局，可实现网页布局的目标。在进行设局实际过程中，可利用CSS与美工设计元素互相结合，将设计方法转化为最终的网页。

2.1内容分析

网页设计作为视觉语言的主要表达方式，应进行合理的编排与布局，从而确保网页的布局更加清晰、合理、内容充实。在进行网页版面布局的过程中，应将网页设计的更加醒目，使用户在使用过程中对各项功能一目了然，其他部分的版面设计应与主页的风格保持一致。较为常见的布局模式包括国字型、厂字型等。本文将以汽车用品为主的销售网站作为案例分析，由于汽车商品类型多样[3]，在设计网页过程中，应将商品的导航以及产品展示作为重点。案例中采用的网页布局为框架型布局方式，可将页面分成各种模块。在网页左边为纵向的导航栏，右边则为商品的展示栏。在网页底部呈现了网站的基本信息与商家的联系方式等信息。在网页模板的顶部与底部都会出现在每一个网页的同一位置中。

2.2结构设计策略

在对汽车销售网站进行网页开发过程中，可将其乘坐为模板，将其抽象地分为不同区块，其中包含核心流程业务模块、展示功能模块等。在将模块开发完成后便可投入使用。在用户浏览、操作网页的过程中，程序员可通过后台进行可视化的管理与操作，用户可以将不同的模块进行拖放配置，构建个性化的网页布局设计，方便用户的使用与浏览。用户在操作汽车销售网页过程中，其中的框架作为页面的骨架，决定了页面的整体布局与模块摆放区域。框架通常采用的是HTML文件，其主要为了将页面进行区分，还会在适当的位置对模块进行放置，可用<{widgets}>代码进行表示，方便用户在使用过程中利用可视化编辑将模块进行合理配置。对于板块区来说，其能将汽车销售网站最为个性的地方进行呈现，可利用模块内容将网页的更新实现，在网页页面中的各个模块都有指定的ID，模块的区域能呈现竖向摆放的形式，或呈现多个商品内容。模块为独立形态，可对不同的边框进行切换，从而将呈现样式进行改变。在网页模块的顶部与底部都会出现在各个网页中的同一个位置，对于任何电子商务网站来说，应将网站顶部合理设计，才能拥有功能完善、结构清晰的网站顶部，从而提升网站的效益。

3结语

基于Web标准对电子商务网站网页进行设计与制作，可促进电子商务网站的运作效率，为用户提供巨大的便利，从而促进网站的使用效率与综合收益，还可提升电子商务网站的运行效率与性能。

参考文献

[1]朱淑琴，魏威，张嘉萌.基于Web标准的电子商务网站网页设计与制作[J].计算机与现代化，2012，03：106~109.

篇6

随着计算机和网络信息通信的发展，越来越多的人青睐于上网查找信息，作为上网的桥梁，网页被越来越多的人使用。于是，网页制作就成为了高职院校计算机专业纷纷开设的主干课程，但是怎样提高高职院校学生学习网页设计的效果，就成为了高职计算机教师思考的问题。本文对高职院校《网页设计》课程的教学方法做了一些探讨。

1 高职院校学生特点分析

高等职业教育是培养适应生产、建设、管理、服务第一线需要的高等技术应用性专门人才。高等职业教育区别于普通高等教育，是一种职业教育。教育部明确提出了“以就业为导向”的思路，这就要求高等职业教育的毕业生必需有较强的实际动手能力。所以，高职院校的学生在学习课程上面，应该特别注重实践环节的学习，培养他们很好的动手能力。区别于普通高等学校的学生，高职的学生一般来说具有学习的主动性和自觉性不强的特点，另外学习和掌握知识的能力也往往有别于普通高等学校的学生，如果老师只是一味的讲授一些理论知识，然后让学生自己完成课堂上的操作作业，学生是很少会按时按质量完成的，这样，学生就制作不出高质量的网页。所以，针对高职学生的特点，教师必须采取讲练结合的教学模式，随时督促学生练习所学内容，最好是采取边讲边练的教学模式，这样，学生学起来比较容易一点，才会很好的掌握所学知识。

2 根据教学需要安排教学内容

2.1 根据需要安排课程顺序 网页制作是一门综合性比较强的课程，在制作网页的过程当中，往往还用到其他课程的知识。高职计算机专业的学生在学习网页制作课程之前，最好先安排学习一些其他相关的课程，比如图片处理课程（Photoshop）、动画制作课程（Flash）、色彩搭配课程等。有了这些知识的储备，在做网站的过程中，就可以很容易的制作出适合自己网站风格的素材，使得整个网页看起来更加协调。

2.2 根据需要安排授课方式 由于网页制作是一门实践性非常强的课程，要求学生在学习的过程中有大量的练习。所以，授课应该都放在机房实验室，这样教师就可以很容易的控制学生的学习练习情况。这样，教师在讲授了一定的知识后，就可以让学生同步的对教师刚刚在课堂上讲过的知识进行相关的练习。通过这种方式，学生可以及时的练习教师所讲的内容，对一些没有听明白做不出来效果的知识点，教师还可以随时为学生做出解答，通过课堂上教与学的互动，学生基本可以掌握课堂上所讲的知识，并且完成相关的操作。然后，为了巩固学生对课堂知识的掌握程度，教师可以布置课后作业，通过课上课下的加强练习，学生基本都可以很好的掌握所学知识。

3 把知识点融入到实例当中讲解

3.1 第一节课高度调动学生学习的积极性 课堂上调动学生学习的积极性非常重要。如果教师只是就知识点单独的讲解，学生可能觉得比较乏味，对老师所讲的知识不感兴趣，那么就会在课堂上处于无精打采，昏昏欲睡的状态，课堂效果自然就很差。为了调动学生学习的积极性，教师可以把知识点融入到实例当中讲解。尤其是第一次课非常的重要，如果教师的第一节课不能引人入胜，不能给学生留下很好的印象，那么之后的授课过程往往就会很困难了，学生大多不会服从老师的授课。针对网页制作实践性比较强的课程特点，我们可以这样安排课程进程：第一节课，为了吸引学生的眼球，首先按类别找一些比较好的网页让学生欣赏，比如让学生分别欣赏一些优秀的个人网页、企业网页、Flash网页、国外网页、韩国的一些网页等等。在欣赏这些网页的过程中可以给学生介绍每种网页的特点和结构，重要的是告诉学生如果好好学习，我们也可以做出这种效果的网页，当然，在网页当中我们可以赋予自己的想法，自己的创意，可以完全赋予网页我们自己的灵魂。这样，学生学习这门课的积极性就会提到很高，因为他们都希望可以做出具有自己风格的网页，这种情况下学生就特别期待能够做出点东西来，这时，教师就可以先让学生做一个简单的网页，让他们感受一下做网页的快乐。这就要求教师在备课的时候提前准备一个比较容易做出效果而又有意思的网页，教师操作之后让学生自己完成，学生大多都可以很好的完成这个作品。那么这第一节课就非常的成功了，学生都会带着极大的期待去上这门课。

3.2 实例讲解中蕴含知识点 在安排课程内容上，不能一个知识点，一个工具一个工具单独的讲解，而是要把它们放在实例当中去，让实例成为知识讲解的切入点。我们可以这样安排课程内容，整个讲课过程，从易到难安排几个完整的网页，在完成网页的过程中教会学生知识点，比如：第一个网页完成一个“E—SHOP”购物网站的制作。网站首页采用T字形框架结构，网页的Head采用传统的Logo加Banner样式，下面安排一横幅广告条，把网页的Head与网页主要框架内容分隔开，为了增强网页的活泼性，横幅的广告条可以用学生之前学过的Flash知识制作与网站内容相关的Flas。下面就是网站的主要内容，网页的最下面是网页的Foot。因为是第一个网站，学生刚接触到这些内容，教师要首先把做好的网站给学生看，然后以引导的方式告诉学生这样的网站是怎么规划出来的，为什么这么规划，怎样做出这样的效果来。在学生明白了这些以后，教师就带领学生一起完成这个网站的制作，在网站制作的过程中教会学生知识点。通过第一个网站的制作，学生已经掌握了制作网站的基本知识，接下来教师就可以安排难一点的网站给学生做了。这时，教师不要给出网站具体的内容和框架结构，而是要充分发挥学生学习的主观能动性。教师只要告诉学生所做网站的标题、要求和大致要达到的效果就可以了，然后就这个网站的制作在课堂上进行讨论，通过讨论来确定网站的内容和框架结构，然后和学生一起布局网站，接下来主要由学生制作素材，完成整个网站的制作。比如：可以让学生制作一个学院全国计算机等级考试的网站，网站的页面布局与色彩风格要与学院网站协调，以便于做好以后挂靠到学院网站上。要求：网站要具备注册登录和查询功能；要有相应的模拟试题可以在线或者下载做题；要有留言板，可以讨论计算机等级考试相关的问题；要有在线咨询功能方便考生咨询问题等等。最后学生做出的网站基本上符合要求，质量比较高。通过几个完整网站的制作，学生已经很好的掌握了网页制作的知识。在整个学习过程中，学生都积极参与到其中，活跃了课堂气氛，充分发挥了学生的学习积极性，真正体现了课堂上以学生为主的教学新理念。

4 改革考核方式，变理论考试为创作作品

根据高职院校的教学需要和课程教学特点，课程考核形式要能全面地评价学生的综合素质和技能应用能力。如果还是以传统的理论考试来衡量学生学习的好坏，恐怕很难达到预期的效果。在高职网页课程的考核过程中可采用多种考核方式相互补充的多样化考核方式。这种考核方式更适合网页课程的特点，更加强调学生学习的灵活多样性。在期末考试当中，我们可以大致从两个方面去考核学生，一是考核学生平时成绩，二是期末成绩，对于期末成绩的考核我们可以让学生来完成大作业，把这个作为考核内容。教师给出网站制作的要求，只要内容积极向上，可以不限定题目，不限定题材，让学生按照自己的思维方式去创作一个网站，从选题到框架设计，到制作素材，再到制作网站都由学生自己完成，这样就摆脱了学生按照老师的思路，按照老师规定的框架制作，一改学生被动学习的传统习惯。当然鼓励团队协作，同学们之间可以探讨问题，达到共同进步的目的。经过前面课程的学习，经过自己的思考和同学之间互助互邦，学生做出来的网站质量都比较高，实用性也很强。这种考核方式真正体现了学生的操作能力和运用知识的能力。

5 结束语

在教学过程中，根据不同的教学对象设置不同的教学方法，从学生感兴趣的知识入手，调动学生学习的积极性，变被动学习为主动学习，鼓励学生自己创作，从而提高学生实际操作的能力和解决问题的能力，培养学生成为实用性的人才。

参考文献：

[1]韩陵宜.高职院校《网页制作》课程教学的探讨.电脑知识与技术，2005.

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

篇7

中图分类号：TP393 文献标识码：A 文章编号：1671-7597（2013）21-0104-02

网络运用越来越广泛，熟悉网页设计基本程序，掌握一点网页制作实用技术，对提高网络使用效率非常有帮助。特别是网页制作中的实用技术，也是平时工作和学习的需要，熟悉其技术要领，能够给我们带来更多便利。计算机已经进入寻常人家，网络把整个世界都联系在一起。网络研究也不再是专业技术人员的专利，普遍电脑爱好者掌握相关软件的使用，也是极其平常的事情。网页设计和制作技术普及当然有重要意义。

1 网页设计技术要领

网页设计经历不同发展时期，借助的工具也在不断更新之中。网页设计技术也随之软件更新中不断得到简化，如果不是特别需要，简单网页设计早已变得很容易。

1.1 HTML语言

网页制作要借助一定的工具才能实现。我们最常熟悉的网页，也是大家都会制作的Windows文本网页。这是借助Windows软件工具完成的。可这还不是我们真正需要学习的网页设计，随着人们对网页制作要求的不断提高，制作动态超级链接的网页已经成为人们的普遍需要。

要学习网页设计，首先要了解HTML语言，因为这是网页制作的基础。HTML语言是专业术语，就是指计算机标记语言，通过HTML源代码解读和撰写实现网页设计。随着更多实用性软件的问世，HTML语言对计算机爱好者来说，已经没有那么重要了。大家关注的是网页的实效性，能不能给人以视觉冲击，制作也有更多的简单便捷的软件可供选择。因此，网页设计制作对HTML语言的依赖越来越少，只有在特别需要的时候要用上HTML语言。了解HTML语言是必要的，特别是要写脚本语言程序时，HTML语言就不可或缺。

1.2 版面设计

网页版面设计时，要对版面风格进行定位，对页面文字和图片等内容做统筹考量，不仅要安排有序得当，还要体现整齐美观大方的视觉效果。版面设计其实是一种艺术，而不是一般意义的技术了。网页就是制作者的思想品位素养的直观表达，阅读网页就是对制作者的审视和评价。

版面设计首先要做好主页制作工作。主页就是人的脸面，要体现网页内容风格，就要注意突出什么，要有醒目的文字和图片，而且文字和画面要有自己的特色，一味堆砌当然不会有好效果。一般情况下，有特色的主页要包含这样几个要素：文字、图片、色调和排版方式。几种要素不可或缺，还要注意相互之间的协调和搭配，和谐统一才能体现整体美。

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

网页设计和制作并不神秘，学习网页设计和制作也无需多么高的计算机理论水平，只要掌握网页设计和制作实用技术的操作过程，就可以进行网页设计和制作，并且能够把网页设计和自己的工作学习紧密结合起来，这对工作和学习都有极大帮助。

参考文献

[1]吕何新，陈伟，沈淦. Front Page 2003网页设计与制作[M].高等教育出版社，2005.

[2]许文芝.充分挖掘超链接功能设计制作网页课件[J].中小学电教，2003（02）.

[3]张红玉，王德东.如何在FrontPage2000中插入Flas[J].计算机时代，2001（06）.

[4]陈凤芹. Dream weaver网页设计与制作教学探讨[J].中国教育技术装备，2012（21）.

[5]陈艳，宋顺林，邢桂芬.基于Dream weaver方式的Web站点开发——及其在OA系统中应用[J].计算机应用与软件，2004（09）.

篇8

随着万维网的迅速发展，网页已经成为网络世界进行信息传播的最主要载体，网页设计与制作人才的培养成为当务之急。由于社会和专业的需求，《网页设计与制作》课程广泛受到各大中专学校学生的喜爱，下面就《网页设计与制作》课程的教学与大家进行探讨。

1、课程性质和特点

在中等职业学校，《网页设计与制作》课程是计算机应用技术和计算机网络技术等专业的必修课程。它是一门工具性和实用性都比较强的实践课；不仅涉及计算机图像处理、文字版面处理等相关知识，而且需要对相关课程有一定的基础；是一门集成了多种计算机知识和技术的综合，其本身具有很强的实践性，是网站建设的基础，而网页本身是当今社会网络世界传播信息的最主要的载体，同时网站又是企业向用户和网民提供信息（包括产品和服务）的一种方式、是企业开展电子商务的基础设施和信息平台。

2、课程教学目标

本课程的教学目标是使学生了解HTML语言的语法规则，掌握文本、链接、列表、表格、表单、图像、多媒体、框架元素标志及属性，了解HTML、JavaScript脚本编程语言的基本语法知识，能独立设计小型WEB站点。

3、课程教学内容

根据前面对《网页设计与制作》课程的性质和特点以及课程教学目标分析，在制定教学大纲时，不应该拘泥于某一本或者某几本特定的教材，应着眼于当前网页制作技术发展的现状。网页制作过程中必然涉及到图片的处理、动漫制作等，若能应用好Photoshop和Flash也是网页设计的关键，此部分在我校计算机应用技术和计算机网络技术专业在学业生入学第一学期已经开设《图形图像处理软件Photoshop》、第二学期《图形图像处理软件Photoshop实训》和《二维动画制作Flash》，第三学期开设《二维动画制作Flash实训》和《网页设计与制作》，因此教学内容设计时不再重复这部分内容。另外，Fireworks同样也是作为网页制作的辅助工具，若学生能掌握，对网页的设计开发将起到画龙点睛的作用，因此这部分也安排了相应的学时。

《网页设计与制作》课程体现了网页设计与网页制作是紧密联系的，是完成网页作品流程中的两个阶段，但这两个阶段之间并没有严格的界限，往往是迭代进行的。网页通常都是图文并茂的，对页面的美观有一定的要求。也就是说合格的网页作品，在技术上不仅要符合相关的制作规范，还应考虑页面布局、图片放置、色彩搭配、下载速度等因素，这些因素都与用户体验密切相关。因此，在学生掌握了基本网页制作后，笔者安排了网页设计方面的内容学习，主要包括色彩、图像、布局等。在讲授的过程中，还展示了部分网站（以电子商务网站为主），让学生去分析总结各个网站的特点，使得学生对网页制作的内涵有进一步的理解。

4、选择教材和教学模式

这门课程，仅仅通过在多媒体教室中讲解理论知识、操作步骤和做典型范例是远远不够的。那样，一堂课下来学生只会做教师教的，不会融会变通，学生的创新意识得不到培养。我们只有突破传统的教学模式，才能培养学生自我探索、独立研究能力与自主创新精神。如何突破，并且取得良好的教学效果呢？通过几年的教学探索和总结，笔者认为，可以从以下几个环节来进行把握。

4.1 优选教材

合理安排教学内容一本教材的编排质量如何，会在一定程度上影响学生的学习兴趣和教学效果，特别是针对中职生这样一个特殊群体，我们更应该优选教材。我们应该选用在内容编排上由浅入深、由易到难的教材。

4.2 精心设计网页制作课程的教学模式

掌握一定的理论知识是做好实践的基础和前提。所以老师决不能忽视课堂教学。我校该课程教学采取的是教学做一体化的教学模式，充分体现理论知识与实践操作相结合。教学设计可采用“课堂案例分析――软件功能解析――课堂练习――课后拓展――作品展示”这一思路进行精心编排。课堂教学的案例、课堂实践的案例、独立实验的案例不仅涵盖教材中的实例，还引用了大量企业中的真实案例。

5、教学方法与手段

5.1 教学方法的改进

在教学过程中，根据学校的培养目标和本课程特点，结合多年来实际的教学经验，对教学方法实施了以下几方面的改进。

（1）教师演示制作网页案例，传授本节课所需掌握的知识点为了能激发和调动学生学习的积极性，避免“满堂灌”的传统教学模式，在教学过程中采用案例教学法。根据教学进度和教学要求设计案例并充分备课，讲授并解析与案例相关的理论和技能，分析案例讨论中可能出现的任何问题，而且案例要具有典型性和针对性，从适合学生的接受能力来选择和设计。（2）教与学相结合教学模式。在教师通过案例教授相关理论和操作基础后，要求学生能够按照案例的要求，通过上机及时模仿制作和案例相似的实验，巩固和加强学生掌握的教学中的知识点。

5.2 教学手段的改革

《网页设计与制作》是一门实践性很强而且广泛应用的技术，为了说明网页设计中的原理及其在实际中的应用，实时展示非常重要，因此在网络课程中的授课中接入Internet，随时将讲述的相关知识通过实实在在地网络来说明和解释，这样学生就不觉得枯燥和乏味，使学生明白了学习网页设计的重要性和实用性。

6、考核方式

篇9

关键词：

传统教学；学即能用；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的正规网站，教学效果良好。针对我校提出建立培养服务于地方应用型人才的本科院校，传统的网页设计与制作课程必须响应时代号召，更新教学内容与方法。本文仅供从事该课程教学的教师参考。

篇10

二、《网页设计与制作》课程牵引项目的选择及相应整合的理论知识

就课程本身运用实质来说，工作的项目其实分为网站设计与管理、网页制作、图像与媒体设计与运用、数据库设计与管理、脚本与应用程序的设计与运用。经过市场调研和多年教学实践，我把把课程牵引项目分为八个具体任务：1.图文并茂网页的制作完成该项目的知识包括常见网页设计工具的使用、HTML文档基本结构、文本排版控制标记符、图像插入标记符、特殊字符以及物理显示标记符、css的意义、创建与使用方法。项目技能目标有安装和启动网页制作软件、熟悉网页制作的基本步骤、正确插入文本与特殊字符、正确对文本进行分段分行、正确插入图像、运用css技术控制文字图片样式。2.个人简历网页的制作完成该项目的知识包括有序列表标记符、无序列表标记符、表格标记符、超链接标记符、Css技术对列表的控制方法。项目技能目标有制作有序列表、无序列表、制作混合列表、运用超链接标记符启动电子邮箱链接、运用表格进行简单页面排版、运用css技术设置列表显示方式。3.电子相册制作完成该项目的知识包括网页图像素材的特点与主要类型、Fireworks对图片进行批处理的方法、电子相册排版要点、图像、表格、超链接标记符的相关属性、css技术的滤镜使用方法。项目技能目标有熟悉网页图像素材的特点与类型、掌握Fireworks的基本操作方法、了解并掌握网页图片处理的主要方法、熟知图像、表格、超链接标记符的属性、运用css滤镜技术美化图片效果。4.学习欣赏网站设计与制作完成该项目的知识包括本地网站的创建与、IIS的安装与设置方法、网站的规划与制作流程、框架技术进行网页布局的方法、超链接标记符在框架技术中的作用、锚点链接技术、网站LOGO的制作方法、制作网站flashbanner的方法、多媒体素材网页的制作方法。项目技能目标有：正确创建、设置、本地网站、正确安装、设置与管理IIS、运用框架技术进行网页布局、锚点技术在长版面网页中的应用、运用图像设计软件制作LOGO、运用flash制作具有动态效果的banner、掌握向网页插入动画、视频等多媒体素材的方法、熟悉css控制超链接样式的方法。5.门户网站制作完成该项目的知识包括门户网站的设计、规划与制作流程、网站创建、、维护管理的方法、Div+css布局网页的方法、创建子菜单的方法、Dhtml技术、Dreamweaver的高级应用技术。项目技能目标有熟悉运用div+css技术设计网页、掌握Dreamweaver创建与运用divAp的方法、掌握运用Dreamweaver时间轴功能制作网页漂移元素的方法、掌握Dreamweaver行为面板的使用方法、灵活应用DHTML增加网页特效。6.个人信息网站设计与制作完成该项目的知识包括个人网站的规划方法与制作特点、运用图形制作工具设计绘制网页布局、Fireworks执行切片并导出网页的方法、Dreamweaver布局切片网页的方法、页内框架技术在网页布局中的应用方法、动态导航条的制作方法、css对网页进行样式规范与美化的方法。项目技能目标有了解个人网站的制作方法与特点、设计并绘制网页布局图、应用切片技术设计网页布局结构、运用Dreamweaver优化切片网页、运用页内框架技术实现网站超链接、掌握制作动态导航条的方法、运用css对网页进行样式规范与美化。7.用户注册信息网页制作完成该项目的知识包括表单与表单元素的相关标记符、表单与表单元素的作用、表格布局表单元素、css对表格、表单元素的控制方法、Dreamweaver检验表单行为的应用、以电子邮件方式提交表单的方法。项目技能目标有熟悉表单及表单元素的设置方法、掌握表格布局表单元素的方法、运用css对表格、表单元素进行规范与美化、掌握Dreamweaver验证表单的方法、掌握电子邮件形式提交表单的方法。8.浏览、查找、修改通讯录的网页完成该项目的知识包括动态网页制作与设置、数据库的绑定、表单动作设置、表单元素与数据表的对应、动态表格插入与应用、动态网站的。项目技能目标有熟悉表单及表单元素、掌握动态网页制作与设置方法、运用表单动作设置动态效果、掌握动态表格的插入方法、掌握动态网站要领。

篇11

中等职业学校培养目标是把学生培养成与我国社会主义现代化建设要求相适应，具有综合职业能力，在生产、服务一线工作的高素质劳动者和技能型人才。本文以《网页设计与制作》这门课程为例，浅谈有关这门课程的教学设计。

一、教材分析

我校目前使用的教材是人民邮电出版社出版的《Dreamweaver CS3 网页制作基础教程》。该教材主要采用项目教学法，通过大量精心编排的项目由浅入深、循序渐进地介绍网页制作的基础知识，章末还安排了习题，以帮助学生在课后及时巩固所学内容。

教材中采用的网页制作软件是Dreamweaver CS3。对于初学者来说，Dreamweaver 比较容易入门，具体表现在两个方面：一是静态页面的编排，这和Microsoft等可视化办公软件是类似的；二是交互式网页的制作，利用Dreamweaver可以比较容易地制作出交互式网页，且很容易链接到Access、SQL Sever等数据库。

二、学情分析

我的授课对象是职校计算机专业二年级的学生。

（一）思想观念方面：中专学生一般由基础薄弱、学习态度不端正的弱势群体组成，他们很少得到赏识，缺乏自信。

（二）现有知识水平方面：通过一年级的基础课程和部分专业课的学习，学生对计算机操作有了一定的了解和掌握，但对于学生刚接触一门新开设的专业课程，还是很陌生的，需要由浅入深逐步引导学生入门。

（三）专业能力需求方面：大部分学生毕业以后都直接走向社会的工作岗位，他们更需要坚实的专业能力和职业素养。

三、教学目标

（一）知识与技能：1.能熟练地建立站点，创建和设置文档。2.能在网页中使用图像和媒体，设置超级链接。3.能使用表格、框架和AP Div布局页面。4.能创建表单页面和使用行为。5.能使用库和模板制作网页。6.能使用时间轴制作动画。7.能使用CSS样式控制网页外观。8.能配置动态网站的运行环境。

（二）过程与方法：1.通过课堂教学过程中的观察对比、实践演练等形式，培养学生分析问题和解决问题的能力。2.采用任务驱动的方法，养成主动进行学习的习惯。3.采用项目教学法，培养学生的团队合作精神。

（三）情感态度与价值观：1.通过学生自主解决问题的过程，体会成就感，树立自信心，为自主学习、主动学习奠定基础。2.通过小组协作、任务驱动等形式，渗透团队合作精神及研究探索知识的意识。

四、教学重点难点

重点：学生能够熟练地使用Dreamweaver 这个软件来进行网页设计与制作。

难点：熟悉网站制作流程、分析网页的布局结构、网页色彩的搭配原理。

五、设计思想

（一）项目教学。为培养学生自主学习的能力，让学生成为课堂的主体，本门课程采用了项目教学法。在课堂中，教师只是 起组织、引导的作用。教师先提项目要求，然后学生进行分析、讨论，同时教师可以通过随机点名提问或者举手自荐的方法来总结学生遇到的问题，然后有针对性地进行理论知识和实际操作的讲解。

（二）任务驱动：1.创设情境，引出任务。首先使用与课程相关的动画短片、音乐、视频、图片等素材来创设情境，引出任务，然后提出任务的要求，目的是提供学生动手、动脑、参与的机会，明确任务。2.思考讨论，分析任务。通过思考、分析、讨论和教师的引导下，将任务细分为若干个小层次，逐个解决。这有利于提高学生的分析能力、思考能力。3.实施任务，完成任务。在思考、分析任务后接下来就是任务的实施阶段。在这个阶段，学生作为课堂的主体，通过自主探究、小组讨论等方式来分析问题和解决问题。而教师就扮演组织引导的角色，在课堂中巡回观察、指点学生更好、更快地完成任务。

六、考核方式的设计

《网页设计与制作》是一门实践性强的专业技能课程。为适应该课程培养学生自主学习能力、知识应用能力以及创新性专业人才的目标需要，在教学过程中，教师应重视理论与实践相结合，注重培养学生运用理论进行观察、分析和解决问题的能力。

为了能准确反映出课堂的教学效果，《网页设计与制作》课程主要以“项目考核制”为主，即学生个人独立完成项目作为该课程的一种考核方式。《网页设计与制作》课程的总评成绩应包括平时成绩、实训课成绩、项目考核成绩以及展示作品成绩。

对于一个整体项目，应从以下几方面进行评价：主页面的设计风格、子页面的制作、网页中的链接、页面布局方式以及整体效果。要求整体风格统一且有特色，主页面、子页布局完善且合理，文件夹组织有序、标准，文件命名正确、符合行业标准。评分时，教师应结合平时实训的操作情况以及展示作品时其他学生的评价给出一个综合分数。

总之，教无定法，贵在得法。以项目为载体、以任务为驱动的教学方法对中职学校的学生来说是一种能调动其学习积极性的行之有效的方法，能充分发挥教师的主导作用和学生的能动作用。学生在进行项目设计时，能充分发挥自己的想象，展示自己的设计思路，从而更主动地参与到教学活动中来，促使学生为完成项目而进行多渠道的自主学习，以扩大学生的知识面，实现个性化、层次化和弹性教学，提高学生解决问题和综合应用知识的能力，培养学生的创新意识，实现学生与工作岗位间的零距离接触，为以后走向社会打下了坚实的基础。

参考文献：

篇12

一、引言

大家都知道，目前计算机专业的学生很难就业，究其原因主要是因为学生在校期间只是学习了一些专业理论知识，而在就业时，这些专业知识不能够应用到实际工作中，或者这些专业知识已经过时，不能适应市场的变化，这样就造成了就业难的问题。那么怎样才能解决这一

问题呢？下面就这些问题我从网页制作课程中得到一点点小的启发，简单地分析一下。

二、兴趣培养

第一堂课的设计。良好的开端对事情的成功起着重要的作用。所以新学期的第一堂网页制作课对我和同学们来说特别的重要。兵法上讲知己知彼，百战不殆。对于上课来说，也是如此，只有了解学生想学什么？兴趣是什么？才能设计好课程。可以采取课下对学生进行问卷调查的方式了解学生感兴趣的话题是什么？比如大多数学生想要一个自己喜欢的手机，而女生比较喜欢化妆品、服饰，男生则比较喜欢游戏、汽车等。根据这些调查的答案进行设计课程。所以第一堂网页制作课程我并不急于讲解专业知识，而是把学生分成几个小组，大家共同观看老师找的一些学生感兴趣的比较成熟的网站和一些不成熟的网站，像游戏网站、服饰网站、化妆品网站、手机网站、汽车网站等等。老师提出一些问题，如哪一个网页的页面更美？色彩的搭配更合理？主题更鲜明？功能更完备？布局更合理？然后每一组派出一个代表回答问题。这样，学生通过比较对网页设计这门课程就有一个感性的认识了，甚至有些学生有了新想法：我一定要好好学习专业知识，设计出自己喜欢的网页。

兴趣的培养是一个渐进的过程，在课程设计的过程中最大可能的融入学生感兴趣的话题，了解学生想要学的东西，然后把专业知识变通为学生感兴趣的知识。

三、自学能力的培养

中等职业的教学，不仅仅是教学生专业的技能，而且还应该培养学生的自学能力，社会在飞速发展，计算机专业知识更是如此，不断地更新换代，因此老师不可能把社会上所有的与专业相关的专业技能知识传授给学生，这样就要求老师培养学生的自学能力，也就是说老师要授学生以渔，而不是授之以鱼。因此，在中职学校教学中这种自学能力的培养迫在眉睫，势在必行。

所以，我在讲授网页制作课程中，先让学生设计自己的网站，题材不限，只要是积极向上就可以，然后关于网站设计过程中用到的素材让学生自己上网查找资料，同学们在查找资料的过程中可能会遇到这样或那样的问题，这样学生要解决这些问题就得问老师、同学或者上网查资料，通过这种方式学生提高了自学能力，同时学生也感觉到成就感。我在04计算机、05计算机、06计算机、07计算机班应用这种方式，教学取得了显著的成效，而且也提高了学生动手动脑的兴趣。

四、创新能力培养

培养创新人才，必须改革现有的教育模式，实施创新教育，实现教育创新，为学生提供一个宽松的，使其创新潜能得以激发、展现和生长的环境。在网络经济条件下，只有在学校和社会都为学生创设了适宜培养创新精神和创新能力的创新环境，充分发挥网络在信息传播和改变教育教学模式方面的作用，才能真正培养出社会所急需的创新人才。

同志在著名的《矛盾论》中指出“唯物辩证法认为外因是变化的条件，内因是变化的根据，外因通过内因而起作用。鸡蛋因得到适当的温度而变化为鸡子，但温度不能使石头变为鸡子，因为二者的根据是不同的。”从另一方面讲，即便是鸡蛋，如果没有适当的环境和温度也永远不可能变为鸡子。可见在内因一定的情况下外因起着决定的作用。我们都把学生看作“鸡蛋”（具有创新潜能的人才），而不是“石头” ，要使“鸡蛋”（学生）变成“鸡子”（创新人才），适宜的“孵化温度”也就是良好的创新环境的建设就是极为重要的了。良好的创新环境就是培养创新人才的“外因”。没有这些环境就很难或者说根本不可能培养出大批的创新人才。因此，我们通过改变教学模式，利用行动导向教学法，实施模块教学，努力营造一个良好的网页设计创新教育环境，使在校的“鸡蛋”都变成“鸡子。”

在讲授课程的过程中，积极引导学生利用以前所学的相关课程，不再局限于利用网络资源，例如在网页设计过程中，不再仅仅局限于在网上搜索图片，引导学生利用Photoshop修改图片,利用Flash制作动画，然后再在网页中体现。这样学生的创新意识能够得到挖掘。

五、知识的拓展

为了适应市场的需求，对于学生的教育，已经不能再局限于本课程的专业知识，而且应该让学生能够把知识进行拓展，在网页设计课程中，可以引导学生应用一些没有学过的软件，像一些图片浏览软件，Windows movie maker软件等等。这样培养学生认识新知识新事物的能力，使学生的综合能力得到提高。同时专业知识也能够得到拓展。

六、评价学生能力

通过老师的授课，学生的学习最后对学生的评价实施一个答辩式考察，也就是让学生演示作品，老师和其他同学提出问题，然后演示作品的同学对提出的问题作出解答。这样学生能够在展示自己的作品、对别人作品的评价中对网页制作有一个更高的认识。

七、结论

网页制作课程是一门实用性较强的课程，在该课程中进行教学模式的改变，能够更好地提高学生的自学能力、创新能力及综合素质的提高，对于就业也起着非常重要的作用。