《网页制作教材编写》PPT课件.ppt

1、网页制作教材编写 经验交流 C余姚市第四职业技术学校 陈伟,编写原则： 1、突出职校特点，以职业能力为本位，以技能教育为重点。 编写中以应会为主，以应知为辅。突出操作，淡化理论。重视教学过程和学生学习知识的过程。重视学生操作能力的培养，强调教学中实用技能的训练。把提高学生的职业能力放在突出的位置，加强实践性教学环节。,编写原则: 2、教学内容的选择上以学生为本位，以实用性和就业为目标。 教学内容能适应行业技术发展，体现技术的先进性、前瞻性和延续性。 教学内容要以就业为导向，将学生日后就业可能遇到的问题纳入到教学内容中，提高教育与培训的针对性和适应性。突出“学以致用”。,编写原则： 3、教学内容

2、的编写上以学生兴趣为先导。采用项目教学的方法。并在教学内容中采用大量的案例，增强教材的可读性。 避免“大而全”，强调够用原则，从实际需要出发，需要哪些功能就讲解、讲透哪些功能，让学生完全掌握。而教学中没有涉及到的内容则通过课后练习、指导和问题讨论的方式让学生自学完成。培养学生的自学能力，激发学生的学习主动性。,编写原则： 4、重视课后练习的编写。 在课后提供足够的课外练习素材以供学生练习，促进学生深入理解所学知识 。给予学生更多的动手机会，通过更多的感性接触来促进学生的理性认识，在练习中激发学生的学习兴趣和学习的主动性。,具体编写： 1、网页编制软件的选取 现在出了很多 “所见即所得”的网页制

3、作软件，再也不用一行一行编写源代码的方式来编制网页。为适应行业技术发展，体现教学内容的先进性和前瞻性。我们为计算机专业的学生选择了网页制作的专业软件DreamWeaverMX，以它为主干，贯彻整本教材。同时选择了Flash来制作网页中的动画素材，选择了Photoshop软件来处理和制作网页中的图片素材。,具体编写： 1、网页编制软件的选取 我们之所以选择DreamWeaver，而没有选择FrontPage。一是因为DreamWeaver是属于专业的网页制作软件，二是因为DreamWeaver也是IT行业中网页制作专业人员手中的最常用的工具。 我们的图形工具没有选择常用的Firework，而把F

4、irework改成Photoshop 软件。一方面是Firework软件能做的Photoshop都能做，然而Photoshop的应用却更加广泛；另一方面从学生就业角度考虑，学生会用Photoshop软件也能在从事网页制作工作时，也能兼职用Photoshop软件进行平面设计，扩大了学生的就业与职业适应面。,具体编写： 2、网页制作内容的确定 本书教学内容定位在静态网页的制作、设计和发布，为动态网页的制作做辅垫，从内容和软件上做知识准备。这主要是从中职学生的特点来考虑的。 教学内容具体包括：网页的基础知识、HTML语言、DreamWeaver软件、Flash软件、Photoshop软件、CSS层叠

5、样式表、Script脚本。 具体编写时避免“大而全”的思想，不全讲，强调够用就行，从实际需要出发，从项目、案例出发，需要哪些内容就讲解、讲透哪些功能，突出“学以致用”的特点。 而教学中没有讲到的内容则通过课后指导和讨论等方式让学生有选择的自学。,具体编写： 3、教学内容的安排 本书按照学生学习网页的特点，循序渐进、由浅入深的介绍网页制作技术。 通过实践，我们发现学生学习网页制作时分为三阶段。因此，我们在教学内容的安排上也按照这种思路进行编排。,具体编写： 3、教学内容的安排 第一阶段，即初级阶段，就是能把各种现成的素材放到网页中，制作成一个个网页，并能在网页中对这些内容进行简单的排版，并能将些

