网页制作与设计精选(九篇)

前言：一篇好文章的诞生，需要你不断地搜集资料、整理思路，本站小编为你收集了丰富的网页制作与设计主题范文，仅供参考，欢迎阅读并收藏。

第1篇：网页制作与设计范文

Photoshop在图片处理上具有强大的功能，尤其是对图像进行精细化操作，更是奠定了其在广告设计及美术创作中的坚实地位。当然，在网页制作模型设计上，Photoshop依然可以凭借其精细化、功能化优势来实现美轮美奂的网页规划效果。

【关键词】Photoshop 网页制作 模型设计 实现方法

1 引言

现代网络技术的发展，对网页制作提出越来越高的要求。Photoshop作为功能强大的图像处理软件，同样在网页制作设计中不容小觑。如在不同格式文件上兼容性强，图像处理精度高、误差少、视觉效果显著，更成为网页图像、动画、基于Web页面设计领域的优秀工具。

2 Photoshop在网页建模的独特优势

2.1 页面布局功能的灵活性

利用Photoshop来进行网页设计，主要是利用图层的特色功效，可以实现不同层次上不同元素的放置，且在进行移动时不会影响其他元素及整体视觉效果。当然，对于图层空间不仅可以放置单独页面要素，还可以放置链接，还可以进行叠加，确保不同图层上不同要素的色彩、亮度、大小等不会出现偏差。由此以来，在进行网页要素规划及布局上，可以依照设计者的思维进行灵活操作，增强了设计自由度。

2.2 修改功能的便捷性

由于网站在设计过程中因客户的要求而进行修改是常有的，而Photoshop因其便捷的修改功能，可以先通过Photoshop设计出效果图，然而结合需求变化来优化，最终获得客户的满意。对于其他软件则无法实现自由、从容的修改。

2.3 网页浏览的快速性

网页制作的目的在于浏览，而浏览体验不仅需要美观和规范的视觉效果，还要具有良好的网站交互能力。特别是对于大型网页架构，因加载项目过多，对网速要求过高。但对于Photoshop制作的网页，多采用裁切体积及文件格式转换，对系统资源占用率较低，从而能够保障快速的反应速度，提升浏览的流畅度。

3 Photoshop网页制作模型的设计与应用

3.1 Photoshop新建图像文件

根据网页设计模型基本框架要求，首先需要新建图像文件，以常规1280*800像素为例，可以设置浏览器的图像宽度、高度为1260*780，选择RGB色彩模式，便于在Photoshop中利用色彩的叠加营造五彩缤纷的视觉效果。

3.2 Photoshop设计网页布局

针对不同功能、不同用途的网站，其页面框架结构也不尽相同。通常情况下，对于视觉的热点效应多聚焦于左上角。在进行网页浏览时，左上部及上部为视觉中心，其后往下阅读，呈现出“F”形特征。因此，在页面布局上，围绕网站标识、站名、导航条、热点栏目、头条等页面布局要素，来重点优化左上部区域。如对于综合性网站，通常采用“国”字型页面布局，最上面为标示栏及广告条，其次为网站的主体内容，再次左右各一列小字号标题栏目，中间侧重于图文并茂的内容，最下面为基本信息，包括版权、联系方式等说明。因此，在设计上，利用Photoshop在页面上设置“T”型字，形成三块空间，最上面为标识、广告条等；左侧为导航栏，右侧为网站主体内容；接下来设置不同的页面图层，并在不同图层上进行绘制，结合Photoshop的图形、渲染功能来完成。

3.3 Photoshop网页模型集成

完整的网站需要具备Logo、广告栏Gif动画，背景底纹及导航按钮等。对于网站Logo，利用Photoshop丰富的图像设计功能来设计独特的富有个性的标识。如新浪网标识中的“i”通过进行艺术化处理，将之转换为活灵活现的眼睛，正是传达“世界在你眼中”的设计理念，增强了视觉动感；再如人人网的标识，利用对“人”字的抽象变形，代表每一个人；辅以圆圈，寓意人际圈，其共同的交集则象征着人与人的协作、分享、沟通。可见，对于标志的设计，既要从视觉审美上来表达生动的效果，还要从文化内涵彰显丰富的意蕴。Photoshop可以实现对矢量图形的任意变形而不失真，从而为我们进行自由创作和设计提供了无与伦比的设计环境。如可以利用钢笔工具来绘制矢量图，保存为JPG格式占用空间小，带来较快的响应速度。

广告栏多采用GIF动画，位置多居于网页的最醒目中间靠上，在动画内容上可以是企业精神、也可以是产品介绍，以图像自动切换等方式来呈现。利用Photoshop和ImageReady可以制作出简单、易用、低系统占用率的GIF动画，避免了传统SWF动画设计对插件的要求。举例来说明，以600*200像素广告栏为例，其操作过程如下：首先新建600*200像素文件，分别插入四张不同的图片到1，2，3，4个图层里，调整各图层中图形尺寸，使其保持和谐度；分别在4个图层新建文本图层，并打出不同的广告语，与相应图层进行合并；利用ImageReady，打开后点击“动画”面板，复制当前帧，连点3下，使帧数为4；分别对各帧进行操作，每一帧显示一个图层的内容；设置动画延时数值；转存为GIF动画格式，预览效果。

3.4 Photoshop设计底纹背景

在利用Photoshop进行背景设计时，可以利用无限填充功能，只要设计一个背景元素，将之无缝连接并填充整个背景页面即可。如可以设计一个1*2像素的条形状背景图，保存为JPG格式，并填充整个背景，而这个背景文件却仅有几k的大小。

3.5 Photoshop设计网页按钮

按钮是网页制作模型中的必要内容，在设计上要注意几点：一是大小尺寸要以像素为单位，避免图像失真；二是保存为JPG格式，对于有透明像素的需要改为GIF格式；三是利用Photoshop处理过的源文件要另存为PSD格式，便于后期修改；四是利用切片工具进行切割时要依靠参考线，保持页面布局一致性，避免爆边。

4 结语

总之，利用Photoshop进行网页制作模型设计，要从网页整体功能及展示特性上，积极挖掘Photoshop在网页图像、动画、WEB化页面设计中的优势，提升网页制作的应用效率。

参考文献

[1]王春艳，张彦芳.Photoshop在网页制作中的应用[J].电子制作，2014（02）.

[2]邓美玲.浅谈Photoshop在网页制作中的应用[J].无线互联科技，2015（01）.

第2篇：网页制作与设计范文

关键词：网页制作 递进式 案例任务 小项目探究 项目导向

网页制作课程是高等职业学校计算机应用专业的必修课，这门课程与其他课程相比，无论是教学内容还是教学方法上都有其特殊之处，它集知识和技能于一体，有较强的操作性和综合实践性，它涉及文字版面处理、计算机语言、计算机图像处理、FLASH动画、数据库等相关知识，需要有一定的相关课程知识基础。

一、灵活处理教材，设计递进式的课程体系

