动态网页制作与感想
动态网页制作与感想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小程序,对动态HTML作一些引伸,例2:插入简单的javascript网页特效 教师演示:怎样插入“显示当前日期”的代码 强调难点:一定要注意插入代码的位置。练习二:请插入以下几个网页特效(1)、记数器(2)、显示当前时间(3)、跟随鼠标的时钟(4)、礼花背景
教师事先准备好这几个小程序,学生分组练习,分四组,每个组只要完成其中一个特效。
7、学生作品交流与评价
教师小结:这里只是插入的最简单的代码,还有一些复杂的代码在以后的章节中有要求进一步学习,javascript小程序是实现动态HTML特效的主要工具。还有css等等 注意:使用别人代码时,要注意别人的版权信息。同学们还想更多特效,教师提供以下网址,课外资源 七色风网页特效 网页特效观止 网页特效
你知道乱用javascript特效的后果吗?有些人专门编制了这种小程序,对网页产生了一些破坏作用,这是非常不道德的。
同学们对于动态HTML非常感兴趣,特鼓励同学好好专研,成为javascript的编程高手。
过渡:进一步理解动态网页的概念。动态网页不仅局限于动态HTML 还包括采用CGI、ASP、JSP、PHP、Perl等技术动态生成的页面
(二)、动态网页的概念
这里所谓的动态主要强调的是人机关系,即,按照访问者的不同需要对访问者输入的信息作不同的响应,并提供相应的信息。
教师展示网站,让学生体验良好的人机关系,这些网站主要是由asp、php等技术生成的 例3:认识几种动态网站 请学生讨论完成以下表格: 静态网页 动态网页
是否支持动态显示效果 无法实现动态显示效果 能实现个性化的交互功能,能否及时更新和响应 维护繁琐,不便人机交互,信息反馈 更少的刷新、更快的响应并减轻了服务器负担,维护简单,交互功能强,交流方便
是否能支持数据库 无法支持数据库 支持数据库,查询修改数据方便
动态网页制作与感想2
感想
我觉得网站设计的发挥空间是无限广阔的。
首先互联网走进千家万户了,人们上网机会多了,网站是直接给客户浏览信息,和客户面对面交流的基本途径,也是最直观的展现媒体。
通过丰富的各种网站流媒体,例如flash,视频,音乐 等
现今的世界是信息化的的世界,随着计算机技术和通信的技术的高速发展,互联网从而得到了长足的发展,同时使得互联网在人们的工作生活中越显得重要,成为了必不可少的组成部分。现在网上购物、远程教育、远程医疗等都是其应用的最好证明,更进一步来说互联网的应用推动了生产力的发展,改善了人们的生活水平。
互联网的应用离不开形形式式的网页、网站,要制作一个受欢迎的网页不仅要内容充足、独具特色、适合大众的口味,更需要一个引人入胜的界面,无论从排版、文字、图案、结构等要素都要组合成一个有机的整体,让网民一进入网站就能引起其注意。
“知其易而行后难”,平时在网上冲浪时是那么的自由、舍意,在享受上网乐趣时却不知要制作出一个看似普通的网页却要付出很大的努力,无论从网页设计到内容的搜集都马虎不得,可能为了某一细微之处呕心沥血。本学期学习了Frontpage并要自己来制作才知其中的难处。
从这次制作网页的过程中可以体会到,要制作出一个完整的网页首先要定好主题,我们就可以围绕该主题取材,因为我们现阶段只能是制作一些简单的网页,网页的内容与功能不可能与一些大型的网站如21CN、新浪、163等比较,如果没有了主题就变得内容空泛,根本无从着手。主题定好后就可以考虑网页的结构,有一个好的、完整的架构就像一架飞机的骨干一样,才可以保证网页的正常运行。跟着就是要采集素材,一个网页只有内容丰富、新颖及更新较快才可留住网民,这是一项长期的、艰巨的任务。至此我的网页可以说是“麻雀虽小但五脏俱全”。
万事起头难,最初要制作网页简直是无从入手,因为Frontpaeg从未用过,虽然说它的操作与Word等微软的办公软件的界面及菜单的名称差不多,但具体用起来却是有很大的不同,例如一些功能键、菜单键及其子键的用法等就与WORD有天渊之别。所以本学期学习Frontpage基本上是从头学起,由于时间有限不
能很细致的将每项功能、用法学会,可以说是只对Frontpage有个大概了解,以及可以达到什么效果,对于如何实现只能是一步一步的摸索。
网站能带给用户各种丰富的视觉,听觉体验。
一、确定网站主题 网站主题就是你建立的网站所要包含的主要内容,一个网站必须要有一个明确的主题。特别是对于个人网站,你不可能像综合网站那样做得内容大而全,包罗万象。你没有这个能力,也没这个精力,所以必须要找准一个自己最感兴趣内容,做深、做透,办出自己的特色,这样才能给用户留下深刻的印象。网站的主题无定则,只要是你感兴趣的,任何内容都可以,但主题要鲜明,在你的主题范围内内容做到大而全、精而深。
二、搜集材料 明确了网站的主题以后,你就要围绕主题开始搜集材料了。常言道:“巧妇难为无米之炊”。要想让自己的网站有血有肉,能够吸引住用户,你就要尽量搜集材料,搜集得材料越多,以后制作网站就越容易。材料既可以从图书、报纸、光盘、多媒体上得来,也可以从互联网上搜集,然后把搜集的材料去粗取精,去伪存真,作为自己制作网页的素材。
三、规划网站一个网站设计得成功与否,很大程度上决定于设计者的规划水平,规划网站就像设计师设计大楼一样,图纸设计好了,才能建成一座漂亮的楼房。网站规划包含的内容很多,如网站的结构、栏目的设置、网站的风格、颜色搭配、版面布局、文字图片的运用等,你只有在制作网页之前把这些方面都考虑到了,才能在制作时驾轻就熟,胸有成竹。也只有如此制作出来的网页才能有个性、有特色,具有吸引力。如何规划网站的每一项具体内容,我们在下面会有详细介绍。
四、选择合适的制作工具 尽管选择什么样的工具并不会影响你设计网页的好坏,但是一款功能强大、使用简单的软件往往可以起到事半功倍的效果。网页制作涉及的工具比较多,首先就是网页制作工具了,目前大多数网民选用的都是所见即所得的编辑工具,这其中的优秀者当然是Dreamweaver和Frontpage了,如果是初学者,Frontpage2000是首选。除此之外,还有图片编辑工具,如Photoshop、Photoimpact等;动画制作工具,如Flash、Cool 3d、Gif Animator等;还有网页特效工具,如有声有色等,网上有许多这方面的软件,你可以根据需要灵活运用。
五、制作网页 材料有了,工具也选好了,下面就需要按照规划一步步地把自己的想法变成现实了,这是一个复杂而细致的过程,一定要按照先大后小、先简单后复杂来进行制作。所谓先大后小,就是说在制作网页时,先把大的结构设计好,然后再逐步完善小的结构设计。所谓先简单后复杂,就是先设计出简单的内容,然后再设计复杂的内容,以便出现问题时好修改。在制作网页时要多灵活运用模板,这样可以大大提高制作效率。
六、上传测试 页制作完毕,最后要发布到Web服务器上,才能够让全世界的朋友观看,现在上传的工具有很多,有些网页制作工具本身就带有FTP功能,利用这些FTP工具,你可以很方便地把网站发布到自己申请的主页存放服务器上。网站上传以后,你要在浏览器中打开自己的网站,逐页逐个链接的进行测试,发现问题,及时修改,然后再上传测试。全部测试完毕就可以把你的网址告诉给朋友,让他们来浏览。
七、推广宣传 网页做好之后,还要不断地进行宣传,这样才能让更多的朋友认识它,提高网站的访问率和知名度。推广的方法有很多,例如到搜索引擎上注册、与别的网站交换链接、加入广告链等。
八、维护更新 网站要注意经常维护更新内容,保持内容的新鲜,不要一做好就放在那儿不变了,只有不断地给它补充新的内容,才能够吸引住浏览者
动态网页制作与感想3
烟台大学文经学院
姓名:班级:学号:
网 页 制 作 课 程 心 得
题目:xxxxxx
xx xxxxx xxxxxxxxxx 我制作的动态网页的主题是宣传我的家乡,通过网页将家乡的特色表现出来。通过网页可以让关注本网页的人更多的了解枣庄。还对一些热爱旅游的驴友来枣庄时可以更快的融入我们枣庄这个大家庭。
我制作的网页内容丰富。其一,包括枣庄的新闻,最新的新闻可以使人通过现有发生的事来了解枣庄,新闻来源是枣庄最大的新闻网“齐鲁在线”,新闻真实有效。其二,有丰富的图片,图片可以说明问题,可以更好的反映枣庄的美景特色。图片来自枣庄旅游局官网。其三,有动听的音乐,收录了中国动听的音乐,有反映枣庄铁道游击队时的歌曲。其三,有中国各代在中国出现的名人。例如:墨子,奚仲,匡衡,孟尝君,兰陵笑笑生等名人的个人介绍。其四,有好的视频。是枣庄旅游宣传片,精彩不容错过。其五,有专属于枣庄的贴吧,点击链接到百度枣庄贴吧。其六,有文库,里面介绍枣庄来历,发展,枣庄人的精神。其七,包含枣庄的地图,地图上标注了枣庄的有名的旅游景点,例如,台儿庄大战纪念馆、万亩榴园、熊耳山、微山湖的景点。
动态网页设计这门课程是一门综合性很强而且非常实用的课程。包括.html、CSS、js、ajax、面向对象等等。这门课程让我了解到是一个统一的Web开发模型,能使用尽可能少的代码生成企业级网站所必需的各种服务。让我明白了如何去创建一个网站。
…表示文档头部信息。