《网页设计与制作》课程教学设计与实践
《网页设计与制作》课程教学设计与实践作者：安颖莲李秀姚瑞霞田荣牌来源：《中国教育信息化·高教职教》2007年第09期摘要：《网页设计与制作》是当前热门课程，该课程集知识和技能于一体，实践性很强。
我们以一个学习任务为主线贯穿整个学习活动，精心设计教学内容和与之配套的实验教学，采取在机房上课、边讲边练的方式和案例教学法，锻炼了学生解决实际问题的能力、自主学习能力和协作学习能力。
关键词：网页制作课程设计实验教学中图分类号:G434 文献标识码:A 文章编号：1673-8454（2007）09-0053-03网页制作类课程是近几年国内高校普遍开设的课程，也是计算机领域发展最快、应用最广泛的课程之一，该课程内容丰富、实用性强，深受学生欢迎。
如何在有限的课时中使学生掌握网页设计的精髓，是教师在课程设计中最应关注的问题。
笔者结合在清华大学讲授《网页设计与制作》课程的经验，探讨这一问题。
一、课程特点《网页设计与制作》课程在清华大学计算机教学体系中属于应用专题系列课，是全校选修课。
该课程集知识和技能于一体，实践性很强，要求学生既要学好理论知识，又要掌握操作技能，还要具有解决实际问题的能力，能将基本技能和操作综合运用到具体的项目中。
该课程的教学目标是在学生已掌握的计算机知识基础上，培养学生网页制作的能力、网上信息获取和加工能力、自主学习能力和团队协作能力，课程结束时学生能自行开发一个静态网站。
该课程突出的矛盾是学习内容多、课时少。
网页制作的知识体系非常庞杂，包括网络基础知识、网页制作技术、平面设计和动画制作等基本要素，而学校给安排的课时只有24学时，要在8周内讲完，所以在给定的学时中面面俱到是不可能的。
为此，我们把课程设计为以一个学习任务（制作一个网站）为主线贯穿整个学习活动，精心设计教学内容和与之配套的实验教学，采取在机房上课、边讲边练的方式和案例教学法，取得了满意的效果。
二、教学内容设计本课程定位在客户端网页制作技术，而目前客户端网页制作的技术和工具软件五花八门、层出不穷。
选择合适的技术和工具软件，是课程成功的基础。
我们根据对该领域的研究和多年的教学经验，结合国外大学开设同类课程的实践，设计出课程内容模块，该课程由7个模块组成：Web基础知识和案例介绍、HTML语言、CSS、使用Dreamweaver制作网页和网站管理、素材加工、网页图像处理（ＰｈｏｔｏＳｈｏｐ）和网页动画制作（Ｆｌａｓｈ）。
教学内容设计的原则是：（1）重视HTML的教学无论什么类型的网页，其基本结构都是HTML标记，所以认识、了解HTML标记的含义是非常重要的。
认识HTML代码，在一些必须要修改HTML代码的情况下（如添加网页特效的Javascript代码、添加背景音乐时）就不会感到无从下手，也为动态网页的学习奠定基础。
（2）选择最流行的软件在工具软件的选择上，我们的原则是选择最流行的，因为流行的软件一般用户多，功能强，有生命力。
网页制作一般需要网页制作软件、图像处理软件和网页动画制作软件的配合使用。
用于网页制作的最为常用的专业级的软件是FrontPage和Dreamweaver。
[1] 这两个工具软件都提供了图形化的设计界面，FrontPage重视网页的开发效率、易学易用的引导过程，适合于网页设计的初学者；而Dreamweaver主攻的是网页高级设计市场，适合专业的制作人员使用。
鉴于Dreamweaver 在网站管理和网页编辑方面的卓越表现，我们采用它作为课程用软件。
图像加工软件有很多，如Photoshop、PhotoImpact、CorelDRAW、Illustrator、Fireworks，PhotoDraw等。
其中Photoshop是最著名、最专业的图像处理软件，适合网页图像的加工处理，所以我们采用Photoshop作为课程图像加工的软件。
而PhotoImpact自带丰富的图库，提供众多“即拖即有”的现成效果和创意工具，可以方便地创建网页上常用的导航按钮、横幅等个性化的图片，还可以对图片进行优化以使其适合网页发布的需要，所以我们选用其作为素材加工的软件。
网页动画工具有Flash、Gif Animator、LiveMotion、ImageReady等。
Flash 是矢量图形编辑和动画制作的专业软件，使用Flash制作的动画作品空间小，交互功能强，可以跨平台播放，在网页中有着广泛的应用，特别适合于制作声光效果俱佳的开场动画，所以我们选用其作为课程动画制作的软件。
鉴于Gif Animator在制作动态gif 格式图片的简单易用性，我们选择其作为制作动态gif图像的软件。
（3）强调 CSS 的作用制作网页，除了上面提到的HTML语言和工具软件之外，还需要掌握CSS设置页面元素的格式，美化页面。
CSS（层叠样式表）可以精确进行网页布局、设置特定的格式，实现HTML标记本身无法实现的格式，而且使用CSS可提高网页制作的效率，使网页代码简练，网页风格统一，在网页设计中是必不可少的。
三、教学方法我们采取在机房上课、边讲边练的方式和案例教学法。
1.在机房上课，边讲边练鉴于课程本身操作性的内容很多，我们充分利用多媒体双向教学环境，把课堂搬到机房，采用边讲边练的方式。
这种方式的优越性是：（1）在双向教学环境中学生人手一台机器，远比教室的大屏幕投影清晰得多；（2）这种教学环境实现了“教”与“学”的同步，教师可及时了解学生的问题，快速给予指导；学生可及时将学到的知识付诸实践，在实践中检验知识和技能掌握情况，出现问题可及时请教教师，也可通过周围同学的帮助得到快速解决；（3）学生在练习过程中，可通过网络方便、快捷地下载大课讲稿、练习素材等学习资源，提高学习效率。
2.案例教学讲课方式采用案例教学。
我们结合课程内容，制作了近百个精美的案例，每个案例都综合了若干个知识点。
课堂上先让学生观看相关案例，引出问题，然后在讲解知识点的同时实现案例的功能。
在讲解过程中注重基础知识的传授和基本技能的培养，同时介绍网页制作中的相关规范和标准，并且注意总结一些实用的技巧。
这种教学方式目的明确、形式生动，学生带着问题听课，学习兴趣和效果明显提高。
图1为框架布局案例，通过该案例的演示使学生了解框架布局的特点和实现功能，结合该案例的制作介绍了框架网页的创建、保存、编辑过程、设置框架间超链接、设置目标窗口、设置贯穿网站的背景音乐等诸多知识点。
四、实验教学实验教学是为学生消化吸收课程内容而设计的，通过实验教学的实施，使学生掌握网站设计与网页制作的知识与技能，培养学生计算机的综合应用能力和解决实际问题的能力。
实验教学设计得好能起到事半功倍的效果，使学生在很短时间内抓住学习的重点，掌握网页制作的方法和技能。
除了基础知识以外的6个模块，每个模块我们都精心设计了1~3个典型实验，学生通过完成实验掌握课程内容和发现问题。
实验设计的原则是：（1）强调基础：把学习内容的主要知识点设计到实验中，学生通过实验能抓住学习重点，以此展开学习；（2）具有拓展性：实验内容的一部分是课上没有讲到的，需要学生自行解决，目的是培养学生自主学习能力和探索精神；（3）体现制作规范和设计理念：实验本身要符合网页设计规范，版面美观，这样能激发学生的积极性，使学生养成遵守规范的习惯，还在潜移默化中熏陶了学生的审美观；（4）综合性：部分实验具有一定难度，学生要综合应用多种知识和技能才能完成。
为此我们共设计了16个实验，知识点覆盖教学内容的80%，使学生通过这些上机实验熟悉和掌握主要教学内容。
图2为实验“网页基本编辑”的最终效果，该实验使用Dreamweaver进行网页编辑，主要知识点有设置页面属性、设置文本格式、插入图像和设置图像格式、使用超链接。
这个实验中有两个知识点在此次课上没有讲到的，一是水平线的颜色设置，二是背景图像固定。
学生通过查找资料、运用之前学过的HTML知识等方法使问题得到了解决，这样既巩固了学过的知识，掌握了新技能，还锻炼了动手能力，也为CSS的引入作了铺垫。
五、学习任务设计在学生进行课程学习之初，我们通过布置一个学习任务（网站作品）使学生迫切感受到课程要求与自己现有认知结构的关系和差异，进而明确学习活动的方向和要达到的目标，然后向学生提供整体性的解决问题的思路示范，学生以个人或团队方式对任务进行分析和探索，最终使问题得到解决。
该任务作为一条主线自始至终贯穿课程，整个学习活动的展开都围绕着这条主线进行。
我们布置的学习任务是以团队形式制作一个网站，同时规定了基本要求：包括主题和内容要求、团队规模的限制、基本工作量要求、网站中必有的网页元素等；技术要求：包括主页文件命名规范、作品文件空间上限、栏目规划、导航和链接要求、网站文件管理、网页浏览兼容性等；版面与艺术效果：包括整体风格、排版布局、色彩搭配、网站logo、音乐、网页特效等。
同时我们也给出了该学习任务的量化评价指标，并在批改后反馈给学生。
我们设计的学习任务涵盖了教学目标所定义的知识，而且对学生已掌握的知识和技能有所超越，能使学生产生兴趣，激发学生的求知欲，从而使学生主动学习。
由于该任务有一定复杂度，我们鼓励学生用团队协作的方法完成任务，锻炼学生的团队协作能力，为日后实际工作奠定基础。
通过完成学习任务，学生不仅掌握了网站制作技术，还激发了学习兴趣,提高了学习能力和计算机应用能力。
六、学习效果本课程自开课以来，一直深受学生欢迎，选课人数远超课容量5倍以上。
开课以后教学效果良好，第二个学期的教学评估就达到优秀，总分91.21。
同时，学生对课程教学评价也很高。
参考文献：[1]李秀,安颖莲，姚瑞霞等.计算机文化基础(第5版)[M].清华大学出版社。
《网页设计与制作》教学设计
《网页设计与制作》教学方案任务一：了解超链接（详）→什么是超链接所谓超链接是指从一个网页指向一个目标的连接关系，这个目标可以是另一个网页，也可以是相同网页上的不同位置，还可以是一个图片，一个电子邮件地址，一个文件，甚至是一个应用程序。
→超链接分类型内部链接：这种链接的目标点是同个网站中的其他网页（文档），称为内部链接。
外部链接：这种链接的目标点是不同站点或本站点以个的网页（文档），称为外部链接。
空链接：指没有指定目标文件的链接，单击空链接不会打开任何文件。
电子邮件链接：链接到一个电子邮件地址。
教法：演示讲解学法：观摩认识任务二：创建超链接（详）1.到网站内页面的超链接——内部链接（网站内部页面之间创建相互链接关系）步骤1选中页面中的文字或图像，在属性面板中单击“链接”文本框右侧的文件夹图标，以通过浏览选择一个文件，也可以用快捷方式创建。
步骤2从“目标”下拉菜单中，选择文档的打开位置。
-self:会在当前网页所在的窗口或框架打开（默认方式）-blank：每个链接会创建一个新的窗口-new:会在同一个刚创建的窗口中打开-top:会在完整的浏览器窗口中打开-parent:如果是嵌套的框架，则在父框架中打开2.到网站外页面的超链接——外部链接步骤1选中文字或图像之后，直接在属性面板的“链接”文本框中输入外部的链接地址，如步骤2然后在“目标”下拉菜单中设置这个链接的目标窗口（参数同上）。
教法：演示操作学法：练习体验【提醒】链接中使用完整的URL地址如：是浏览网页网络协议)域名)任务三：判断超链接的访问状态（略）超链接的四个状态含义如下：a:link:超链接的正常状态a:visited:访问过的超链接状态a:hover:鼠标经过超链接时的状态a:active:选中超链接时的状态教学法：演示说明，学生学会辨别就可以了。
《制作网页》教学设计(精选)
《制作网页》教学设计(精选)《制作网页》教学设计(精选)一、引言现代社会高度依赖互联网，网页设计已经成为一项重要的技能。
本教学设计旨在帮助学生掌握制作网页的基本知识和技能，让他们能够独立设计并创建自己的网页。
二、教学目标1.了解网页设计的基本概念和原则；2.掌握HTML和CSS的基础知识；3.能够使用代码编辑器制作简单的网页；4.培养学生的创造力和团队合作能力。
三、教学内容1.网页设计的基本概念a.什么是网页设计？b.网页设计的重要性和应用领域c.网页设计的基本原则：布局、色彩、字体、图像等2.HTML基础知识a.HTML的作用和使用场景b.HTML的基本结构：标签、元素、属性c.常用的HTML标签：标题、段落、链接、图像等3.CSS基础知识a.CSS的作用和使用场景b.CSS的基本语法和选择器c.常用的CSS属性：字体、颜色、背景、边框等4.制作简单的网页a.使用代码编辑器创建HTML文件b.编写HTML代码并保存为网页文件c.编写CSS样式并与HTML文件关联5.项目实践a.学生分组，每个小组设计一个网页项目b.小组成员分工合作，实现网页设计与制作c.展示与评价：每个小组展示自己的网页项目，其他学生进行评价和提问四、教学方法1.讲授法：通过讲解网页设计的基本概念和原则，引导学生建立正确的认识；2.示范法：通过演示使用代码编辑器创建HTML文件和编写代码的过程，让学生能够清晰理解实际操作；3.实践法：通过项目实践，培养学生的实际操作能力和团队合作能力；4.评价反馈：通过展示与评价环节，激发学生的创造力，及时反馈学生的学习成果。
五、教学工具1.计算机和投影仪：用于演示和讲解；2.代码编辑器：推荐使用Sublime Text或Visual Studio Code等；3.浏览器：用于预览和测试网页效果；4.评价表格：用于学生展示与评价环节。
六、教学过程1.引入：通过展示一些精美的网页设计作品，引起学生的兴趣和好奇心；2.讲解：依次讲解网页设计的基本概念、HTML基础知识、CSS基础知识，并进行示范和实例演示；3.实践：将学生分组，并指导他们进行网页项目的设计与制作，引导他们运用所学知识完成项目；4.展示与评价：每个小组轮流展示自己的网页项目，并由其他学生进行评价和提问；5.总结：总结学生的学习成果和收获，强调网页设计的重要性和应用领域。
《网页制作》教学设计（5篇）
《网页制作》教学设计（5篇）作为一名优秀的教导工，通常会被要求编写教学设计，借助教学设计可以提高教学质量，收到预期的教学效果。
则写教学设计须要留意哪些问题呢？下面是我收拾的《网页制作》教学设计〔精选5篇〕，欢送阅读与收藏。
《网页制作》教学设计1一、教材或教学内容分析本章内容在本教材中的位置处于第五章,是在文字处理(Word2000)和网络根底及因特网应用两章之后。
学生所学的文字处理软件Word和将要学习的网页制作软件Frontpage同是Microsoft公司的产品,在软件的使用上有无数的共通之处,所以在学习frontpage的时候,无数内容可以让学生自学,而不必面面俱到地在课上讲授。
而第四章网络根底及因特网的应用又为学生对网页的理解奠定了根底,学生对网页中的根本元素——文字、图片、动画、声音等都有所了解,而网页的制作就是将这些元素重新组合到网页上,学生要学的就是这种组合的办法。
所以说,虽然大多数学生以前都未接触过网页的制作,但有了以上这些根底,学起来就轻巧多了。
本章内容根据学生已有的根底,我对教学内容分了一下类,也为教学的组织工作打下一点根底。
本章内容主要由网页根底学问、网站的建设和管理、网页的制作、创立超链接、图片的处理、网页框架。
重点是网页的制作和创立超链接,学会了这些就可以开场容易的网页制作了。
难点是网页框架,这局部互相之间关系比拟冗杂,必要时,教师在对各组个别辅导时,可以赋予分离解说。
这个分类可以为组长支配各个组员的任务提供参考,使分工越发合理。
二、教学对象的分析信息技术课虽然已经成为初中的必修科目,但是城乡学生之间控制状况的差别却相当大,条件好一点的初中学生不仅已经娴熟控制了课本上的内容,还对一些常用软件有所了解;而差一点的可以说是从高中开场才正式接触到信息技术学问的学习,他们须要多锻炼、多指导,所以配合学习对学生的学习帮忙很大。
三、教学策略的挑选及媒体的使用在教学策略的挑选上,我使用的是任务驱动和配合学习相结合的办法。
网页制作教学设计
网页制作教学设计（经典版）编制人：__________________审核人：__________________审批人：__________________编制单位：__________________编制时间：____年____月____日序言下载提示：该文档是本店铺精心编制而成的，希望大家下载后，能够帮助大家解决实际问题。
文档下载后可定制修改，请根据实际需要进行调整和使用，谢谢!并且，本店铺为大家提供各种类型的经典范文，如工作总结、实习报告、职业规划、职场语录、规章制度、自我介绍、心得体会、教学资料、作文大全、其他范文等等，想了解不同范文格式和写法，敬请关注!Download tips: This document is carefully compiled by this editor. I hope that after you download it, it can help you solve practical problems. The document can be customized and modified after downloading, please adjust and use it according to actual needs, thank you!Moreover, our store provides various types of classic sample essays, such as work summaries, internship reports, career plans, workplace quotes, rules and regulations, self introductions, insights, teaching materials, complete essays, and other sample essays. If you want to learn about different sample formats and writing methods, please pay attention!网页制作教学设计网页制作教学设计（通用5篇）作为一名老师，时常要开展教学设计的准备工作，教学设计是实现教学目标的计划性和决策性活动。
中职网页设计与制作课程有效教学的实践与探索
中职网页设计与制作课程有效教学的实践与探索随着互联网的快速发展，网页设计与制作已成为各个行业不可或缺的一部分。
为了适应社会的发展需求，中职教育开始兴办网页设计与制作课程，旨在培养学生的网页设计与制作技能，提高他们的就业竞争力。
这门课程的教学方式和效果一直是教育界关注的焦点。
本文将从教学实践和探索的角度，探讨中职网页设计与制作课程的有效教学方法。
一、教学目标和要求中职网页设计与制作课程的教学目标是通过系统的学习，使学生掌握网页设计与制作的基本理论和技能，具备较强的设计能力和实践能力，能胜任相关职业工作。
教学要求主要包括以下几个方面：1. 掌握网页设计与制作的基本知识，包括HTML、CSS、JavaScript等技术；2. 能够运用常用的网页设计工具，如Dreamweaver、Photoshop等；3. 具备良好的网页设计能力，能够独立完成网页设计与制作任务；4. 注重实践能力的培养，能够灵活运用所学知识解决实际问题；5. 培养学生的创新意识和团队合作精神，注重实践与实际项目结合。
二、教学内容和方法在教学内容方面，中职网页设计与制作课程主要包括网页设计基础知识、网页设计工具的使用、网页效果制作、网页交互设计等内容。
针对这些内容，可以采取多种教学方法，如理论教学、实践操作、案例分析、课外训练等。
可以引入项目式教学，让学生在实际项目中学习和实践，提高他们的实际操作能力和综合素质。
教学方法的选择要根据具体内容和学生特点合理搭配，注重理论与实践的结合，灵活运用各种教学手段，让学生既能够理解和掌握理论知识，又能够独立完成网页设计与制作任务。
在教学过程中，要注重引导学生主动学习，培养其自主学习的能力，激发他们的学习兴趣，使教学更加生动有趣。
三、教学实践与探索为了有效推进中职网页设计与制作课程的教学，需要不断进行实践与探索。
在教学团队建设方面，应该注重教师队伍的建设和培养，提高他们的专业素质和教学水平。
在教学内容设置方面，应该及时更新教学内容，结合行业最新发展，使课程内容更加贴近实际需求。
《网页设计与制作案例实战教程》-教案
网页设计与制作案例实战教程教案第1章网页设计基础1.收集不同汽车网页并分析其特点,如图为比亚迪官方网站首页。
2.收集不同手机网页并分析其特点,如图为华为官方网站首页。
第2章 Dreamweaver入门操作件。
小结熟悉Dreamweaver 的工作界面掌握站点的创建与管理掌握文档的基础操作课后练习1.酷乐冰屋根据所学内容制作酷乐冰屋网页。
2.哎呀宠物根据所学内容制作哎呀宠物网页。
第3章 HTML知识准备1.微著齿轮根据所学内容制作微著齿轮网页。
2.闪电速运根据所学内容制作闪电速运网页。
第4章页面与文本第5章图像与多媒体元素1.美相图片根据所学内容制作美相图片网页。
2.赛克音乐根据所学内容制作赛克音乐网页。
第6章超链接的应用第7章使用表格布局网页1.倏尔鲜花根据所学内容制作倏尔鲜花网页。
2.卓越办公根据所学内容制作卓越办公登录页。
第8章 CSS网页美化技术根据所学内容美化瑞成文具网页，前后对比效果如图。
根据所学内容美化玩偶之家网页，前后对比效果如图。
第9章 Div+CSS网页布局技术掌握CSS与Div布局基础小结掌握CSS布局方法1.湖江船业根据所学内容制作湖江船业网页，效果如图。
2.安居养老根据所学内容制作安居养老网页，效果如图。
第10章表单的应用1.倏尔鲜花根据所学内容制作倏尔鲜花网页。
2.卓越办公根据所学内容制作卓越办公登录页。
第11章模板和库根据所学内容制作格纹帽业网页。
第12章行为的应用根据所学知识为动物保护协会网页添加行为。
《网页制作》课程教学设计
《网页制作》课程教学设计一、教材分析《网页制作》是我校学生的主修科目。
在这之前，学生已经学习了《网络应用基础》，已初步掌握了因特网信息的浏览、检索、下载及电子邮件的使用等基本操作技能。
因此，学生已经具备了获取信息的能力，《网页制作》的教学则侧重培养学生对信息的组织和表达能力，这对于加强学生的信息意识，提高信息处理能力有着重要作用；网页设计给学生提供了展示个性、自主创新的舞台；网页评价使学生了解内容编排的原则，页面布局和色彩搭配的重要性，提高他们的艺术修养和审美情趣。
教学过程中使用的网页制作软件是Dreamweaver8。
由于Dreamweaver8采用了图形化的操作界面，并且可以根据用户创建的网页对象自动生成HTML代码，所以，在整个教学过程中，可以采用“任务驱动”的教学模式；学生通过“小组协作”的学习方式，在教师的指导下自主学习新知识和掌握新技能。
二、设计思想1、任务驱动“任务驱动”的教学原则是：学生的学习活动与大的任务或问题相结合，以探索问题来引发和维持学习者的学习兴趣和动机；创建真实的教学环境，让学生带着真实的任务去学习，在整个过程中，学生拥有学习的主动权，教师不断引导和激励学生前进，从而使学生真正掌握所学的内容，并通过此任务举一反三，收到更好的学习效果。
《网页制作》可以将创建一个“班级网页”作为教学的主线，教师通过创设情境，激发学生的创作欲望，把总任务划分到每个单元知识的学习中去，按照学生的制作进程来布置和调整子任务，使学生在教师的引导下逐步达成教学目标。
由于整个任务是以学生的学习生活为题材，相关的信息来自学生生活的班集体，所以能够激发学生的学习兴趣和创作欲望，使他们的学习态度从“要我学”到“我要学”发生巨大转变，从而顺利地完成学习任务。
2、小组协作协作学习是指学生以多人为单位分组协作学习，以培养协作精神和提高学习效率。
在协作学习过程中，个人学习的成功与他人学习的成功是密不可分的，学习者之间保持融洽的关系和相互协作的态度，共享信息和资源，共同负担学习责任，完成学习任务。
网页设计与制作课程整体教学设计
六、教学效果
校内督导评价
潍坊职业学院教学督导室主任周希华教授： 信息工程学院的《网页设计与制作》课程是一门实践
课程设计理念与思路
一是以真实的项目为载体重构和序化 教学内容，而不是按照传统的原理、 实验、实训的内容进行教学；
二是在课程教学过程中开放性地引入 企业工作流程、行业标准和企业主流 技术；
三是将网页制作相关职业岗位的典型 工作过程作为组织教学内容的基础；
四是以启发学生主观能动性和培养学 生的自主学习能力作为课程教学的着 力点。
二、教学内容—教学内容的组织与安排
基于工作过程设计教学内容 结合网页设计与制作的基本特点和学生的学习认知规律 ，打破原有的知识体系结构，按工作过程重组、序化教学 内容。根据专业培养目标和课程培养目标，课程组联合企 业专家对不同的岗位工作任务进行细化、归纳，设计了7个 学习情境，每个学习情境按照工作过程，又分成若干个工 作任务，将所有知识点融入工作任务的讲解中，从简单到 复杂、从入门到深化进行科学安排，循序渐进的实现教学 目标，课程内容与项目开发内容一致，理论与实践一体化 ，实现学习和工作的深度融合。
作品展示个人自评、小组点评、教师 点评、用户点评。
学 结 合
三、教学方法与手段—教学模式设计与创新
教学方法设计
项目 教学法
任务驱 动教学
法
案例 教学法
教学 方法
案例 教学法
案例 教学法
启发 教学法
三、教学方法与手段—教学手段
“网页制作”的教学设计与实践探究
“网页制作”的教学设计与实践探究【摘要】本文旨在探讨“网页制作”的教学设计与实践。
在我们将介绍这一主题的背景和意义。
在首先讨论教学设计在网页制作教学中的重要性，并介绍其基本原则。
接着我们将探讨网页制作教学的实践方法，结合案例分析展示具体应用。
我们将进行实践效果评估，探讨教学设计对学生学习的影响。
在结论中，我们将总结“网页制作”的教学设计与实践，强调其重要性和有效性。
通过本文的探讨，读者将能够更深入地了解如何设计和实践网页制作教学，提升教学效果和学生能力。
【关键词】网页制作, 教学设计, 实践探究, 教学设计的重要性, 教学设计的基本原则, 网页制作教学的实践方法, 案例分析, 实践效果评估1. 引言1.1 “网页制作”的教学设计与实践探究在当今信息化社会，网页制作已经成为一项必备的技能。
如何进行有效的教学设计和实践探究对学生的学习至关重要。
本文旨在探讨“网页制作”的教学设计与实践，帮助教育工作者更好地指导学生掌握相关技能。
在进行网页制作教学设计时，需充分考虑学生的学习特点和需求，因此教学设计的重要性不言而喻。
设计合理的教学计划能够帮助学生有效地学习和掌握知识技能。
教学设计的基本原则也是至关重要的，包括启发学生的兴趣、注重实际操作、强调实践与理论相结合等。
在实践过程中，教育工作者需要采取多种方法来引导学生进行网页制作，例如导入案例分析、小组合作学习、实地操作等。
通过多种实践方法的运用，可以提高学生的学习积极性和主动性。
还需对实践效果进行评估，及时总结经验教训，不断优化教学设计和实践方法。
通过对“网页制作”的教学设计与实践的探究，可以帮助教育工作者更好地指导学生掌握相关技能，提高教育教学质量，培养学生的创新能力和实践能力。
2. 正文2.1 教学设计的重要性教学设计在网页制作教学中起着至关重要的作用。
教学设计可以帮助教师系统地规划教学内容和教学过程，确保教学目标明确、教学步骤合理。
通过教学设计，教师可以提前预设学生可能遇到的问题和困难，从而有针对性地准备教学案例和解决方案。
《网页制作与设计》课程设计
《网页设计与制作》课程设计一、课程设置（一）课程的基本信息本课程授课的对象主要为电子商务专业和平面设计的学生。
教学时数现安排是：理实一体课46学时、实训一周。
（二）课程定位在电子商务和平面设计专业中，网页设计与制作课程主要培养学生的专业基本能力，它为专业核心能力—Web程序设计提供基础。
（三）课程目标1．知识教学目标(1)掌握网页制作相关基础知识；(2)掌握网站创建的流程以及网站基本架构的设计与创建方法；(3)掌握Dreamweaver的基本使用方法，包括如何插入各类网页元素并进行编辑、利用各种工具布局页面等；(4)掌握与图像处理软件相结合设计网站的方法。
2．能力培养目标(1)能合理规划站点并能利用网页制作软件Dreamweaver建立网站。
(2)掌握构建简单的动态网页的基本技术。
3．专业思想教育目标（1）文明、法制意识：网站内容应积极健康向上，不做违法的事；（2）合作精神：能够与他人进行合作，具有协调工作能力和组织管理能力；（3）较强的自我知识及技术更新能力：快速跟踪网页制作的新技术及市场应用动态。
二、课程设计（一）理念与思路1．以工作过程为导向，整个网站贯穿整个教学本课程将完整的静态网站页面设计作为教学内容，从网站的需求分析、设计规划、系统设计、系统实现再到系统测试及发布，将这些内容贯穿到教学的不同环节，让学生以最接近工作实际的方式开展静态网站设计，真正掌握实际工作所需的能力，真正做到学以致用。
课程教学围绕整个真实网站展开，各个教学单元采用“任务驱动、行动导向”教学方法，网页制作技能训练在真实工作环境中实施，突出职业能力和综合素质的培养。
课程结束后，学生能掌握静态网站设计的全部过程，为以后的工作奠定坚实的基础。
2．与相关认证结合，突出学生的职业能力考核根据企业岗位技能需求，本课程引进全国计算机信息高新技术—网页制作员级考证。
通过考试检验学生的职业能力和水平，为学生以后的求职就业提供了有力证据。