网页制作这门课程的操作性和综合实践性很强，教师必须对现行的教材进行内容改革，灵活处理教材。首要任务就是要根据该课程的特点结合高等职业学校学生的实际情况，确立正确的教学目标，制定相应的教学计划，调整教学内容。高职学生网页教学目标是培养学生制作设计一个网站，因此制定网页课程的教学内容，第一阶段：网站配色与布局、使用Photoshop处理图形图像、使用 Dreamweaver制作网页；第二阶段：制作FLASH动画、制作 JavaScript脚本特效、SQLServer数据库管理和开发；第三阶段：网站项目开发与实战。依据网站制作与设计流程，教师再进行课程整合,按阶段分模块设计递进的教学内容，在教学中打破传统的从概念到原理的逻辑顺序，根据教学计划与课程标准，开发以培养学生智力技能与专业技能为目标的校本教材，并制作以课次为单位的案例和任务单，以月为单位的小项目和以学期为单位的综合项目，通过任务完成达到技能的掌握与知识点的链接，通过项目制作达到综合设计能力的培养，从而让学生掌握网页制作的相关知识，培养相关能力。

二、改革教学法，采用递进式的教学模式

网页制作涵盖的知识和技能很丰富，教学中教师不能采用简单的知识传授和灌输这种传统的教学方法，而是要努力提高学生的综合应用能力和创新能力，加强学生的实践动手能力。课程必须安排在计算机房进行，采用教与学结合的方式，在老师的指导下，学生通过多练多做来掌握相关知识和技能。结合教学经验，笔者认为根据学生学习的不同阶段可采用不同的教学方法。

1.案例任务教学法

案例任务教学法主要用于学生学习网页制作的初级阶段课程，在这一阶段中学生主要以培养兴趣，掌握基础知识和基本技能为主，教师的教学采用以案例为线索、以任务为目标的教学方法。在教学中教师根据不同的知识点选择相配套的案例和任务，这些案例和任务的编排要遵循由浅入深、由易向难、循序渐进的原则，同时这些案例和任务要为后续的综合案例和项目作铺垫。例如教师在讲授第一阶段“图形图像”这一模块教学内容时，可以设计一个与网页有关的案例――“GEARHEAD公司LOGO”，这个案例中涉及图像选择工具、图层样式、图层组及文字工具等技能，同时涉及网页LOGO的基本常识。教师在完成本例的分析演示后，要求学生模仿制作，然后再下达任务――布置一系列著名网站的LOGO图标以供学生选择模仿制作，学生通过模仿制作掌握相关的图像技能，同时掌握LOGO的基本知识，并鼓励能力强的学生设计自己喜欢的LOGO图标。通过案例任务教学法培养学生举一反三的能力，调动学生的能动性。

2.小项目探究法

案例任务驱动法主要强调学生独立性，而忽略学生之间的合作。当今社会是一个高度合作化的时代，一个没有合作精神与合作能力的人必将无法在将来的生活和工作中得到发展。为此，推行小项目合作探究十分必要。小项目探究法主要用于学生学习网页课程的技能强化阶段，通过初级阶段的学习，学生已初步掌握了网页制作的基本知识点，现在进入提高强化阶段，本阶段教学内容分为两个方面，一方面是让学生对初始阶段的案例和任务进行强化和提高，另一方面是让学生在强化旧知识过程中掌握新

知识。

本阶段采用小组合作探究形式，首先将学生每4～6人分为一个小组，并选基础好的学生为组长，教师根据学生已学过的知识和上一阶段的任务，设计阶段小项目，这些小项目既是初级阶段的任务的综合，又是下一阶段综合项目的子项目。在教如何“使用Dreamweaver制作网页”时可以制定几个主题，如“低碳”“城运会”“关爱动物”小组形式自由选题，让同学们综合应用前面学过的配色、图形等知识，合作探究设计一个网站的雏形。教师指导学生设计一个学案，该学案能在课堂教学中起指导和引领作用，促使学生主动探索，建构知识结构体系。学生根据学案中的要求，利用实训课和课外时间，在规定的时间（两周）内完成，学生可以进行不同的角色分工，合作完成，教师在学生制作过程中进行适时跟踪，指导并解答学生制作过程中存在的疑难问题，学生完成后再进行小组总结和评价，最终将小组总结评价及作品打包通过 FTP 上传给老师，教师及时地进行阶段小结、点评，同时展示优秀作品。

“小项目设计与合作探究”教学法是以任务为主线、教师为主导、学生为主体的教学方法。在教学中，教师要充分地了解学生，及时解决学生学习遇到的困难，引导学生大胆进行问题的探究，及时做好积极的评价。教师要尝试建立灵活客观、立足于平常的“自主、合作、探究”学习评价体系，以期不断激励学生参与“自主、合作、探究”学习过程，培养学生的合作意识和自主创新的能力。

3.综合项目导向法

网页制作教学的目标让学生完成一个综合网站制作，在这个阶段中采用“项目导向法”。在高等职业教育中，项目教学是一种综合性的课程模式，通过前两个阶段的学习，学生已具备网页制作的相关知识和基本技能，同时也有小组合作探究的基本能力。本阶段主要是提高学生综合网站开发的水平，同时也是为了检验学生的学习成果。

例如，在讲网页制作――综合项目实战时，首先让学生根据个人的爱好设计一个小型主题网站的网站规划书，这样学生在学期初就知道本学期自己在这门课程的学习中要达到怎样的要求、完成什么任务，就会使他们产生学习的兴奋点。在这种教学模式下，学生成为了学习的主体，教师在教学过程中扮演引导者，学生在教师的指导下自主学习，边学边做，边做边学，完成教师安排的教学内容，完成原定的项目（个人网站设计）。在完成一个项目任务后而获得的成功愉悦和满足感，不但提高了学生的学习兴趣和学习的积极性,同时也培养了学生自主学习的能力，让他们学会学习。教师真正做到了素质教育所提倡的“授人以渔”而不是“授人以鱼”。

在项目导向法的实施过程中，仍然以小组合作的形式，并根据同学们的特点模拟合作企业的岗位为同学们分配任务，如策划师、图像技师、动画技师、后台程序设计师等，让同学们在项目中负责各自专门的任务，并共同完成一个综合项目，最后上传到 WEB 服务器上。教师组织学生对每组的作品进行评价、总结并展示优秀作品。

总之，这个阶段能巩固和提升学生知识、技能，同时锻炼学生的综合应用能力和分析问题、解决问题的能力，培养学生的合作能力和创新的设计能力，提高学生的综合素质。

通过以上这些方法激发学生的学习兴趣，调动学生的学习积极性，同时改善“网页制作”课程的教学效果。通过有效的学习，学生的综合技能和综合质素得到提高。为了进一步适应高等职业学校教育改革，教师仍要对该课程的教学进行积极探索，精心设计教学案例和项目，寓教于乐，争取更好的教学效果，培养更多的技能型人才，以提高学生的就业竞争力。

参考文献：

[1]杨晓明.《网页制作》课程教学改革的探索与研究[J].甘肃联合大学学报,2008(3).

[2]沈道云.任务驱动教学法在Photoshop教学中的应用[J].职业教育研究,2006(12).

第3篇：网页制作与设计范文

