5.1认识和理解动态网页
合集下载
相关主题
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
什么是HTML
• 超文本标记语言，即HTML（Hypertext Markup Language），是用于描述网页文档的一种标记语言。 • HTML文档由许多标记(或元素)组成，标记的修饰由 属性来完成。 语法： <标记>内容</标记> 如：
如： <body>内容</body>
认识与理解动态HTML
3、网页打开时出现自动飞入的文字 效果，应使用的触发事件是（ D ） A、单击 B、双击 C、鼠标悬停 D、网页加载
4、下列各项叙述中正确的是( A )
A、动态HTML应用程序的大多数处理都 是在客户端浏览器上进行的 B、gif动画就是动态HTML C、Flash动画是动态HTML D、以上各项全不正确
内联样式表(Internal Style Sheet)
若想只对当前页面应用样式，最好使 用内联式样式表。 所谓内联式样式表就是把样式表定义 语句放在标签<style type=“text/css”></style>中，并把 这一部分语句放在HTML文件的 <body>之前。
外联样式表 (External Style Sheet)
练习题
1、下列不是动态HTML效果的是（ C ）
A、鼠标指向后文字变为红色 B、打开某网站时自动弹出一个新窗口 C、网页中变化不断的GIF动画 D、网页中自动更新的日期
2、下列说法中，不是动态网页的优点的是 （ A ） A、相对于静态网页，动态网页不太容易被搜索 引擎收录 B、无须系统实时生成，网页风格灵活多样 C、日常维护方便，交互性强 D、响应速度快，减轻了服务器负担，节约了服 务器存储空间
在HTML中加入CSS的方法
嵌入式样式表(Inline Style) 内部样式表(Internal Style Sheet) 外部样式表 (External Style Sheet)
嵌入式样式表(Inline Style)
内嵌样式只需在每个要应用样式的HTML标签 后写上CSS属性即可。如： <P style="font-size:20pt; color:red">这个 Style定义<p></p>里面的文字是20pt字体， 字体颜色是红色。
4、若想只对当前页面应用样式，一般使 用下列哪项：（ B ） A、外联式样式表 B、内联式样式表 C、Javascript样式表 D、VBSCRIPT样式表
15、Javascript的简单使用
5、下面哪个选项是客户端脚本语言？ （B ） A、其他三项都是 B、javascript和VBScript C、Navigator3.0t和Inernet Explorer D、FrontPage2000和 Dreamweaver
6、在HTML中嵌入JavaScript，应该使用 的标记是（D ）。 A、<！--…//--> B、<head> </head > C、<body></ body > D、<script></script>
7、张海帮某公司做一个该公司的商业网站， 其中需要设计制作的大量网页和大量 javascript特效，张海都直接在网上下载后 做少量的编辑修改，对他这样的做法，下列 恰当的描述是：（C ） A、特效没有版权，可以任意用 B、网页作了少量的修改，也就可以直接用， 不侵犯别人的版权 C、对有版权的网页或特效应在获得授权之 后方可使用于商业用途 D、以上说法都不妥
5.1认识动态网页
• 动态html • 动态网页
动态HTML
• 动态HTML是指即使在脱离网络 环境的情况下,网页下载到浏览器 以后仍能够随时变换的HTML.
常见的动态HTML效果
光标悬停效果(Dhtml实现）
在网页中加入日期，时间（javascript语言实现）
在网页中加入动感菜单（javascript语言实现） 文字特效，鼠标特效，网页特效。（CS样式表实现）
8、某同学在机房里设计制作了一个网站， 为了能让同学们都能看到自己的网站， 他应该采取的最佳做法是（ D ）。 A、将自己的网站复制给别人 B、将网站通过E-mail发给所有同学。 C、将网站文件夹共享 D、将网站上传给Web服务器发布
9、下列关于网站开发中网页上传和网站 发布的说法正确的是（A ）。 A、frontPage 或Dreamweaver MX即可 以制作网站，也可上传网页。 B、frontPage 或Dreamweaver MX只能 制作网站 C、只要安装了Windows2000就可以发布 网站 D、网页上传后就不用在进行网站发布了
注意：
并不是网页上所有“动”的 效果都是动态HTML效果。 如：有的GIF图片本身就会动。
动态网页
动态网页不仅局限于动态HTML效果、还包括提供 个性化信息服务的页面。如：搜索引擎等。 强调的是：人机交互 （1）动态网页以数据库技术为基础，可以大大降低网 站维护的工作量； （2）采用动态网页技术的网站可以实现更多的功能， 如用户注册、用户登录、在线调查、用户管理、订 单管理等等； （3）动态网页实际上并不是独立存在于服务器上的网 页文件，只有当用户请求时服务器才返回一个完整 的网页；
2、使用CSS为多个网页进行相同风格 的布局和外观设置时，为了方便对这 些网页进行修改，最好使用（ A ）。 A、外联式样式表 B、JAVASCRIPT样式表 C、内联式样式表 D、VBSCRIPT样式表
3、可以通过一个.css文件管理网站中多 个网页外观设置的是（ D ）。 A、VBScript样式表 B、JavaScript样式表 C、内联式样式表 D、外联式样式表
客户端脚本语言
客户端脚本语言是指可以直接对客户端 进行编写并使页面发生动态变化的脚本语言， 最常用的脚本语言有Javascript和VBScript
在HTML页面嵌入javascript时，必须使用 <script>标签。如: < script language=“javaScript”> javascript语气 < /script >
调用javascript文件
将需共享的javascript语句单独保存在 一个扩展名为“.js”的文件中，需要时利 用< script >标签的src属性进行调用。
<script Language="JavaScript" src="*.js"> </script>
CSS样式
CSS样式表其实是一组样式可 以统一整个网站中所有网页的 布局、字体、颜色、背景和其 他图文效果。
所谓外部样式表 就是把样式定义成一个.css文 件，然后网页中调用该样式表。调用代码如下：
<link href= " *.css" rel="stylesheet" type="text/css">
14、CSS样式表的简单使用
1、网页中设有超链接的文字，在鼠标划 过时，变成淡蓝色，字体也由9pt，变为 10pt，并出现下划线，这是使用了： （B ） A、动画效果 B、加入html的css方式 C、网站标志 D、以上都不对
动态网页采用的技术
DHTML效果，CGI、 ASP、 JSP 、 PHP等
静态网页和动态网页的比较
静态网页特点：
静态网页无需系统实时生成 采用静态页面建立起来的站点，只能 简单地根据用户的请求传送现有页面， 无法实现各种个性化的交互功能 日常维护十分繁琐
动态网页特点：
ቤተ መጻሕፍቲ ባይዱ
动态网页可以通过更新页面的外观 和行为，实现动态的交互作用。 能方便地同访问者进行交流，及时 获得信息反馈。 一般由计算机实时生成，日常维护 简单、更改结构方便、交互性能强 大。
• 超文本标记语言，即HTML（Hypertext Markup Language），是用于描述网页文档的一种标记语言。 • HTML文档由许多标记(或元素)组成，标记的修饰由 属性来完成。 语法： <标记>内容</标记> 如：
如： <body>内容</body>
认识与理解动态HTML
3、网页打开时出现自动飞入的文字 效果，应使用的触发事件是（ D ） A、单击 B、双击 C、鼠标悬停 D、网页加载
4、下列各项叙述中正确的是( A )
A、动态HTML应用程序的大多数处理都 是在客户端浏览器上进行的 B、gif动画就是动态HTML C、Flash动画是动态HTML D、以上各项全不正确
内联样式表(Internal Style Sheet)
若想只对当前页面应用样式，最好使 用内联式样式表。 所谓内联式样式表就是把样式表定义 语句放在标签<style type=“text/css”></style>中，并把 这一部分语句放在HTML文件的 <body>之前。
外联样式表 (External Style Sheet)
练习题
1、下列不是动态HTML效果的是（ C ）
A、鼠标指向后文字变为红色 B、打开某网站时自动弹出一个新窗口 C、网页中变化不断的GIF动画 D、网页中自动更新的日期
2、下列说法中，不是动态网页的优点的是 （ A ） A、相对于静态网页，动态网页不太容易被搜索 引擎收录 B、无须系统实时生成，网页风格灵活多样 C、日常维护方便，交互性强 D、响应速度快，减轻了服务器负担，节约了服 务器存储空间
在HTML中加入CSS的方法
嵌入式样式表(Inline Style) 内部样式表(Internal Style Sheet) 外部样式表 (External Style Sheet)
嵌入式样式表(Inline Style)
内嵌样式只需在每个要应用样式的HTML标签 后写上CSS属性即可。如： <P style="font-size:20pt; color:red">这个 Style定义<p></p>里面的文字是20pt字体， 字体颜色是红色。
4、若想只对当前页面应用样式，一般使 用下列哪项：（ B ） A、外联式样式表 B、内联式样式表 C、Javascript样式表 D、VBSCRIPT样式表
15、Javascript的简单使用
5、下面哪个选项是客户端脚本语言？ （B ） A、其他三项都是 B、javascript和VBScript C、Navigator3.0t和Inernet Explorer D、FrontPage2000和 Dreamweaver
6、在HTML中嵌入JavaScript，应该使用 的标记是（D ）。 A、<！--…//--> B、<head> </head > C、<body></ body > D、<script></script>
7、张海帮某公司做一个该公司的商业网站， 其中需要设计制作的大量网页和大量 javascript特效，张海都直接在网上下载后 做少量的编辑修改，对他这样的做法，下列 恰当的描述是：（C ） A、特效没有版权，可以任意用 B、网页作了少量的修改，也就可以直接用， 不侵犯别人的版权 C、对有版权的网页或特效应在获得授权之 后方可使用于商业用途 D、以上说法都不妥
5.1认识动态网页
• 动态html • 动态网页
动态HTML
• 动态HTML是指即使在脱离网络 环境的情况下,网页下载到浏览器 以后仍能够随时变换的HTML.
常见的动态HTML效果
光标悬停效果(Dhtml实现）
在网页中加入日期，时间（javascript语言实现）
在网页中加入动感菜单（javascript语言实现） 文字特效，鼠标特效，网页特效。（CS样式表实现）
8、某同学在机房里设计制作了一个网站， 为了能让同学们都能看到自己的网站， 他应该采取的最佳做法是（ D ）。 A、将自己的网站复制给别人 B、将网站通过E-mail发给所有同学。 C、将网站文件夹共享 D、将网站上传给Web服务器发布
9、下列关于网站开发中网页上传和网站 发布的说法正确的是（A ）。 A、frontPage 或Dreamweaver MX即可 以制作网站，也可上传网页。 B、frontPage 或Dreamweaver MX只能 制作网站 C、只要安装了Windows2000就可以发布 网站 D、网页上传后就不用在进行网站发布了
注意：
并不是网页上所有“动”的 效果都是动态HTML效果。 如：有的GIF图片本身就会动。
动态网页
动态网页不仅局限于动态HTML效果、还包括提供 个性化信息服务的页面。如：搜索引擎等。 强调的是：人机交互 （1）动态网页以数据库技术为基础，可以大大降低网 站维护的工作量； （2）采用动态网页技术的网站可以实现更多的功能， 如用户注册、用户登录、在线调查、用户管理、订 单管理等等； （3）动态网页实际上并不是独立存在于服务器上的网 页文件，只有当用户请求时服务器才返回一个完整 的网页；
2、使用CSS为多个网页进行相同风格 的布局和外观设置时，为了方便对这 些网页进行修改，最好使用（ A ）。 A、外联式样式表 B、JAVASCRIPT样式表 C、内联式样式表 D、VBSCRIPT样式表
3、可以通过一个.css文件管理网站中多 个网页外观设置的是（ D ）。 A、VBScript样式表 B、JavaScript样式表 C、内联式样式表 D、外联式样式表
客户端脚本语言
客户端脚本语言是指可以直接对客户端 进行编写并使页面发生动态变化的脚本语言， 最常用的脚本语言有Javascript和VBScript
在HTML页面嵌入javascript时，必须使用 <script>标签。如: < script language=“javaScript”> javascript语气 < /script >
调用javascript文件
将需共享的javascript语句单独保存在 一个扩展名为“.js”的文件中，需要时利 用< script >标签的src属性进行调用。
<script Language="JavaScript" src="*.js"> </script>
CSS样式
CSS样式表其实是一组样式可 以统一整个网站中所有网页的 布局、字体、颜色、背景和其 他图文效果。
所谓外部样式表 就是把样式定义成一个.css文 件，然后网页中调用该样式表。调用代码如下：
<link href= " *.css" rel="stylesheet" type="text/css">
14、CSS样式表的简单使用
1、网页中设有超链接的文字，在鼠标划 过时，变成淡蓝色，字体也由9pt，变为 10pt，并出现下划线，这是使用了： （B ） A、动画效果 B、加入html的css方式 C、网站标志 D、以上都不对
动态网页采用的技术
DHTML效果，CGI、 ASP、 JSP 、 PHP等
静态网页和动态网页的比较
静态网页特点：
静态网页无需系统实时生成 采用静态页面建立起来的站点，只能 简单地根据用户的请求传送现有页面， 无法实现各种个性化的交互功能 日常维护十分繁琐
动态网页特点：
ቤተ መጻሕፍቲ ባይዱ
动态网页可以通过更新页面的外观 和行为，实现动态的交互作用。 能方便地同访问者进行交流，及时 获得信息反馈。 一般由计算机实时生成，日常维护 简单、更改结构方便、交互性能强 大。