《认识与理解动态网页.ppt》由会员分享，可在线阅读，更多相关《认识与理解动态网页.ppt（24页珍藏版）》请在三一办公上搜索。
1、什么是HTML,超文本标记语言，即HTML（Hypertext Markup Language），是用于描述网页文档的一种标记语言。HTML文档由许多标记(或元素)组成，标记的修饰由属性来完成。语法：内容 如：如：内容,认识与理解动态HTML,5.1认识动态网页,动态html动态网页,动态HTML,动态HTML是指即使在脱离网络环境的情况下,网页下载到浏览器以后仍能够随时变换的HTML.,常见的动态HTML效果,光标悬停效果(Dhtml实现）在网页中加入日期，时间（javascript语言实现）在网页中加入动感菜单（javascript语言实现）文字特效，鼠标特效，网页特效。（CS样式表实现）
2、,注意：,并不是网页上所有“动”的效果都是动态HTML效果。如：有的GIF图片本身就会动。,动态网页,动态网页不仅局限于动态HTML效果、还包括提供个性化信息服务的页面。如：搜索引擎等。强调的是：人机交互（1）动态网页以数据库技术为基础，可以大大降低网站维护的工作量；（2）采用动态网页技术的网站可以实现更多的功能，如用户注册、用户登录、在线调查、用户管理、订单管理等等；（3）动态网页实际上并不是独立存在于服务器上的网页文件，只有当用户请求时服务器才返回一个完整的网页；,动态网页采用的技术,DHTML效果，CGI、ASP、JSP、PHP等,静态网页和动态网页的比较,静态网页特点：静态网页无需系统
3、实时生成采用静态页面建立起来的站点，只能简单地根据用户的请求传送现有页面，无法实现各种个性化的交互功能日常维护十分繁琐,动态网页可以通过更新页面的外观和行为，实现动态的交互作用。能方便地同访问者进行交流，及时获得信息反馈。一般由计算机实时生成，日常维护简单、更改结构方便、交互性能强大。,动态网页特点：,练习题,1、下列不是动态HTML效果的是（）A、鼠标指向后文字变为红色B、打开某网站时自动弹出一个新窗口C、网页中变化不断的GIF动画D、网页中自动更新的日期,C,2、下列说法中，不是动态网页的优点的是（）A、相对于静态网页，动态网页不太容易被搜索引擎收录B、无须系统实时生成，网页风格灵活多样C
4、、日常维护方便，交互性强D、响应速度快，减轻了服务器负担，节约了服务器存储空间,A,3、网页打开时出现自动飞入的文字效果，应使用的触发事件是（）A、单击B、双击C、鼠标悬停D、网页加载,D,4、下列各项叙述中正确的是()A、动态HTML应用程序的大多数处理都是在客户端浏览器上进行的B、gif动画就是动态HTMLC、Flash动画是动态HTMLD、以上各项全不正确,A,5.选择题(1)下面哪一标记属于html文件中的头部标记()A.B.C.D.,6.html代码开始和结束的标记是()。A.以开始，以结束B.以开始，以结束C.以开始，以结束D.以开始，以结束,客户端脚本语言,客户端脚本语言是指可以
5、直接对客户端进行编写并使页面发生动态变化的脚本语言，最常用的脚本语言有Javascript和VBScript,在HTML页面嵌入javascript时，必须使用标签。如:javascript语气,调用javascript文件,将需共享的javascript语句单独保存在一个扩展名为“.js”的文件中，需要时利用标签的src属性进行调用。,CSS样式,CSS样式表其实是一组样式可以统一整个网站中所有网页的布局、字体、颜色、背景和其他图文效果。,在HTML中加入CSS的方法,嵌入式样式表(Inline Style)内部样式表(Internal Style Sheet)外部样式表(External Style Sheet),嵌入式样式表(Inline Style),内嵌样式只需在每个要应用样式的HTML标签后写上CSS属性即可。如：这个Style定义里面的文字是20pt字体，字体颜色是红色。,内联样式表(Internal Style Sheet),若想只对当前页面应用样式，最好使用内联式样式表。所谓内联式样式表就是把样式表定义语句放在标签中，并把这一部分语句放在HTML文件的之前。,外联样式表(External Style Sheet),所谓外部样式表 就是把样式定义成一个.css文件，然后网页中调用该样式表。调用代码如下：,
