动态网页制作心得
动态网页制作心得3篇(网页制作动态效果)
下面是范文网小编整理的动态网页制作心得3篇(网页制作动态效果)，供大家参阅。
动态网页制作心得1
一、教学目标：
1、知识目标
（1）了解动态HTML，动态网页的概念
（2）能够实现简单的动态HTML效果，能够插入简单的javascript代码（3）掌握动态网页的特性
2、能力目标
（1）培养学生的探究学习能力（2）进一步提高学生的审美能力
3、情感目标
（1）培养学生正确评价、选择、运用信息的价值观（2）培养学生的版权意识
（3）使学生正确认识技术的两面性。
二、教学重点与难点 重点：
（1）动态HTML和动态网页的概念（2）插入简单的动态HTML特效 难点
插入javascript网页特效
三、教学过程
（一）动态HTML的概念
1、情景创设
教师：展示做好的网页，网页中有许多动态HTML的效果，问：请观察以下网页，注意哪些地方发生了动态的变化？
学生：仔细观察，发现有文字移动，背景颜色随鼠标变化等特效，兴趣大增。教师引导：同学们想不想学呢，这是什么技术呢？
2、动态HTML(DHTML)的 概念
教师给出概念：在脱离网络环境下，网页下载到浏览器以后仍能够随时变换的HTML
3、教师演示：
在FrontPage中，提供了一些动态HTML效果，教师演示操作步骤 例1：实现简单的动态HTML效果 演示:鼠标特效
方法：格式----动态HTML 教师只演示其中一个，其他例子先让学生自己探索。培养学生的自学能力。学生探索研究后，老师请先完成的同学出来演示，并讲解难点，如鼠标悬停效果。
4、学生练习
教师讲解完后，让学生继续巩固动态HTML特效，做练习一 练习一：实现简单的动态HTML效果（1）、网页加载效果
（2）、鼠标悬停效果（提供背景图片）（3）、单击（4）、双击
5、学生成果交流与评价
问：是不是动态效果越多越好呢?培养学生审美观。
让学生相互评价，哪些地方加得恰到好处，哪些地方加得不大合适？
教师总结：frontpage2000自带的动态HTML特效，实质上是在原网页上自动增加了一些代码，那么，除了frontpage2000自带的动态HTML特效，还有更丰富更具个性化的特效吗？
6、引伸：
为进一步理解动态HTML，不仅仅是ftontpage自动产生的那些，还有更加丰富更加全面各种特效，教师提供一些简单的javascript小程序，对动态HTＭＬ作一些引伸，例2：插入简单的javascript网页特效 教师演示：怎样插入“显示当前日期”的代码 强调难点：一定要注意插入代码的位置。练习二：请插入以下几个网页特效（1）、记数器（2）、显示当前时间（3）、跟随鼠标的时钟（4）、礼花背景
教师事先准备好这几个小程序，学生分组练习，分四组，每个组只要完成其中一个特效。
7、学生作品交流与评价
教师小结：这里只是插入的最简单的代码，还有一些复杂的代码在以后的章节中有要求进一步学习，javascript小程序是实现动态HTML特效的主要工具。还有css等等 注意：使用别人代码时，要注意别人的版权信息。同学们还想更多特效，教师提供以下网址，课外资源 七色风网页特效 网页特效观止 网页特效
你知道乱用javascript特效的后果吗？有些人专门编制了这种小程序，对网页产生了一些破坏作用，这是非常不道德的。
同学们对于动态HTML非常感兴趣，特鼓励同学好好专研，成为javascript的编程高手。
过渡：进一步理解动态网页的概念。动态网页不仅局限于动态HTML 还包括采用CGI、ASP、JSP、PHP、Perl等技术动态生成的页面
（二）、动态网页的概念
这里所谓的动态主要强调的是人机关系，即，按照访问者的不同需要对访问者输入的信息作不同的响应，并提供相应的信息。
教师展示网站，让学生体验良好的人机关系，这些网站主要是由asp、php等技术生成的 例3：认识几种动态网站 请学生讨论完成以下表格： 静态网页 动态网页
是否支持动态显示效果 无法实现动态显示效果 能实现个性化的交互功能，能否及时更新和响应 维护繁琐，不便人机交互,信息反馈 更少的刷新、更快的响应并减轻了服务器负担，维护简单，交互功能强，交流方便
是否能支持数据库 无法支持数据库 支持数据库，查询修改数据方便
动态网页制作心得2
网页制作心得
做好主页，并不是一件容易的事，它包括个人主页的选题、内容采集整理、图片的处理、页面的排版设置、背景及其整套网页的色调等很多东西。
一、准备资料和挑选网页设计的合适工具
俗话说：“巧妇难为无米之炊”。做主页当然要收集、准备资料。在网上多转转，看到什么漂亮的网页，把它保存起来，作为以后自己设计主页时的参考。另外，还包括搜集美化主页可能要用到的各种材料，如背景、线条、小动画图标等等。你可以在硬盘上建一个文件夹，下分“e-mail图标、背景、线条、动画”等文件夹，养成上网时看到有创意、新鲜的图像，就按鼠标右键存入你硬盘相应文件夹的习惯，时间一长你就有拥有了一个可观的图库，等做主页时随手拈来或加以修改就成你自己的东西了。
二、规划好整个网站
主页的设计应以醒目优先，应该令人一目了然，切勿堆砌太多不必要的细节，或使画面过于复杂。要做到这一点，首先要在整体上规划好自己网站的主题和内容，确定自己需要传达给访问用户的主要信息，然后仔细斟酌，把自己所有要表达的意念合情合理地组织起来；其次，是设计一个富有个性的页面式样，务求尽善尽美。这样制作出来的主页才会清晰、明了、内容充实。切记，页面给人的第一观感最为重要！在网上到处浏览网站的人很多，如果你的主页给人的第一印像没有吸引力，很难令他们深入观赏，而且他们恐怕再也不会访问你的网站了。
三、善用图片，增强艺术效果，加快主页浏览速度
网页的迷人之处之一，要算它上面能点缀许多漂亮的图片。精******图片设计，可以使自己的网页增辉不少，令人过目不忘。图片的内容应有一定的实际作用，切忌虚饰浮夸，同时还要注意与文字的颜色搭配。最佳的图像集美观与资讯于一身。
动态网页制作心得3
烟台大学文经学院
姓名：班级：学号：
网 页 制 作 课 程 心 得
题目：xxxxxx
xx xxxxx xxxxxxxxxx 我制作的动态网页的主题是宣传我的家乡，通过网页将家乡的特色表现出来。通过网页可以让关注本网页的人更多的了解枣庄。还对一些热爱旅游的驴友来枣庄时可以更快的融入我们枣庄这个大家庭。
我制作的网页内容丰富。其一，包括枣庄的新闻，最新的新闻可以使人通过现有发生的事来了解枣庄，新闻来源是枣庄最大的新闻网“齐鲁在线”，新闻真实有效。其二，有丰富的图片，图片可以说明问题，可以更好的反映枣庄的美景特色。图片来自枣庄旅游局官网。其三，有动听的音乐，收录了中国动听的音乐，有反映枣庄铁道游击队时的歌曲。其三，有中国各代在中国出现的名人。例如：墨子，奚仲，匡衡，孟尝君，兰陵笑笑生等名人的个人介绍。其四，有好的视频。是枣庄旅游宣传片，精彩不容错过。其五，有专属于枣庄的贴吧，点击链接到百度枣庄贴吧。其六，有文库，里面介绍枣庄来历，发展，枣庄人的精神。其七，包含枣庄的地图，地图上标注了枣庄的有名的旅游景点，例如，台儿庄大战纪念馆、万亩榴园、熊耳山、微山湖的景点。
动态网页设计这门课程是一门综合性很强而且非常实用的课程。包括.html、CSS、js、ajax、面向对象等等。这门课程让我了解到是一个统一的Web开发模型，能使用尽可能少的代码生成企业级网站所必需的各种服务。让我明白了如何去创建一个网站。
…表示文档头部信息。动态网页制作心得3篇(网页制作动态效果)
