网络技术应用解析.ppt

实现简单的DHTML效果 在Frontpage 2000的普通视图的编辑状态下单击“视图／工具栏／DHTML效果”打开下图 方法： （1）选中对象 （2）选择事件 （3）应用动作 （4）产生效果 什么是动态网页 采用CGI,ASP,JSP,PHP等技术动态生成的页面，在接到用户的访问请求后，才生成并传输到用户浏览器中。 强调的人机交互 DHTML成为动态网页的重要组成部分 静态网页和动态网页的比较 比较 静态网页 动态网页 是否支持动态显示效果 无法实现动态显示效果 实现动态显示效果 能否即时更新或响应 日常维护繁琐，无法实现个性化的交互 更少的刷新、更快的响应并减轻服务器的负担 是否能支持数据库 无法支持数据库 支持数据库 理解动态HTML 构成动态HTML的核心技术 客户端脚本语言、文件目标模块、CSS样式表 客户端脚本语言 什么是客户端脚本语言 什么是JAVASCRIPT 调用JAVASCRIPT文件 CSS样式表 什么是CSS CSS的设计 在HTML中加入CSS 什么是客户端脚本语言 脚本语言是一种简单的描述性语言，语法结构相似程序设计的高级语言，它通过一个 标记嵌入到HTML页中。 客户端脚本语言是可以直接对客户端进行编写并使页面发生动态变化的脚本语言。 JAVASCRIPT和VBSCRIPT是常用的客户端脚本语言 什么是JAVASCRIPT JAVASCRIPT是一种面向浏览器的网页脚本编程语言 JAVASCRIPT是为了控制HTML页面中的对象，必须与HTML结合起来 JAVASCRIPT嵌入在HTML中，使用必须 .使用一般形式为： script language “JAVASCRIPT” …… 调用JAVASCRIPT文件 嵌入式 只能在当前页面中调用，一般将JAVA代码插入在HTML的〈BODY〉与〈／BODY〉中 body bgcolor #F09100 script language javascript alert 欢迎进入本站点 调用JAVASCRIPT文件 外联式 多个页面用到相同的java功能，可以将java代码写在一个文件中，在需要的页面中调用这个文件即可。注意java文件的扩展名必须为.js。注意java代码段的标点符号应用英文标点。注意 在网页文件中就必须指明将要调用的是什么 script language “javascript” src “test.js” 。注意java文件和 网页文件在一个目录下，src 属性可以直接调用java文件。 什么是CSS 样式是用一个指定的名字来标识和保存的一组有关字符和段落格式的有关集合。在frongpage中有系统自定义的样式。如：标题1，标题2，链接等，可以单击“格式／样式” 进行修改或新建。 Css是一组自己定义的样式。 Css样式可以控制字体，颜色，大小，背景，网页布局，图文效果等 CSS的设计 可以应用现有的样式表直接调用，如h3是系统提供的样式表。 欢迎进入机器人做学玩网站 可以自己设计样式表 style type “text/css” !— .kk color:#ff00ff -- 也可以修改系统设计的样式表如：h3 color:#ff00ff 常用的css代码：font-family,font-style,font-size,color等 链接的样式表定义 style type text/css !-- a:link color:black;text-decoration:none; 未访问的链接 a:visited color:red;text-decoration:none; 已访问的链接 a:hover color:green;text-decoration:none; 鼠标停留在链接上 -- 绝对定位样式定义 span style position: absolute; left: 350; top: 185 采用了嵌入式直接加在了html标签中 在HTML中加入CSS 嵌入式 p style “color:green;font-size:10pt” ggg 内联式 p class “kk” gggg span class “kk” ghhghgh td class “kk” hgf 外联式 在HTML中加入CSS 外联式 是把样式表定义成一个“css”文件，然后链结到网页中。 文件名 样式名 在网页的 之间添加调用文件说明 link rel “stylesheet” type “text/css” herf “kk.css” 在网页需要应用该样式的html标签处添加调用样式标