要想通过有限的课时教学使学生能够做出优质的网页，拓宽学生的眼界，开发学生的思维是首要任务。因此在高职的《网页设计与制作》教学中，教师可以根据实际教学的需要，选取一些比较经典的案例，对学生进行教学，在增长学生见识的同时，促使学生取长补短，从而有效提高学生的网页制作能力。因此教师必须充分利用起身边的教学资源，根据高职《网页设计与制作》教学的需要并结合学生的喜好，从网络上搜索一些高水平的网站，作为教学案例，向学生分析网站设计和制作的优点和缺点，以及相关的设计和制作技巧，从而使学生对所学的内容有更加立体的认识。需要强调的是，教师切忌不能在所有的教学中都采取一个网站作为案例，要多选取几个，且随着更多优秀网站的出现，教师还应该对教学案例进行不断的补充和更新，进而有效激发学生的学习动力和积极性，推动高效教学的实现。比如在教授如何设计网页栏目、logo以及导航条时，教师可以先向学生介绍一些基本内容，然后向学生展示一些做的比较出色的网页，如学校网站首页等，并向学生分析学校网站首页制作的特点，然后通过启发和引导的方式，让学生模仿学校网站首页进行创作，从而有效提高学生的制作水平。

二、任务驱动教学法

所谓的任务驱动教学法就是给学生一个任务，由学生来完成，教师可以从旁指导和帮助，在任务的驱使和激励下促使学生主动学习，积极探索，相互合作的学习方式。值得注意的是，教师在使用这一教学方教学法是建立学生必须已经掌握一定的基础知识，学会如何使用一些基本的应用软件的基础上，因此任务驱动教学法并不是以教材和知识点为中心，而是以培养和锻炼学生的在网页设计和制作上的综合运用能力为中心。在实际的高职《网页设计与制作》教学中，教师可以通过专题或者话题的形式，在交流中引导和启发学生，然后定下一个主题，让学生围绕主题来设计出一个完整的网站。由于完整的网站涉及的内容较多，包含目标需求分析、网站定位、网页规划、内容收集、网页设计、内容排版以及文字和图片的处理编排等，因此教师在教学中可以采用小组合作的模式，从而提高学生的合作能力和人际交流能力；也可以由一个学生单独完成，期间教师可以组织几次检查和交流活动，对自己的作品进行不断地修改和完善。通过任务驱动教学法可以使学生对网页设计和制作的流程有一个全面的认识，让学生掌握系统的网页开发流程，同时也有利于提高学生团队协作能力、创新能力、独立解决问题的能力。

三、活动探究教学法

活动探究是高职《网页设计与制作》教学中重要的教学组成部分，有助于学生开展项目学习，在活动探究过程中学生可以掌握到大量的知识内容和技能技巧，能够帮助学生在网页制作和网站开发的过程中创作出更加优秀的作品。所谓活动探究教学法，就是指教师向学生提供定的资源和信息，由学生从已有的材料中进行挖掘和拓展，让学生对教学项目中的问题进行主动的探索和研究，从而促使学生构建和完善自己的知识体系。此外，学生在进行探索时，教师也要从旁进行观察和指导，对于学生不当的行为要予以纠正，对于做的好的学生给予表扬和鼓励。比如在设计网页链接的过程中，有不少学生对外部文件与网页内的链接出现疑问，教师可以就这个问题对全体学生进行示范和讲解，一方面使得学生对所学有更充分的了解，另一方面保持学生的学习热情和积极性，使学生能够将作品完整的制作出来，从而有效地提高高职《网页设计与制作》的教学效率和学生的综合素质。

结语

第4篇：网页制作与设计范文

随着社会的快速发展和互联网的普及，计算机技术及其应用发挥着重要的作用。为了全面提高高校学生的网页设计能力，激发学生的网页设计兴趣，探索课程改革的几点思路，从而实现对高校学生的能力提高、兴趣培养和考核标准的改革，结合课程改革的《网页设计与制作》教学模式的研究显得极为重要。

【关键词】

网页设计；课程改革；教学模式

《网页设计与制作》是一门实践性极强的课程，也是为满足社会需求而设置的。网络是人们获取信息的重要来源，随着网络在人们生活中的地位逐渐上升，企事业单位和政府机构以及个人通过网页来宣传自己的单位和个人形象。因此，提高学生对网页设计的兴趣、培养学生自己开发网站的能力显得尤为重要。

1激发学习兴趣，鼓励创新精神

1.1案例教学古语讲“学起于思，思源于疑”，良好的学习兴趣是学习的先导。首先采取案例教学，摒弃传统的教学方法。在传统的课堂上，教师讲授理论知识，之后学生进行上机练习。往往会造成机房内操作过程中无处下手。因此，结合教学内容和目标选取典型的案例进行案例教学法能够很好的解决这个问题，提高教学效果。枯燥的理论与实际案例相结合，在课堂上及时展示网页设计的效果，必将为课堂带来全新的效果，对于学生熟悉理论知识和实际操作能力也能全面加强。激发学生的学习兴趣、鼓励创新精神，化被动为主动和提高学生解决实际问题的能力是网页设计课程改革的出发点。

1.2互动教学建立教学网站，开设相应的学习论坛。在网站上传课堂视频、经典课件、网页设计的学习资料以及课堂作业，加强师生的交流、资源共享。学生在课堂上不可能掌握教师所讲的所有内容，加强互动交流和平台建设这样有助于学生的课后复习巩固，清楚学生在课堂上的疑问。

2实验设计与大作业制作标准

制作一个主题网站，主要从下面三个主题中选择：个人网页、校园生活、文学。综合运用本课程所学的内容知识，导航、布局清晰、信息分类合理。可以从网上下载部分资料，但是不能超过整个内容的30%，绝对不允许直接从网上下一个网站，一经发现直接记0分，总的页数应超过8页。（一个包含主题内容的html文件或asp文件算一页。）具体要求如下：（1）站点结构清晰，站点内文件夹名、文件名命名规范，杜绝使用中文汉字。(5分)（2）页面布局可采用表格或者css+div。（10分）（3）创建模板，并根据模板至少创建1个页面。（10分）（4）为一个页面添加浮动框架，并有链接的页面显示到浮动框架部分。（10分）。（5）使用css样式美化网页。（10分）（6）网页中必须有插入图像、文字、鼠标经过图像等页面元素，并与主题相关。（10分）（7）要求首页中加载5种链接方法：内部链接，外部链接、邮件链接、锚点链接、图像链接。（15分）（8）网站中应用的方法和技巧的种类多少。（10分）（9）网站中无断掉的链接和孤立的文件。（10分）（10）制作一份网站设计说明书，放在站点总文件夹中，并用A4纸打印一份。（该说明书必须能够体现制作网站的过程，否则视为抄袭以0分计。）（10分）在网站制作过程中应注意以下几点事项：（1）建立站点，图片存放在文件夹images中。（2）所做网页的首页文件名必须为index.html。（3）不要忘记给每个页面命名。（4）所以文件和目录名全部使用英文字母和数字，不得汉字和全角字符。（5）网上下载的文字要注意删除多余的超级链接和？之类。（6）最好在每个页面加一个超级链接返回首页。（7）网页的总容量一般不要大于15mb。（8）如果网站制作粗糙，站点结构混乱，每个扣5-10分。（9）如果运用的动画、图片等不符合作品反映内容扣5-10分不等。将制作的网页及说明书压缩成一个文件，文件名为：学号_姓名_班级。

