认识与理解动态网页.ppt
什么是HTML,超文本标记语言,即HTML(Hypertext Markup Language),是用于描述网页文档的一种标记语言。HTML文档由许多标记(或元素)组成,标记的修饰由属性来完成。语法:内容 如:如:内容,认识与理解动态HTML,5.1认识动态网页,动态html动态网页,动态HTML,动态HTML是指即使在脱离网络环境的情况下,网页下载到浏览器以后仍能够随时变换的HTML.,常见的动态HTML效果,光标悬停效果(Dhtml实现)在网页中加入日期,时间(javascript语言实现)在网页中加入动感菜单(javascript语言实现)文字特效,鼠标特效,网页特效。(CS样式表实现),注意:,并不是网页上所有“动”的效果都是动态HTML效果。如:有的GIF图片本身就会动。,动态网页,动态网页不仅局限于动态HTML效果、还包括提供个性化信息服务的页面。如:搜索引擎等。强调的是:人机交互(1)动态网页以数据库技术为基础,可以大大降低网站维护的工作量;(2)采用动态网页技术的网站可以实现更多的功能,如用户注册、用户登录、在线调查、用户管理、订单管理等等;(3)动态网页实际上并不是独立存在于服务器上的网页文件,只有当用户请求时服务器才返回一个完整的网页;,动态网页采用的技术,DHTML效果,CGI、ASP、JSP、PHP等,静态网页和动态网页的比较,静态网页特点:静态网页无需系统实时生成采用静态页面建立起来的站点,只能简单地根据用户的请求传送现有页面,无法实现各种个性化的交互功能日常维护十分繁琐,动态网页可以通过更新页面的外观和行为,实现动态的交互作用。能方便地同访问者进行交流,及时获得信息反馈。一般由计算机实时生成,日常维护简单、更改结构方便、交互性能强大。,动态网页特点:,练习题,1、下列不是动态HTML效果的是()A、鼠标指向后文字变为红色B、打开某网站时自动弹出一个新窗口C、网页中变化不断的GIF动画D、网页中自动更新的日期,C,2、下列说法中,不是动态网页的优点的是()A、相对于静态网页,动态网页不太容易被搜索引擎收录B、无须系统实时生成,网页风格灵活多样C、日常维护方便,交互性强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.以开始,以结束,客户端脚本语言,客户端脚本语言是指可以直接对客户端进行编写并使页面发生动态变化的脚本语言,最常用的脚本语言有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文件,然后网页中调用该样式表。调用代码如下:,