网页的设计与制作
前言：想要写出一篇令人眼前一亮的文章吗？我们特意为您整理了5篇网页的设计与制作范文，相信会为您的写作带来帮助，发现更多的写作思路和灵感。
网页的设计与制作范文第1篇
在高职院校教育中，网页设计与制作是计算机专业的重要课程，并且在非计算机专业也是重要的选修课程；在当今社会，计算机的应用越来越普及，与人们的生活、工作密切相关，因此网页设计与制作课程的重要性得到教师与学生的普遍认可。在新形势下，高职计算机教学工作应更好地适应社会发展需求，加快改革步伐，提高教学的实效性。以下将提出几点高职网页设计与制作课程改革的具体措施。
1创新计算机教学的内容
计算机技术的发展与变化非常迅速，如果教学不能做到与时俱进，当学生毕业参加工作后，在校期间所学的知识已经过时，失去了学习的意义。因此，在网页设计与制作教学中，教师应根据实际情况调整教学计划和教学内容，删减已经落后的知识内容，添加前沿知识。同时，教师要多关注社会变化与市场走向，培养的学生既要具备夯实的理论基础，也要具备丰富的实践经验。例如，根据网页设计与制作课程的教学目标，围绕“Dreamweaver”讲解相关的基础知识，并且培养学生理论与实践相结合的意识，给学生更多动手操作的机会。
2提高课程体系的实践性
高等职业学校的根本教育目标就是培养实用型人才，因此网页设计与制作课程改革要设计合理的课程体系，以培养更多的实用型人才。首先，课程体系建设要紧密围绕职业岗位的用人需求，着重开展实践教学，培养学生的实践运用能力；其次，由于计算机技术的类别较多、变化较快，因此教师在夯实学生基础知识的前提下，还要多引入拓展性教学内容，激发学生的拓展能力和创新能力，为学生的未来发展与就业做好准备。例如，在网页设计与制作课程的实践教学中，教师可多引入一些真题模拟练习，以某个公司企业的实际情况为案例进行题目设计，学生可以结合自己掌握的知识以及感兴趣的内容选择课题；也可邀请相关公司的工作人员实际安排任务，让学生真题真做，根据设计要求及设计步骤完成开发过程，这样在学生实际操作过程中，不仅能巩固所学的知识内容，客观认知自身的优势和不足，也能明确学习目标、制定学习计划，以此提高学习主动性与积极性，激发学习动力；学生只有将课堂学到的知识内容进行综合运用，才能真正适应未来就业与岗位需求，成为社会所需的人才；再有，教师设计的课堂教学内容要与高职学生的实际生活体验相贴近，不断调整和改进实践教学的内容与形式，保持课堂教学的新鲜感，调动学生的学习兴趣并提高教学质量。
3运用多样化的教学方法与教学手段
高职网页设计与制作课程教学中，教师应运用各种各样的教学方法与教学手段吸引学生的注意力，给课堂教学注入活力，让学生在轻松、愉快的氛围中掌握知识。一方面，案例教学法是课堂常用形式，不仅能考核学生对所学知识的掌握情况，也可引导学生进行实践演练，灵活运用教材中的知识内容，让学生形成更为直观的学习体验。教师在课堂教学之前，组织学生进行有效的预习，将教学内容及预习资料发放到学生的邮箱中，便于学生课前准备；或者教师也可在教学中录制视频资料，课下备份给学生或上传到学校网站，这样学生在课堂没有理解的内容，可以在课下自行学习；为了方便学习讨论，教师还要组织学生开设班级交流QQ群，学生在课下可以互相学习或随时随地向教师、同学请教问题，更好地记忆、理解和运用所学知识；另一方面，网页设计与制作教学的关键在于实践环节，教师要多组织学生参加课外活动，如定期举办网页设计与制作交流会、网页设计与制作大赛等，让学生以个人或者团体的形式参加比赛，采取初赛、复赛、总决赛等晋级方法，激发学生的竞争意识与团队合作能力，最终获胜者可获得精神奖励与物质奖励，并将评选的优秀作品在学校计算机系统中展示。通过丰富多彩的课外活动，极大激发学生的学习主动性，教师也可趁机了解学生对专业知识的掌握情况，以此作为调整教学计划和教学内容的参考。
4改变课程的考核方式
由于网页设计与制作课程具有实践性特征，所以传统的考试模式不能如实反映学生的学习水平，教师要改变过去的考试形式，设计实践操作课题，让学生根据所学的知识点进行实际操作并创新设计网页内容；因此，针对高职网页设计与制作的课程考核，应将学生的课堂学习表现与期末作品评价相结合，其中平时出勤率占20%，网页设计专业性占40%，网页创意占40%，通过这种考核方式才能更好地反馈学生学习态度、体现学生能力水平。
5改善教学条件和教学设施
高职网页设计与制作课程的开展，离不开良好的教学条件与教学设施保障，包括专业的师资队伍、完善的实训基地等。首先，选择一支专业水平良好的教师队伍，尤其着重培养青年教师或者计算机专业教师，根据高职学生能力水平与社会发展需要，设定合理的教学改革方案；其次，完善实训基地建设，为学生创设一个真实的学习环境，不仅有利于实现网页设计与制作课程的教学目标，也能让学生提前适应社会环境，更好地融入社会岗位中。由上可见，新形势下实现高职网页设计与制作课程改革具有必要性和重要性，作为教育工作者应转变教学观念，积极投身于教学改革工作，及时发现以往教学中存在的问题与缺陷，围绕现代社会的实际需要，培养更多高水平、高素质的计算机专业人才，体现高职教育的培养特色。
[参考文献]
[1]刘杰逾.高职《网页设计与制作》课程现状及改革措施[J].山东工业技术.2015（23）.
网页的设计与制作范文第2篇
关键词：高职；教学方法；能力培养
中图分类号：G424 文献标识码：A 文章编号：1009-3044（2012）35-8529-02
《网页设计与制作》是高职网络专业根据网页设计与制作、网站管理、网页编辑的工作岗位能力要求所开设的课程，同时也是进行WEB应用系统开发的重要基础。针对高职院校的特点，结合本行业的需求及课程特点，该文就该课程的内容如何选取，教学方法与能力培养等问题进行了一些分析和探讨。
1 教学内容的安排
1.1 根据课程标准安排教学内容
课程标准是规定课程的性质、目标、内容框架，提出教学建议和评价建议的纲领性教学文件。在进行课程设计前，要先了解该课程的课程标准。
《网页设计与制作》课程的总体目标是：基于行业企业真实工作过程设计课程教学活动方案。通过项目引入任务驱动式的教学方法，使学生在认知和实际操作上，对网页有一个整体认识。使学生掌握网页设计和制作的基本职业技能，能够制作社会企事业单位的静态网站，具备网站的策划、设计和制作及维护的能力。倡导学生积极参与真实项目制作，实践学真知，积累优秀作品，为就业打下必要基础。培养学生具有诚实、守信，善于沟通和合作的团队合作能力，为从事网络媒体网页制作工作奠定良好的基础。
1.2 以行业需求为依据，就业为导向，与时俱进为原则。
通过对IT 行业的发展现状与趋势、人才需求状况、企业调研等方面调查分析，可以将网页设计分为网页设计、网页制作、网站编辑、网站管理 4大岗位群。其中网页设计主要是网站开发前期界面的效果图设计，网页制作主要根据页面效果图利用网页制作工具实现效果图向网页的映射，网站编辑主要负责网站内容的维护和管理为主的工作岗位，网站管理主要负责网站的日常维护、网站的改版等工作。
在教学中，可以根据这些职业岗位和不断发展的IT技术对技能和知识的需求，选取课程教学内容，并从这些职业岗位中选择一些真实项目作为实践教学内容。
1.3 以激发学生学习热情为目的设计教学内容
兴趣是最好的老师，有了兴趣才能使学习效率提高，因此在学习过程中，为保持学生的学习热情，必须精心设计教学内容。
网页设计所涉及的领域十分广泛，生活之中无处不在。且本课程最终目的为制作一个成功的静态网站，那么在教学过程中，设计案例、任务及最终项目时，应以当代大学生所感兴趣的角度出发，或者给予其充分的自，让他们为了圆满完成自己的想法和创意而积极主动的去汲取新的知识，掌握技巧，提高动手能力。
2 教学模式探讨
本课程的教学过程中，所采用的教学模式主要有“教学做一体化”，“任务驱动”和“项目教学”等。根据课程特点，使用“教学做一体化”让学生打好知识基础，使用“任务驱动”模式让学生巩固知识并掌握一定的技能，提高动手能力，并能以完成任务为目标培养自主学习及发现问题解决问题的能力。最后通过“项目教学”培养学生的职业能力。
2.1 “教学做一体化”教学模式
网页设计与制作的主要知识点在于：html语言、css样式、网页制作软件的操作。对于知识点的教学应该主要由教师讲授来引导学生入门，再根据该课程实践性强的特点，让学生尝试用动手操作的方式来理解和消化吸收知识点，再引导学生总结重点、难点、方法和技巧，以此打好基础，为完成后续的任务而做好准备工作。
2.2 “任务驱动”与“工作项目”相结合
在企业中，完成一个网页也可以是一个完整的工作过程。完成一个整体网站则需要多个工作过程。本课程的要求是完成整体网页的设计与制作。其中网页是由logo、banner、导航、文字、图像、动画、视频等元素组合而成。各个元素的添加的方法与组合方法则是本课程所介绍的重点知识。
在网站建设行业中，不同的企业机构在设计网页时，均有不同的需求。如有的企业因为信息量小功能少就需要设计简洁型网页，而有些则需要设计成大型的结构复杂的页面，不管是复杂还是简洁，都是相同的制作流程，不同的是简洁型涉及知识点少。教学过程中，可以从简洁型网页入手，由浅入深设计工作项目，例如设计一个完成纯文字页面的工作项目，将些项目分解为几个工作任务：认识网页创建站点应用网页元素“文字”对网页布局完成页面初期效果，通过完成各种工作任务直到整个项目，学生不仅掌握了相关的知识点，还可以以一名网站制作人员的身份，体会了制作页面的工作过程。
在随后的教学中，再融入新的知识点，设计稍为复杂的项目，循序渐近，如适当添加元素或者变换组合方式及网站优化等，通过完成不同的项目，体会不同工作岗位的需求：如作为网页设计师对网页进行布局、配色与装饰等；作为网站管理人员从便于维护和修改的角度对网页进行修改；或者作为网站seo对网站进行全方位的优化处理等。并在完成项目的同时，通过引导学生总结学习方法，引导其自主学习，举一反三，以达到掌握知识，强化技能的目的。
2.3 以作品评价为考核方式
在学期即将结束之前，教师适合学生能力的工作项目，提出设计要求，学生以网站建设团队的人员结构为依据，组成小组，并明确分工。以市场调研需求分析整体规划确定方案收集素材协作完成推广后期维护的行业实际工作过程，小组成员分别以项目经理、业务员、网站美工、网站编辑、网站设计与制作、网站优化维护人员等身份，以工作的形式完成最终项目的制作，让学生在做中学，学中做，自主管理，使学习能力、沟通能力、岗位适应能力等各方面都得到提高。通过对项目完成的情况进行评价，项目考核成绩*60% +平时成绩*40%作为该门课程总成绩。其中平时成绩包括为出勤+ 纪律+ 团队协作能力（互评成绩），这种考核方式注重实践操作和应用开发能力的培养，可以大大发挥学生的学习积极性和主动性。
3 注重学生能力的培养
从高职院校的特点出发，再结合本行业的需求，本课程以培养学生成为一名优秀的网页制作人员为宗旨，除了让学生熟练掌握网页设计与制作中的各种操作技术具备开发维护小型网站的能力外，还要为学习计算机网络技术专业后续课程的知识打下基础。在教学中，应注意全方位的培养学生和各种能力。
首先，对于专业能力，学生除了掌握网站制作流程，网页制作软件的操作，使用软件完成网页的结构搭建、布局与美化外，还应该顺应时代养成手写代码的习惯，这样不仅使制作出来的网页能符合web标准，同时还能为学习web应用系统开发打下基础。
第二，在教学过程中，通过完成一个个项目，对学生的协调沟通能力、资料检索能力、阅读分析能力、语言表达能力、项目策划能力、分析能力、创新能力均能进行很好的锻炼。
第三，模拟工作环境的教学，对于学生端正工作态度，有责任心，具备团队意识和协作能力都有很好的提高。
4 结束语
随着经济与网络技术的发展，社会对高职类毕业生的要求越来越高，为适应市场需求，高职教师应在教学内容和教学方法、能力培养上应不断的改革与创新，根据需要调节内容，通过“任务驱动+项目导向”促进学生尽快的掌握网页设计与制作的相关技能，并在实施过程中全方位的培养学生的专业能力、学习能力、职业能力与社会能力，为大学生就业创业打好基础。
参考文献：
网页的设计与制作范文第3篇
关键词：网页设计；教法；学法
中图分类号：TP3-4文献标识码：A文章编号：1007-9599 (2012) 07-0000-02
在网络技术迅速发展的今天，网页设计与制作已成为当今社会上一种比较热门的技术，也是“计算机应用技术、计算机网络技术、国际贸易、国际商务专业”等专业学生的必修课，同时，也是相关专业学生的选修课[1]。
一、《网页设计与制作》课程现状与问题
对于以往的教学方式与内容，其相对落后的表现为：以简单分析为主线，系统的概念化设计思想较弱；以文字教材与课堂讲述的方式传授知识为主导；过于重视软件的操作，几乎没有创新设计的内容，忽视培养学生创造性思维；新理论、新技术相对偏少；与实际案例的联系不密切、没有反映现实技术的发展水平。
二、《网页设计与制作》课程教学改革的对策
（一）教法的改革
“教师一张嘴、学生一支笔”的传统“填鸭式”教学模式，是培养不出掌握熟练技能技巧面向市场的网页制作人才的。为此，我们必须在教师的教法上改革传统的教学模式。
1.注重培养学生的新思维
教学改革的关键是教师，要把如何培养具有创新能力的网页制作人才放在第一位。有了创新意识，就能抓住创新机会，产生创新方法，启动创新思维。通过改革，带动和影响学生去创造、去想象、去独立思考。培养学生的创新思维，可以改变学生依赖老师的习惯，也可以改变计算机教学传统的填鸭式、灌输式的教学方法。代之以自学指导法、尝试教学法、提问验证法等。教学方法创新，可使学生具有获取新知识的能力，为他们在今后工作中不断创新打下基础。
2.使学生从课本中解放出来动手实践
传统教学方式学生取得知识的途径主要是教师的课堂讲授和教科书。笔者认为，教师应该让学生从书本和课堂中适度解放出来，要求学生积极参加实践，接触实际问题，在经历实践的同时和解决问题中获取知识。教师对每一门计算机课都给学生布置实践课题，作业考核测试尽量在电脑上进行，实行“无纸化”，使理论和实践教学有机地统一。
3.鼓励并组织学生校外实习
为了让学生能更好的适应社会需求，在充分发挥本校人力资源的基础上，与一些IT公司联合，鼓励并组织一些学生去公司实习，让学生有机会参与实际项目的开发和管理，提高实际应用水平。同时，也可以聘请公司专门从事网页制作的人员来校授课，让学生能及时了解学科前沿应用信息并掌提高新技术，尽力让学生的认知内容始终与世界资讯保持一致。
（二）学法的改革
1.引导学生转变思想
学生从高中升人高职，大部分学生已经习惯中学教师的教法。简单的说就是，学生只会学习老师教的内容，不会太多想和学课外的一些知识点。但是，现在不同了，首先要从思想上给学生敲一下警钟，让他们知道，高校不同于中学，高校的学习和学法主要靠个人，网页制作的知识无边无际，需要学生自己去好好学习，自己去钻研。因此，老师应该更多的提醒学生平时独立思考问题、独立看书、独立去实践，逐步转变学生的惯性思维。
2.引导学生理论与实际相结合
我们注意引导学生从课本中解放出来，但是也不能完全的脱离课本。尤其是网页制作科目的实践性很强，所以一定要注意提醒学生不能忘掉课本的这个“本”，注意理论与实践相结合，只有通过在实践中来发现问题，同时又从课本中获取知识，才能达到理论与实践相结合，才能增长知识，才能取得更大的进步。
3.引导学生利用好网络资源
随着学校网络环境的进一步改善，学生上网的机会也随之增多。网络资源为我们的教学提供了一个很好的学习资源，但需要教师的有效规范和引导。网上关于网页制作的相关网站很多，有一些做网页的相关技巧等着学生去学。通过学生对网络资源的利用，既能大大的补充学生做网页知识的全面性，又能很好的激发学生学习的积极性。
4.引导学生建立学习小组
在教学的过程中，我们可以将学生每4—6人来建立一个学习小组，小组成员之间相互协作，相互帮助，来共同解决问题。同时可以让小组中尖子生充当小老师来指导其他成员，从而达到共同学习进步的效果。学习小组的建立，初步培养同学们合作交流的愿望，使他们能主动与他人合作，敢于提出与别人不同的见解，也勇于放弃或修正自己的错误观点。通过学生的共同探索，可以培养同学之间相互合作、共同探索的团队精神，也可以提高学习效率。
（三）成绩考核方法的改革
网页制作操作性很强，实践内容多，而理论知识少，一个学生学得好不好，关键看学生的动手能力怎么样。对学生成绩的考核也是网页制作教师长期探索的课题。
1.小的知识点，平时随堂考查
在时间允许的情况下对每个学生要逐一检查，使学生在平时就养成对小知识点的积累。久而久之，做一个网站的所有知识点就会慢慢的积累起来。
2.提前布置一些较大的工程（如个人主页、网店设计之类）
如何使学生将一些小的知识点组合成为一个大的或综合的网站才是做网页最终目的。因此，开学初我们就可以布置个人主页、网店设计的任务，要求学生做好准备，到期末后一起交上来。这样既可以即学即用，也使得学生在平时把精力真正的投入到专业技能的训练上。
3.上机操作
期末考试的成绩不能仅仅就是上面的两个方面的成绩，还要让学生能在规定的时间内来完成老师所规定的一个网站来，学生可以自由发挥，设计想出自己独特风格的网页，这样对学生就会有一个很大促进作用，有助于学生独创意识的发展。
三、五步教学法
《网页设计与制作》课程特点是：具有很强的操作性，并且新技术不断涌现，有明显的时展特点，教学内容须同步更新；设计无定势，故极富创意性、挑战性，要求学生手脑并用。
基于以上特点，教学时可反复采用五步法训练，即【分析】【归纳】【模仿】【创新】【进入资料库】，逐渐提高学生层次。具体实施时采用宏观讲解与个别指导相结合的方法进行。
（一）创设情境，提出问题，讨论分析
通过“创设情境，提出问题”可以激发学生的求知欲，而且还可以培养学生发现问题，探索问题的能力。
（二）操作演示，理论讲授，模仿创新
本课程重视实际操作，培养学生的动手能力。在组织课堂教学时：首先，演示案例结果，给学生以直观的感受，然后倒述代码；其次，提出问题，让学生模仿着翻三，归纳总结；最后，留出部分时间让学生创新设计。
（三）资源开放，自主探索，评价作品
在网上随时学习资源，鼓励学生利用搜索引擎，自主学习，互评作品，总结得失，共同提高。
四、期望达到的教学效果
通过让学生分组设计网店，掌握网络店铺营销的基本操作方法、各种信息搜集与方式的使用、网络问卷的制作与、网络广告推广策划、网络营销各种策略方案等核心知识和必备技能[2]。同时获得相应的操作能力、学习能力、应用能力，强化学生的实践能力，100％达到课程教学的要求。
学生在掌握基本知识、能力，培养素质的基础上，能掌握课程中要求的职业技能和素质，能在真实或仿真的环境中经营网络店铺。由于本课程设计为项目导向、任务驱动的工作过程系统化课程，每个项目的第一步即为明确工作任务，全体课程组教师应充分尊重学生在教学过程的主体地位，把单向灌输改为师生协同互动，从引导学生的思维方式入手，最终由学生自主完成电子商务操作流程，达到良好的教学效果，极大地调动学生的主动性，使学生的学习目的进一步明确，学习兴趣明显提高。
参考文献：
网页的设计与制作范文第4篇
关键词：网页设计与制作；教学改革；教学模式
中图分类号：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）.
网页的设计与制作范文第5篇
【关键词】网页 超链接 分类 应用 美化
超链接可将因特网上众多分散的网页联系起来，构成一个有机整体。如何制作和应用超链接？网页制作工具Dreamwraver提供了非常简便的创建超链接的方法，用户可以将文字、图片、Flash等网页元素设置为链接对象，实现网页间的跳转功能。
1 超链接的分类
按链接范围一般分为内部链接和外部链接。外部链接：与外部网站的页面间的链接；内部链接：网站内部页面间的链接。按链接路径来说，一般包含以下类型：文档链接：链接到其他文档，最为常见；电子邮件链接：创建允许用户给网页制作人员发送邮件的链接；书签链接：链接到相同文档或其他文档的书签位置；空链接：不会跳转到任何位置，用于附加Dreamweaver行为；脚本链接：执行JavaScript代码或调用JavaScript函数。
2 超链接的创建及应用
2.1 外部链接和内部链接
建立超链接到外部站点有两种方法可以实现：一是直接输入地址，在属性面板中的“链接”文本框中直接输入外部链接的地址，如http：//；二是使用“常用”插入栏中的“超级链接”对话框，分别对文本、链接、目标、标题、访问键等五个属性进行设置。
如何快速在站点内创建链接？有三种创建和修改的方法：一是使用“属性”面板创建链接，键入文件路径或单击浏览按钮选取需链接的文件；二是使用“指向文件”图标直接指向想要链接的文件；三是使用“资源”面板创建或修改超级链接。
2.2 电子邮件链接
在网页中设置电子邮件链接已经非常普遍，电子邮件链接可以附加在按钮图片上，也可以附加在文本上。当页面浏览者单击具在电子邮件链接的文本或按钮时，可以直接打开安装在系统中的电子邮件应用程序，例如Outlook等并且在“收件人”位置已经自动填写好电子邮件的地址，浏览者只需在填写完内容后，直接发送即可。若要在图片或文字上直接附加电子邮件链接，可选中该对象，然后在“属性”面板的“链接”栏中输入“mailto：电子邮件”。在“mailto：”后面不要添加空格，例如：mailto：，按回车键确定。
2.3 书签链接
“书签链接”可让用户在页面内容较多时只浏览自己感兴趣的内容。制作“书签链接”通常会在网页上端位置设置一个内容列表，列表下面分别是针对各列表项的详细说明位置。当用户单击内容列表中感兴趣的某一项后，网页会自动跳转到该列表项的详细说明位置。“书签”一词是转译而来的，它的英语原词是anchor，意即“锚”，所以“书签链接”也常称为“锚点链接”。“书签链接”可让用户根据需求更方便快捷地找到相应内容，而不必浏览网页中的所有内容，使网页更具人性化。“书签链接”的制作方法：将光标定位到内容介绍的标题处DDD单击“插入记录/命名锚记 ”或按Cutrl+Alt+A快捷键，在出现的对话框中输入书签名，然后单击“确定”按钮DDD选取列表中的文字，在“属性”面板的“链接”域中，输入符号“#”和书签名。数字和字母都可以作为书签名，但是最好不要使用中文。除了使用菜单命令外还可以通过“插入栏”中的“常用”项插入“命名锚记”进行操作。
2.4 无址链接和脚本链接
在Dreamweaver中除了上述内容所讲到的链接方式外，还有无址链接和脚本链接，这两种链接方式不再是实现简单意义上网页间的跳转，而是赋予了链接更多的含义。
无址链接如同它的名字一样，它不会跳转到任何地方。但是，这种链接对于读取某些JavaScript事件是非常有用的，例如：在大多数浏览器中，图像不能识别onMouseOer事件，可以通过使用无址链接实现图像变换，此外，在制作具有较多内容的网页时，通常都要在网页最底端添加“返回页首”的链接，以方便浏览者在浏览完所有网页内容后直接返回页面顶端。创建无址链接的方法很简单，选取“返回页首”，在“属性”面板的“链接”域中键入“#”号，在“目标”下拉菜单中选取“-top”。
脚本链接能够在不离开当前 Web 页面的情况下为访问者提供有关某项的附加信息。通过javaScript脚本链接，可以执行JavaScript代码或调用JavaScript函数，也可以用来在用户单击时执行计算、表单验证和其他处理任务。如在介绍某一景点的旅游网站中，选取网页logo“***旅游网”，在“属性”面板的“链接”框中输入“javascript：”后接JavaScript代码或函数调用，即可在“链接”域中键入“javacript：alert （‘欢迎光临***旅游网’） ”，在预览网页效果时，单击网页logo，就会弹出一个JavaScript提示框“欢迎光临***旅游网”。因为Javascript代码中出现在双引号之间，因此在脚本代码中必须使用单引号或在双引号之前加斜杠，例如：＼”欢迎光临＼”。