3团队协作

在网页制作过程中，鼓励学生进行分组讨论，以团队形式完成作业，培养学生的团队协作能力。在制作过程中，将同学们以5-7人分成一个课题小组，按照分工协作、组长负责的原则加强同学之间互相讨论、互相学习、取长补短，一个团队的同学共同思考完成一个网站的制作，锻炼学生的合作精神。设计多个题目供学生选择，学生可以自选题目，充分发挥学生的兴趣和主观能动性，在规定时间内完成最后进行网页设计汇报演示。

4《网页设计与制作》课程的考核标准

多数课程通常采用笔试的方法，然而计算机类课程考核的重点是实际操作能力而非单一的理论知识。《网页设计与制作》这门课程考核内容过多偏于死记硬背的记忆性知识考核，就恰恰忽略了课程本身的性质，因此应重点培养学生的实践能力。《网页设计与制作》的课程考核方式要全面反映学生的真实学习水平、激发学生的学习兴趣和制作灵感。为充分调动学生课堂以及课后完成网页制作的积极性，在具体的考核中平时成绩占总成绩的20%，期末大作业的网站设计占总成绩的80%。这样能够调动学生上课以及完成课堂练习和实验任务的积极性。

5结语

网页设计的人才培养目标和方案必须适应市场经济对人才的需求，培养具有能够自主思考、开拓创新和独立解决实际问题能力的学生，这也是高等教育的基本目标。结合课程改革的《网页设计与制作》教模式以学生为主题，发挥学生的主观能动性，鼓励团队协作和师生平台交流必将发挥重要的作用。

参考文献：

[1]马国德.对提高课堂教学质量的一点思考[J].青海教育,2002(04):18.

[2]刘显丽.网页制作课程的整合研究[J].辽宁教育行政学院学报,2005,(02):125-126.

[3]尹玉菡,杨万军.非计算机专业《网页设计制作》课程教学设计与实践[J].辽宁师专学报,2010,12(01):44-45.

[4]史科蕾，高咏欣.《网页设计与制作》课程的教与学[J].信息技术与信息化,2007(02):129-131.

[5]刘强,张阿敏,翁艳彬.网页设计与制作[M].北京:高等教育出版社,2010.

[6]DarcyDiNucci.WebSiteRedesigns[J].PearsonEducation,2001.

第5篇：网页制作与设计范文

本文着重分析了《网页设计与制作》课程教学存在的问题，探索了《网页设计与制作》课程教学改革的策略，以提高《网页设计与制作》教学质量。

关键词：

网页设计与制作；课程；教学改革；策略

随着互联网的发展，互联网已经被广泛运用到人们的工作和生活之中，其中企业网站对企业的宣传与发展有着重要作用，网页设计与制作成为企业建设网站的重要技术支撑。因此，各企业积极引入高素质网页设计与制作人才的，强化企业网站建设。而高校作为为企业培养人才的基本场所，十分重视《网页设计与制作》课程教学的开展，并在新课改背景下积极探索《网页设计与制作》教学改革的科学方法。但是，由于受传高校教育模式的影响，《网页设计与制作》课程教学在学习地位、实践教学、师生沟通等方面都存在着一些问题需要高校改进。研究《网页设计与制作》课程教学改革不仅能够提高教学质量，培养高素质网络设计与制作人才，而且对企业发展和互联网发展有着深刻意义。

1《网页设计与制作》课程教学存在的问题

1.1学生学习被动

长期以来，我国高校《网页设计与制作》教学多采用理论与实践课程交替的教学方式，教师为学生讲解基本的《网页设计与制作》理论知识，并为学生进行实践操作师范，让后让学生根据课堂笔记或一级进行模仿操作。在这种教学模式下，学生的网页设计与制作处于被动的地位，学生的积极性不高。具体来说，有些学生不愿意听教师的理论知识讲解，有些学生不愿意完成老师的网页设计与制作作业，在课堂上出现睡觉、玩手机甚至是旷课现象，学生的专业基础知识不扎实，无法将专业理论知识与网页设计与制作实践相结合。

1.2学生动手能力较差

在教师进行示范的时候，部分学生认为教师致使拖动鼠标，具体操作内容没有难度，不愿意认真观察教师的示范，而到实践锻炼的时候，很多学生对具体的操作步骤不屑一顾，认为网页设计与制作操作过于简答。但是当学生真正上手进行网络设计与制作会发现自己对操作步骤和操作技巧不了解，无法进行网页设计与制作。另外，还有些学生的自我意识较强，不愿意按照教师的讲解进行网页设计与制作，而是一味按照自己的经验和想法设计制作网页，导致网页设计与制作的专业性和科学性不强。

1.3缺乏沟通

首先，在《网页设计与制作》教学中，教师与学生之间缺乏沟通与互动。一方面，教师缺乏对学生的了解，无法掌握学生的学习现状、学习兴趣和学习需求，《网页设计与制作》教学只是按照教学大纲和教材开展，缺乏对学生学习需求的重视。并且，很多教师在课堂讲解的过程中一味追求讲授的知识量，没有涉及师生互动环节，导致学生的课堂参与程度较低。另一方面，学生习惯了传统的教师权威的师生关系，很多学生在《网页设计与制作》课程学习的过程中不敢与教师沟通交流，也不敢向教师提问，害怕教师批评和嘲讽；其次，在《网页设计与制作》教学中，学生之间缺乏沟通与互动，很多学生都是独自为战，自行设计并制作网络，但是，个人的知识和智慧是有限的，个人设计与制作网页受到知识水平和专业技能的限制较大。

2《网页设计与制作》课程教学改革的策略

2.1重新定位课程教学标准

首先，高校《网页设计与制作》教学应积极重视企业的用人标准，在《网页设计与制作》教学中重点培养学生的职业素养、团队精神、审美能力、美术功底、计算机技能等基础能力和素质；其次《网页设计与制作》教学应加强重视课程教育目标，根据新课改的课程教学要求强调学生创新思维和动手操作能力的培养，使学生具备网页正当年规划与构建能力、网页图形设计能力、动画设计和制作能力等。

2.2优化教学内容

《网页设计与制作》课程教学应根据教学大纲和企业的用人要求科学设计教学内容，将教学内容氛围Web基础知识、Fireworks、Flash、Dreamweaver这四个模块。具体来说，Web基础知识模块主要包括网络常用名、网页浏览器、网页设计原则等基础知识。Fireworks主要包括基础知识、基本操作技能和高级应用。Flash主要包括基础知识、基本动画制作技巧和高级技术等内容。Dreamweaver主要包括基础知识、网页定位技术、动态网页设计、网页站点管理、数据库连接技术等知识。

2.3更新教学模式

