下载文档原格式
教学设计：动态网页制作教学设计各位读友大家好，此文档由网络收集而来，欢迎您下载，谢谢随着新一轮课程改革的进行，研究性学习、webquest等利用网络资源的课程计划和课程单元已步入师生的日常教学活动中，信息技术与学科整合已成为中小学教学的一道亮丽的风景。
学生的学习方式正从单一、被动的学习方式向多样化、互动性的学习方式转变，自主探索、合作交流已逐步成为学生乐于接受的学习方式。
本文试以广东省高级中学课本《信息技术》第一册“动态网页制作”的教学设计来加以论述，主张在信息技术教学中，要克服单纯只教技术的观点，注重培养学生的协作创新精神和审美意识，引导学生将信息技术作为支持其主动探究学习及终身学习的工具。
【指导思想】引入美国学者比尔的“三层塔”教学思想，比尔“三层塔”教学法包括三个步骤：第一，讲完一般的背景后，接着进行本门学科的训练；第二，运用本门学科的知识，解决这一领域的大量问题；第三，各门学科通过共同的问题，互相联系起来。
通过运用“三层塔”教学法，引导学生搜索其他相关学科的素材和利用网络学习环境，互动协作完成网页作品创作的过程。
结合启发式教学、自主探究学习模式，引导学生探究学习、合作学习，实现将能力的培养落实到一个个具体的教学任务中去。
【教学课题】动态网页制作1课时【教学目标】①认知目标：掌握两种以上动态网页制作的技巧，具体哪一种不作硬性要求，如：悬停按钮、横幅广告管理器、滚动字幕的制作方法，学会添加背景音乐等。
②技能目标：能在网页设计时根据需要适当加入悬停按钮、横幅广告管理器、滚动字幕和添加背景音乐等特效；培养学生网页设计的审美能力、互动协作能力、创新能力。
③情感目标：通过创作——交流——评比的教学手段，激发学生们高涨的学习兴趣，在操作的同时获得成功的喜悦。
【教学重点、难点及对策】①难点：网页制作通过前面几个小节的学习铺垫，大部分学生对掌握本节的技巧并不困难。
而难点在于怎样根据主题设计一个动静相宜、图文并茂、色彩和谐的优秀网页，逐步建立起比较直观、全面的优秀网页概念。
第一章、网页设计简介一、万维网概述1、万维网（World Wide Web,WWW）是一个基于超文本（hypertext）方式的信息检索服务工具。
超文本结构通过指针方式连接，可以使任何地方之间的信息产生联系，这种联系可以使直接的或间接的，也可以使单向的或双向的。
2、WWW系统允许超文本指针所指向的目标信息源不仅可以使文本，也可以是其他媒体，如图像、声音等信息，更重要的是可以把分散在不同主机上的资源有机地组织在一起，这种超文本结构与多媒体的结合体，被称为“超媒体”。
3、WWW获得成功的秘诀在于它制定了一套标准的、易于人们掌握的超文本开发语言HTML、信息资源的统一定位格式URL和超文本传送协议HTTP，用户掌握后可以很容易的建立自己的网站。
二、HTML语言1、WWW所使用的母语就是HTML语言。
2、HTML使Hypertext Markup Language的英文缩写，即超文本标记语言，它是构造Web 页面（page）的主要工具。
3、设计HTML语言的目的是为了能把存放在一台计算机上的资料与另一台计算机中的资料方便的联系在一起，形成有机的整体，人们不用考虑具体信息是在网络的那台计算机上。
4、使用HTML语言描述的文件，能独立于各种操作系统平台（如UNIX、Windows等），访问它只需要一个WWW浏览器，我们所看到的页面，使浏览器对HTML文件进行解释的结果。
5、可以通过浏览器直接查看一个页面的HTML源代码，例如在IE浏览器菜单栏上选择“查看”——“源文件”即可。
三、网页设计的相关概念1、超链接网页时使用HTML语言编写的，其特点就在于“超链接”。
超链接（Hyper Link）是特殊的文字标识，它指向了WWW中非资源，例如一个网页、声音、文件、网页的一个段落或者WWW中的其他资源等，这些资源均可放在任意一个服务器上。
鼠标单击超链接时，就会跳转到超链接所指向的资源，就可以从WWW上下载新的信息。
判断一个网页的某个部分是否是超链接，就是当鼠标的光标箭头拖到这个地方时，如果是超链接，浏览器便会改变光标为一只手的形状。
《动态网页设计》考核班级电商1132 姓名张威学号2011401043 成绩一、请叙述静态网页与动态网页有何区别？当前主流的动态网页开发语言有哪些？你所在企业的网站采用的是何种动态网页开发语言？这种动态网页技术相比于其他动态网页技术有何优势？答：（1）静态网页与动态网页有何区别:1、维护量大小静态网页的致命弱点是不容易保持，以不断更新的网页内容，你必须不断的重复制作文件，随着网站的内容和信息量的放大，你会觉得工作量是超乎想像的。
动态网页一般以数据库技术为基础，可以大大降低网站维护的工作量；2、功能静态网站没有功能，一切都要手工来操作，动态网页技术的网站可以实现更多的功能，如用户注册，用户登录，在线调查，用户管理，订单管理等；3、存储空间静态网页都是存放在FTP中，而动态网页则是分二部分存放，页面部分存放在FTP空间中，数据库存放在数据空间中。
4、搜索引擎的抓取静态网页以htm、html、shtml、xml后缀结尾有利搜索引擎的抓取，动态网页”？”对搜索引擎具有的检索问题，搜索引擎一般不可能从一个网站的数据库访问的所有网页，或出于技术方面的考虑，搜索蜘蛛抓取网址”？”后面的内容，因此采用动态网页的网站在进行搜索引擎推广时需要做一定的技术处理适应搜索引擎的要求。
5、使用语言静态网页使用语言：HTML（超文本标记语言），而动态网页使用语言：HTML+ASP 或HTML+PHP 或HTML+JSP 等。
（2）当前主流的动态网页开发语言有: ,php,jsp.（3）采用的动态语言是：（4）优势：1、增强的性能。
是在服务器上运行的编译好的公共语言运行库代码。
与被解释的前辈不同， 可利用早期绑定、实时编译、本机优化和盒外缓存服务。
这相当于在编写代码行之前便显著提高了性能。
2、世界级的工具支持。
框架补充了Visual Studio 集成开发环境中的大量工具箱和设计器。
WYSIWYG 编辑、拖放服务器控件和自动部署只是这个强大的工具所提供功能中的少数几种。
计算机动态网页设计中多元素应用探讨作者：付欣来源：《消费电子·理论版》2013年第11期摘要：在经济高速发展的今天，科技也发生着日新月异的变化，给互联网技术的发展带来了机遇和挑战。
网络技术在人们的生活中起着十分重要的角色，给人们的生活带来了很多的便利。
随着生活水平的日益提高，人们对网页设计不仅局限在获得高效的信息上，对于网页的美感也提出了较高的要求。
这就要求设计工程师应该采用多元素的设计手法，提高动态网页的艺术魅力。
关键词：动态网页设计；3D视觉元素；水墨画元素；肌理元素中图分类号：TP393.092 文献标识码：A 文章编号：1674-7712 （2013） 22-0000-01一、动态网页与水墨画元素（一）网页中的水墨元素。
网页设计既需要创新也需要传承中国的传统文化，水墨画元素在网页中的应用将现代艺术和传统艺术很好的结合起来。
水墨画元素借助绘画的手法使信息得以传播，给网页设计注入了新的思想。
网页设计中的水墨元素继承了中国传统的人文思想，丰富了设计作品的文化，提高了网页设计的艺术魅力。
（二）水墨元素的动态化。
水墨画是中国传统文化的瑰宝。
新技术和水墨画的融合，尤其是网页设计与其的引入给网页设计师提供了新的思路。
计算机网页设计工程师将水墨作为一种设计符号，结合多种声音、图像、文字进行一种情趣的设计，将美好的意境展现给大众。
给浏览者一种别样的感受，网页的动态效果使水墨画的美感更加具有视觉冲击力。
用户在浏览信息时会遇到很多等待界面，一个动态的水墨画界面对于浏览量的增加具有十分显著的效果。
传统的进度条网页设计手法和水墨画动态设计手法相比，后者使得用户感觉浏览等待的时间大大减少，这主要是因为水墨画的动态网页设计分散了用户的注意力。
水墨画的动态网页设计，丰富了网页的内容，将一种自然美很好地体现给用户。
水墨画的动态设计使得水墨具有了无限的生命力，增加了网页的形式，沟通了用户和设计师，使两者有了更好的沟通。