6、网页链接起来，构成一个完整的网站。通过这一阶段的学习，学生能够制作出网页、网站就完成了这一阶段的教学目标，学生也就在网页制作这一领域中入门了。,具体编写： 3、教学内容的安排 这一部分是学好以后网页知识的基础。因此，在内容编排上，我们分成四个章节来进行教学： 网页制作基础（包括WWW服务与超链接、什么是网页与网站、常用的网页设计工具） DreamweaverMX入门（工作界面和基本操作、站点的建立及规划、网页页面属性的设置、文本的格式化、图像的插入及设置、超链接的设置、其他媒体的插入与使用、强大的层叠样式表） 网页的布局和定位（表格的建立与设置、表格在排版中的应用、层的建立与设置、层在排版中的

7、应用、框架的使用） 快速建站技术模板和库的应用（模板的建立、模板的应用、库的建立、库的应用）。,具体编写： 3、教学内容的安排 第二阶段，我们称为中级阶段，就是对网页的美化和规划设计，包括各类素材的处理，网站整体的色彩搭配、页面的布局、栏目的规划。 这一阶段的教学是建立在学生已经掌握了Flash和Photoshop的基础操作基础上的，而在网站设计上突出介绍提供给学生各类优秀网站让学生自我体会、感悟，教学中教师应该根据学生所做作品的特点有引导性让学生学习某些符合他自身特点的色彩搭配和网页布局，并设计出有自身特点的作品。而不做硬性的一刀切。,具体编写： 3、教学内容的安排 这里共分了3章内容： 用

8、FlashMX加工美化网页（认识FLASHMX的工作界面、制作Logo、制作Banner、制作导航栏、制作欢迎页） 用Photoshop处理网页图片（认识Photoshop的工作界面、网页图片的加工、制作网页按钮、制作网页小图标、制作网站标志LOGO、制作网站首页、制作网站横幅、制作网站背景） 网站设计（怎样设计网站、网页版面布局的设计、网页的色彩搭配）。,具体编写： 3、教学内容的安排 第三阶段，我们称为高级阶段，主要内容是网页特效的制作和中小型网站的建立方法，这一阶段的学习除了能让网页更有技术含量、更有动感外，还能掌握中小型网站的建立方法，同时也为基于后台数据库的网站制作打基础。 这里共有

9、2章内容： 网页动态效果的制作（用DreamweaverMX制作动态效果、常用的Script脚本的插入与使用、利用CSS制作各类特效、表单的制作与应用） 网站的发布（网站的建立、网站的上传）。,具体编写： 4、课后的练习和评价 课后的练习，我们分为两个层次: 第一层次是老师上课所讲的内容，课后让学生进行简单的模仿，并完成就可以了； 第二层次是只提供素材，让学生能够进行自我创作、允许学生进行发挥。,具体编写： 4、课后的练习和评价 在评价上，对于只完成第一层教学要求，即完成老师上课时所讲授的内容，就给60分，要求所有学生完成。对于能完成第二层教学要求的，即能根据课后提供的素材自主的完成网页设计的

10、，最低给80分，最高100分，要求有自主学习能力较强者完成。 同时，评价时要重视学生的学习过程，重视评价学生在制作网页的过程，重视评价学生在遇到困难时所表现出来的态度，重视学生是否在作品中体现出了他自学到的知识，评价学生的自主学习能力。而不只通过一个学期的期中、期末考试时学生的作品来简单的评价一个学生的学习结果。,具体编写： 5、课后辅导与学生自主学习能力的培养 这本教材的内容是本着够用原则来进行编写的，网页制作中的很多技术是没有体现和表现在教材中的。学生在课后操作中自然而然的会碰到课堂上没有讲到的内容，或者新出现的技术。 如：如何在网页中插入视频？如何在网页中插入一些3维素材？对于这种情况，就需要老师进行课后辅导和引导学生进行自主的学习，学生在学习过程中碰到问题，然后在自己的努力下解决这个问题会激发他的自信心，他的学习积极性。在解决问题的过程中又培养了他的自主学习能力。,具体编写： 5、课后辅导与学生自主学习能力的培养 这里我提供一种课后辅导的方法：即建立论坛，提供一种学生相互交流技术和解决问题的平台，也提供给老师一个非对称和网络环境下教学的方法，教师也可以在