高校《网页设计与制作》课堂教学应积极更新教学模式，采用班级授课制、网络教学、个别化教学等模式开展课堂教学。并且，教师应积极运用高校的多媒体设备，让每个学生在课堂上拥有一台计算机，并使用多媒体技术向学生全面展示教学内容，指导学生的网页设计与制作，加强学生的动手练习。另外，高校《网页设计与制作》教学应积极利用网络中的教学资源，将网络中的教学资源引入到教学活动中，以视频、图片等形式向学生展示网页设计与制作技巧，提高《网页设计与制作》教学的吸引力。

引用：

[1]《网页制作》课程实践教学模式的探索与设计[J].薛辉.电脑与电信. 2016(Z1)

第6篇：网页制作与设计范文

(北京吉利学院理工学院，中国 北京 102202)

【摘　要】以高职院校计算机专业学生的培养目标出发,探讨网页设计与制作课程课程标准的制定。对《网页设计与制作》课程的课程定位、设计思路、工作任务、课程目标四方面的改革，以便提高这门课的教育教学质量。

关键词 教学改革；课程设计；课程目标

1　课程定位

《网页设计与制作》课程是计算机应用技术、信息管理、电子商务等专业的一门核心课程，也是其他计算机专业的普及型课程，它涵盖了HTML设计、JavaScript脚本编程语言、CSS等相关知识，全面介绍WEB站点设计的基本操作技术和使用技巧。课程以目前最常用的网页三剑客为主要工具，通过学习要求学生掌握网页设计的基本概念，了解常用脚本语言html，了解网页设计方法，初步掌握DIV+CSS网页设计。同时通过本课程的学习，提高学生的操作技能，培养学生踏实认真、精益求精、团结合作、创新的精神，培养良好的职业道德。

2　设计思路

经过不断学习、深入调研，根据高等职业教育培养目标要求，根据职业岗位的任职要求，从多元智能的人才观、能力本位的教育观出发，确立了“基于职业工作过程，以培养职业能力和素质为重点，实施任务驱动教学”的课程设计理念。本课程是按行动导向教学理念进行项目式教学改革的试点课程。通过在多个专业试点，我们按照项目教学的要求，创设了行动导向的项目教学，不仅将网页设计的相关知识有机地融入到工作任务，还结合学生所处的不同时期、不同状态以及正在学习的不同内容，有针对性的嵌入了影响学生就业的职业素质的培养单元，进一步地加强了项目教学的职业针对性。课程以商务型专业网站平台服务岗位需求为导向，以网页设计职业能力培养为重点，以商务网站项目为载体，实现课程设计与开发的创新。网页设计教学按照网页设计员的岗位职业能力要求进行课程设计，围绕完成一个真实的工作任务开展教学，把学习与工作融为一体，通过指导学生完成一系列的实际工作任务来达到职业能力目标的要求，重点培养学生开发简单商业网站的岗位能力和职业素养。通过本课程的学习，要求学生能够成为从事网站开发、网页界面设计等工作的应用技术型人才。

3　工作任务

“网站建设与维护”职业岗位具体的工作为：在一种操作系统平台下综合利用各种相关软件完成网页设计与网站建设的工作。对于该岗位的从业人员人员来说，必须懂得Internet、网页设计与制作、后台数据库设计和建立、网站规划与建设、通讯及网络技术等技术方面的专业知识。具备网站规划，静态网页设计，建立动态站，进行网站的上传、更新、维护的能力，同时必须具备一定的平面设计基础。其中网页设计与制作员，其典型的工作任务是按照客户的要求进行网站规划和网页设计，运用Dreamweaver、 Fireworks、flash等网页制作工具完成网页的制作及网站建设。也为今后胜任小型动态网站建设、大型网站的规划与建设工作打好基础。

在《网页设计与制作》学习领域中贯穿两个平行的工作总任务；一个是模仿型总任务：《拓展运动会精彩回放》网站设计与制作；一个是开放型总任务：“以业余爱好为题材的个人网站”设计与制作；模仿型总任务来源于我校学生拓展运动会，这是一个真实的工作任务，也是一个学生感兴趣的任务。以模仿型总任务作为教学载体，教学的基本要求和完成实际工作所要求的基本知识、技能都融入在该任务中。根据网页设计和网站建设的实际工作流程，将该任务切分成若干子任务，学生依据任务样本，在教师的示范引导下通过模仿而逐个完成子任务，最后完成总任务，获取学习成果。与完成该模仿型总任务相平行，以开放型总任务作为教学拓展。教师只给出原则性要求，网站内容依据学生个人爱好自由确定，技术的运用在满足原则要求的前提下由学生创意发挥，实现知识的拓展和能力的进一步提高。

4　课程目标

4.1　教学目标

了解WWW、HTTP、HTML、CSS的定义、概念和作用；

理解服务器、客户端、浏览器的概念和作用；

理解HTML语言中的常见标记及其作用；

熟练掌握Dreamweaver的基本操作方法；

理解表格、框架、层的作用，掌握设置其属性的方法；

理解CSS样式表的作用和意义，掌握定义CSS样式的方法；

理解表单的作用，掌握设置表单元素属性的方法；

理解行为的作用，掌握设置行为的方法；

理解模板和库的作用。

4.2　技能教学目标

会使用Dreamweaver网页设计工具制作网页；

会根据需要修改HTML语言中的标记，设置相关标记的属性；

能够熟悉进行网页文本、图像、超链接、表格操作，并按要求设置其属性；

能够熟练运用表格、层、框架等进行网页布局；

熟练掌握CSS样式的定义和修改，并能根据实际需要进行CSS样式的定义和应用；

熟练掌握表单制作方法，能够根据要求进行表单的设计；

能够在网页中根据要求设置行为；

熟练掌握模板设计方法，能够根据实际需要进行模板设计，并能使用模板生成相应的网页；掌握库的基本操作方法，会使用库简化网页设计。

4.3　素质教学目标

具有勤奋学习的态度，严谨求实、创新的工作作风；

具有良好的心理素质和职业道德素质；

具有高度责任心和良好的团队合作精神；

具有一定的科学思维方式和判断分析问题的能力；

具有较强的网页设计创意思维、艺术设计素质。

通过本课程的学习，使学生对网页设计的基本原则、栏目和目录结构定义、主流页面布局方法、导航制作、图文排版、色彩理论等进行详细了解。掌握网站规划、设计、制作、管理、的相关技术及网页制作的操作技能；并熟练运用HTML中的文字、链接、列表、表格、表单、图像、多媒体、框架标记及属性设计出框架网页、表单网页、多媒体动态网页；掌握使用css技术进行网页布局的基本方法。掌握JavaScript脚本语言的基本语法知识，HTML中JavaScript程序的嵌入方法，对象的概念及使用JavaScript来进行开发、维护、管理和设置WEB应用程序；掌握综合网站设计和的基本流程和方法。

参考文献

［1］郑娅峰.网页设计与开发[M].清华大学出版社,2011,9(2).

第7篇：网页制作与设计范文

关键词：网页设计；问题分析；教学设计

二十一世纪是信息化的时代，通过互联网，就能达到足不出户便可了解世界的目的。为了加深对互联网的了解，《网页设计与制作》这门课的出现就成为了必然。

1 《网页设计与制作》现状问题分析

（1）对课程不了解

很多学生都有这个困惑，这门课能干什么？答案就是--开发网站！简单的来说，学好了这门课，你就有开发、设计网站的能力。这门课包含了静态网页制作、动态网页制作、Photoshop、数据库以及程序的开发等。通过程序代码将网页与数据库连接，可以实现信息的实时更新。使你的网站成为一个"有生命"的网站。通过DIV层、框架、flash、样式表等对网页进行布局和规划，再加上像JavaScript这种脚本语言来实现用户与网页的互动功能，经过这些专业技能的学习，让学生真正掌握一种技术。

（2）学校以及教师的指导不够

很多老师通过上理论课的时候将知识授予学生，并未在做后续的指导，这是一门重在实践的课程，多实践才能熟练。学校开展相关专业的比赛活动很少，仅凭平常的上机实践很难完全掌握所学内容。

（3）侧重点不明确

很多学校教师在上这门课时，将很大一部分精力放在了对工具的操作上，而忽略了内容的讲解，这就导致学生可能工具用的不错，但是做出来的东西却很一般，甚至于连一些基本的功能都不能实现。有的学生不太明白这门课程的含义，不知道学这个有什么用，将来能干什么，态度比较犹豫，这也导致对这门课不重视。

2 解决当前问题的方法

（1）学校教学思路

这门课程分为理论部分跟实践部分，理论知识的讲解一般在课堂上进行，通过授课教师的讲解，同学之间的演讲和作品展示来进行学习，举例学习是一种更快更有效率的教学方法，授课教师可以结合案例跟教材的内容去详细给学生进行分析。通过有效正确的教学方法来提高学校的教学质量。在实践部分，将重心放在学生上面，着重锻炼和培养学生自主动手实践的能力，学生有自己的想法后，可以结合教材自己去做网页，教师在布置任务不应死板的规定学生们必须要完成一个相同的作品，这样容易将一些学生的想法锁死。在课程设计上，让学生以自己的想法去进行设计是《网页设计与制作》这门课的一个关键点，充分展示学生的想法跟意见，让学生创造自己的作品，培养学生的创新意识。学校应该多给学生提供一些可供实践操作以及讨论的机会，尤其是用所学知识去解决实际问题的机会，与此同时，还应让学生自己创造机会，慢慢建立自己的学习方式。

（2）教师的教学理念

如今的社会，互联网的普及率非常高，各种新兴的行业发展非常迅猛，所以，学校授课内容应该紧跟时代的发展。技术是在不断更新的，育人的目的就是想找到一份好的工作，将就业放在第一位，及时归纳总结问题，现实遇到的问题及时解决达到活学活用的目的。教师在授课的同时，应该深入研究教学要求，确保教学内容跟目的合理性，考虑不同学生的实际情况去合理教学。鼓励学生自我动手实践能力，支持与同学一起探讨问题，教师要积极帮助学生解决他们所遇到的问题，学生通过对教材内容的了解，结合课程模块方面的实践将学到的知识运用到实际生活中，最大程度的激发学生学习的热情，进而形成良好的学习习惯。很多大学生对未来没有清晰的规划，在就业选择上不知该如何做出选择，所以他们主观意识上不太确定自己适合做什么，这就导致他们在选专业上的犹豫和不明确。校方要多做对学生未来职业方面指导的工作，让学生能从一而终认真专心的学习，不再将心思放在"能不能找到工作"上，方向明确了，自然而然学习动力就会充足。

（3）解决学生的困惑

《网页设计与制作》这门课程，教师给学生应该传达这样一个信息：在已经掌握的技术水平跟理论知识之上，还要能够独立去实践。把重点教给学生，合理平衡的分配理论知识与实践操作所占比例，在掌握学习工具以后，一定要多实践，多去了解学习理论方面的知识，技术在不断进步，学无止境，要不断的更新自己的知识，而不能安于现状。一种技术可能就是将来的求生技能，所以，学生对任何东西不要有排斥的心理，既然能有一门课程，那肯定是有道理的，有的学生不愿意去学习，是因为他不了解这门课程的作用，这时候，教师跟学校扮演了相当重要的角色，他们应该为学生答疑解难，让他们明白课程的重要性以及作用。及时指正他们认知上的错误。

3 结语

《网页设计与制作》是一门涉及面很广的课程，在教师的教学方法跟课程设计实践的作用下，都能去激发出学生对这门课的兴趣，学生自主的探究学习可以丰富完善他们的专业技能更能加深印象，教师在传授专业知识时应该让学生明白这门课程的特色和作用，可以使他们在今后的学习和择业中方向更加明确。

参考文献：

[1]张宏升，章明珠.《网页设计与制作》课程教学体系的构建与研究[J].电子制作，2015，（9）.

第8篇：网页制作与设计范文

关键词：网页设计与制作；实例教学；教学方法；中等职业学校

中图分类号：TP3-4

近年来，网络技术已经成为推动社会经济飞速发展的重要基础，渗透到了社会发展的各个部门和领域。网络技术的迅速发展和普及，使网页设计日益显得重要。[1]我校把《网页设计与制作》课程作为计算机应用及相关专业的一门重要专业基础课程，目的是让学生能够掌握网页制作和网站开发，毕业后能够进行网站的设计开发与维护工作，可以使学生更好的就业。为实现这个教学目标，在近几年的教学过程中，我根据学生实际情况采用适当的教学方法作了很多的尝试，在教学过程中应该逐渐总结出一套以实例为授课重点的教学方法，取得了很好的教学效果，较好的实现了教学目标，提高了学生综合能力。下面，我对近几年的探索做以下总结。

1 以实践应用为目的来制定教学方案

教学目的是教学方案设计的出发点以及归宿。一个好的教学方案，应能较好地达到教学目的。本课程的目的是培养学生的网站设计及开发能力，这个目的服从于职业教学目的，就是满足社会发展和就业需求。因此，教学方案要侧重于掌握常识和训练技术、技巧。[2]

2 以实例教学来激发学生学习兴趣

以教学目的为中心，精心挑选实例，用实例串联知识点，贯穿教学过程。具体做法是通过选择适合中专学生阶段感兴趣的日常学习和生活中具体实例，将这些实例分解到每次的课堂教学中实现。授课时先展示网页效果，再讲解相关内容，激发学生的学习兴趣，让学生产生一种迫切想要实现实例的要求，让学生变被动学习为主动学习。实践证明，这样的教学方式，学生不仅能实现课堂实例，而且能灵活运用课堂知识，完成自己的设计。

一般情况下，我主要规定主页的制作要求，而各个分页依据学生自身的爱好去设计，充分发挥学生能动性和想象力，调动了学生的学习积极性。这样就改正了以往学生可能对上课讲的内容听明白了，但实际操作时，又无从下手的缺陷。这样就会取得良好的教学效果，使学生每节课既巩固了以往所学知识，又都有新收获，极大的激发了学生的学习兴趣。

3 以任务来驱动来加强学生自主学习能力

“熟能生巧”，大量反复的练习是培养学生自主实践能力最有益的办法。教师在讲完理论常识和相应实例后，应马上布置大量难度相当的练习作业，要求作业依据学生自身的爱好去设计，充分发挥学生的能动性和想象力。[3]及时收集作业，引起学生的重视。选择典型的学生作业进行评析，对学生在网页设计中易出现的共同问题进行纠正，对作业完成优秀的进行表扬，激发学生互相竞争与学习，来提高学生的自主学习和设计能力。[4]

通过练习、实践，不仅可以提高学生的动手操作能力，同时也是教师检验教学效果、发现学生问题的好机会。收集作业的方式也是多样化，可当堂点评，也可以通过教学软件进行收集，通网络进行收集。

4 利用网络启发学生的创造力

通过让学生上网多欣赏优秀的网站网页，让学生学会欣赏他人作品，理解和观察优秀作品。鼓励学生通过网络上网站设计的论坛，加强和更多的同行高手来交流学习，学习更多的人设计和创作的经验和教训，来提高自己的能力。只有多欣赏，多学习，才能在脑中形成一定的意识，才能学会模仿，进而为下一步的创作打下基础。这样让学生不光在课堂学习，课外也可以的自主学习。并鼓励学生到提供空间服务的站点申请主页空间，上传自己的作品到空间中，让更多的人来欣赏自己的作品，品评自己的作品，这样可以看到他人和自己的优缺点。在授课过程中，我会要求学生先申请免费空间，再把自己的作品上传到空间，然后让学生公开自己的空间网址，最后进行集中欣赏或个别欣赏。我校学生在一些网站上申请免费空间及上传作品。在利用网络教学过程中，教师要注意教学过程中出现的上网管理的问题，组织好课堂秩序。

5 通过合作建站加强学生团队意识

当学生掌握了网页设计的基本知识和技能后，还要锻炼学生的综合制作能力，要把所学知识运用到实例中。前一阶段的学习每堂课学生的作业都紧密围绕当前所授课程实例网站进行，而在最后的综合制作期间，如教材第十二章可根据上课内容安排学生完成相应的设计，分阶段分小组完成。并且在设计过程中要形成完整的网页设计报告。在网页制作的报告中，主要有如下内容：内容简介、主要模块划分、网页布局的实现方法、网页间超级链接的跳转关系图等。报告是根据网站设计的进行逐步完成。这有利于教师了解学生设计的思路及遇到的问题，及时调整教学内容、改进教学方法，从而提高教学效果。报告从初稿到完成需要一定的过程，是根据网站的具体设计来不断修改，加以完善的。根据网站制作要求，在不影响整体效果情况下，学生可以在制作过程中加入自己的想法，运用自己所善长所感兴趣的方法来制作网页。这样既不失整体，又会各有特色。

综合网站的制作是需要学生做稍微复杂的网站，这就需要鼓励学生以团队协作的方式完成任务，锻炼学生的团队协作能力，为日后的工作打下基础。在设计过程中，分小组进行制作，几个人一组选择网站中的同一主题。安排学生分组对抗，合作建站，充分发挥每个学生的创造力，通过团队协作的方式完成任务，锻炼学生的团队协作能力。另外，在设计过程中，分小组进行制作，几个人一组选择网站中的同一主题，有利于学生共同讨论、解决设计中的难题，也有利于互相学习，取长补短提高自己的设计水平。[5]

6 适当的拓展教学，培养学生的综合能力，让优秀学生更进一步发展

《网页设计与制作课》是一门综合课程，它涉及到色彩、图像处理、动画制作、视频制作等其他综合知识。要想学好这门课程，就得了解和应用这些知识，由于课堂资源和时间有限，在具体授课过程中不能全部学习，我在教学过程中主要让学生了解色彩设计与版式设计，这样学生做出来的网页才能具有美感，让人眼前一亮。在教学过程中，要适当引导和培养学生的综合能力，尽量让学生从多方面进行发展。

7 合适评价机制，激励学生的进一步学习

适时合适的评价，对学生是很好的激励方式。只有在学习过程中不断评价，才能让学生认识到自己的优点与不足。在评价过程中教师要注意语言表达，对学生的优点要给予肯定，对于不足也要给予指导，尽量让学生做到“做好不骄傲，不好不气馁”。适时评价还可以全面真实地反映学生的学习水平，而且有利于反映教学中的问题。如在理论知识与实践应用方面，一般学生容易注重实践应用而忽略理论知识，这就要求教师在平时考查时适当加入理论基础及口试。另外，评价时还应该让学生从创意、版式、色彩、特色等方面介绍一下自己的作品，这样可以考查学生对整个网站开发的思路及方法，同时考查学生口头表达能力、与人沟通能力。

以上是我在近几年的教学过程中摸索出来的一些教学方法，在课程结束时，绝大部分学生可以完成一个完整的网站，并把自己的网站上传到网络空间，还可以时常更新和维护自己的网站。实践证明，这些方法可以激发学生的学习兴趣，提高教学效果，能够有效完成教学目的。

参考文献：

[1]曹丽明.网页设计与制作[M].北京：中华工商联合出版社，2007.

[2]刘静.项目教学法在《网页设计与制作》课程中的应用研究[J].中国科教创新导刊，2009.

[3]贾海陶.浅谈《网页设计与制作》教学方法与研究[J].魅力中国，2010（9）.

[4]张伟娜.《网页设计与制作》课程教学的探讨与实践[J].中国教育信息化，2008（3）.

第9篇：网页制作与设计范文

关键词：网页设计与制作；教学改革；教学模式

中图分类号：G642 文献标识码：A 文章编号：1009-3044（2012）33-7997-02

《网页设计与制作》是高等院校开设的一门计算机应用课程，它是一门实用性、综合性都很强，有技术基础课和实践课双重任务的课程，也是社会需求量大，很受学生欢迎的一门课程。针对《网页设计与制作》课程特点，改变传统的教学模式，下面谈谈本人在教学过程中的一些改革。

1　课程现状及存在的问题

《网页设计与制作》是一门综合性比较强的课程，学习这门课需要一些其它专业课程的基础，静态网页制作需要Photoshop、Flash、工具软件、色彩美术版式设计等；动态网页制作需要数据库基础知识　Access/Sqlserver、程序设计语言Asp/.Net，因此就讲授的内容来说，该课具有涉及的知识点多、操作实用性强的特点。

分析目前本课程存在的问题主要包括：教师落后的教学观念，陈旧的教学方法，造就了低下的课堂教学效率。教师大量地使用的满堂讲、满堂灌、满堂问的陈旧教学方法，大量地占用了学生的自主学习、独立思考、积极探究的时间和空间，教师细致讲、反复讲，充分培养了学生的依赖性，学生被动接受知识，剥夺和削弱了自我感悟、自我体验、自我内化的权利和积极性，从而导致学生知识结构缺乏整合，技巧和能力难以内化等等。

2　教改思路

教师在新的教育理念和教学观念的指导下，大胆地进行教学方法改革，积极倡导教师在教学中组织学生自主学习、合作学习、研究性学习，让广大学生自主、和谐、健康、全面发展也成为当务之急。同时，通过本课程的改革与研究，找出适合专业学习的教学模式，探索出一条培养复合型大学生的新途径。

3　教学改革措施与方法

1）突出学生技能培养，改变教学思想

培养学生的专业技能，适应市场需求的技能型人才是高等院校培养目标，“网页设计与制作”课程作为计算机类、电子商务等专业的核心课程，也要符合这个培养目标。网页制作是一门综合性比较强的课程，在制定教学计划过程中要充分考虑这一点，学习这门课程需要一些其它专业课程的基础（静态网页制作需要Photoshop（Fireworks）、Flash、工具软件、色彩美术版式设计等；动态网页制作需要数据库基础知识（access/sqlserver、程序设计语言（Asp/.net），因此要根据学生实际水平制作教学计划，灵活选择教学内容。同时网页设计与制作课程又是一门操作实用性强的课程，主要是通过软件（Dreamweaver）来设计网页，但制作网页的一些部分需要强大的理论支撑，因此，理论知识是必不可少的，但对于学生，太多的理论知识又难以灌输，这就要根据学生的实际情况，合理的安排教学内容。兼顾基本理论知识，又要有一定的深度和广度；重点培养学生科学的思维方法和综合操作能力、创造能力和获取新知识的能力。

建构主义学习理论认为，知识不是通过教师传授得到的，而是学生在一定的情境下，借助他人的帮助，利用必要的学习资料，通过意义建构的方式而获得。基于建构主义的项目教学法改变了传统教学的三个中心：由以教师为中心转变为以学生为中心，由以课本为中心转变为以“项目”为中心，由以课堂为中心转变为以实际经验为中心。

2）改进教学模式，优化教学过程

我校“网页设计与制作”课程原来传统的教学模式为：一周安排2节课时，其中教师授课1节课时，学生上机1节课时。教师在多媒体机房中讲解、演示，主要讲解课本上的案例和一些操作方法，课讲完后，学生通过上机完成教师布置的作业。一堂课下来，教师讲什么，学生就跟着做什么，学生只会做教师在课上讲的内容，不会变通，这样一来不能很好地培养学生的创新意识，缺乏师生互动，达不到预期的效果。

我在课堂上采用局域网广播与个别化教学相结合的模式进行教学，主要采用的是案例教学法。首先展示本节课要做的应用实例，展示的过程中把知识点提炼出来，然后讲解基本理论，也就是相关的知识点、方法和思维等，接下来演示本节课的网页设计与制作。我在课上主要讲重点、难点内容，讲课过程中会根据实际情况和学生反馈意见做调整，起到引导作用，其它基本的内容，用较短的时间做演示，然后由学生变浏览者为设计制作者，上机制作相似的例子，做完以后上传到局域网内的教师机，由我来展示学生的作品并讲评，这样不仅能够使学生融入到课堂教学中，还增强其动手能力，促进了师生互动，活跃了课堂气氛，不是教师满堂课包办，优化了教学过程。上机实验部分，教师创造学习情境，学生主动创作。主要采用个别化教学，充分体现学生的主体作用。大部分时间交给学生主动动手制作网页，我既不代替学生的自主学习，也不放任自流，而是对学生在实验中的大方向、学习进度等方面进行整体把握，对普遍存在的问题进行讲解并演示。本校采用极域电子教室教学软件，在上机实验课过程中，老师通过精心准备案例，对学生完成本案例进行整体效果要求，完成的具体操作由学生自己承担，对普遍存在的问题，由老师通过极域软件广播教学，对学生个别存在问题，学生通过网络发问，老师通过远程操作指导或下课等单独辅导方法，一堂课完后，要求学生将自己所做的实践作品发到老师主机上，由老师收集后，评价学生的作品，集中了解学生掌握程度和发现问题。这种教学模式既满足学习活动的循序渐进、学生学习的完整，又可以充分发挥教师引导作用，科学合理安排教学计划和教学进度，同时能及时了解学生的情况并给予指导。这种由教师引导，学生自主探究的实践教学模式，将学生从“要我学”变成“我要学”，激发了学生学习的主动性和积极性，。

3）改革教学方法，培养学生自学能力

在教学过程中，我充分利用现代的教育技术和方法，大力开展教、学、做，三合一的教学方法，通过任务驱动、案例教学等方法，促进教学改革，引导学生自主学习，提高学生解决问题的能力，为学生走向市场就业打下一定的基础。在教学过程中以学生为中心，以教师为指导，利用各种学习资源，充分发挥主动性、互动性和创新精神，通过完成要求的项目、案例，最终实现知识结构的构建。教师要根据学生所掌握的的基本知识，结合教学目标制定出具有针对性、难度适中且实际的案例题目，或引导学生根据所学知识自己去确定一个合适的题目，在课程结束后，最好让学生做一两个综合网站。在所指定的项目中，要考虑到学生对信息的收集、学生之间的协作、学生分析问题和解决问题的能力等多种因素。

在教学过程中要注意培养学生的学习兴趣，通过亲自参与到实际的案例中，使其在完成网页设计、制作、测试、、上传的过程中，将理论知识与实际操作相结合，可以更好地培养学生创造性思维和发现问题、解决问题的能力，培养团结协作的团队精神，充分发掘学生的设计与制作潜能。

4）改变学习评价方式，提高学生学习兴趣

改变原有单一的学习评价，采用多方面学习评价方式：如展示学生作品、案例项目测试，改变传统试卷考试，可以让学生参加技能竞赛，平时学习态度等多种评价方式。让学生认识自己学识水平，从中找到学习中不足，同时提高学习的自信心。在进行合理评价过程中引入奖励机制，但不宜奖励太滥，进一步提高学生的兴趣。

教师通过收集学生作品，让学生一起参与评价，学生都有一种成就感和满足感，有意识的通过电子作品评价方式进行全班展示，对优秀的学生作品可以到校园网上，让全校师生参入评价。评价的过程既是学生展示自己的能力的最佳时机，又是学生反思自已的过程。通过评价，学生可以通过别人的作品发现自己的不足，总结整理自己所掌握的知识，吸取别人的优点来弥补自己的不足，同时也把自己在制作过程中发现的新技术、新技巧、新方法与大家共享。

通过学生的学习成果评价，改变原来的考试机制，促使学生提高学生学习兴趣，提高学习主动性和自觉性，促使学生个性的发展，是教学过程中重要的一环。

4　结束语

《网页设计与制作》课程与其它课程相比有其独特之处，通过实践，采用案例教学方法改革传统教学方法是行之有效，通过教学改革，来提高学生学习兴趣和学习主动性，增强了学生的就业技能。

参考文献：

[1]　贾瑁.网页设计与制作课程体系建设与教学实践改革[J].现代计算机，2010（6）.

[2]　卢新建.试谈ASP动态网页课程的教学探索[J].计算机应用教学研究，2010（10）.

[3]　杨宁.浅析《网页设计》课程改革[J].中国科技博览，2009（26）.

[4]李海燕.基于项目化的《网站规划与网页设计》课程教学改革初探[J].电脑知识与技术，2010，6（30）.