第五章 动态网页制作知识点.docx
- 文档编号:7514806
- 上传时间:2023-01-24
- 格式:DOCX
- 页数:15
- 大小:25.23KB
第五章 动态网页制作知识点.docx
《第五章 动态网页制作知识点.docx》由会员分享,可在线阅读,更多相关《第五章 动态网页制作知识点.docx(15页珍藏版)》请在冰豆网上搜索。
第五章动态网页制作知识点
第五章动态网页制作知识点
I.认识动态网页
A.学习要求
1.了解常见的动态html的几种常见效果
2.了解静态网页与动态网页的异同
3.会建立简单的动态网页
本节的重点是动态html的应用,并熟悉其制作方法
B.动态HTML
1.什么是动态HTML
①.概念:
动态html是指即使在脱离网络环境的情况下,网页下载到浏览器以后仍能随时变换的HTML即DTHTML
②.动态html应用程序大多数在客户端的浏览器上进行,也可根据需要向服务器发出请求
③.并不是网页中所有的“动”的效果都是动态html,有的是动画,如GIF图像、SWF动画等
2.实现简单的动态HTML效果
在frontpage2000中,通过格式菜单中动态html效果菜单,我们可以容易地实现多种动态html效果,其中触发事件有:
单击、鼠标悬停、双击、网页加载;效果类型有:
飞入、弹起等,最后设置效果样式就可完成动态html的操作
C.动态网页
1.什么是动态网页
①.动态网页除了动态html外,还包括一些能够提供个性化信息服务的页面,例如:
服务器通过html表单收集用户的信息,用户也可以通过搜索引擎页面得到自己想要的信息
②.这里的动态强调的人机交互,就是按照访问者的需要,对访问者输入的信息做出不同的响应,并提供相应的信息
③.常用的主要技术有:
CGI(公用网关接口)、ASP(动态服务器页面)、JSP(java服务器页面)、PHP(超级文本预处理语言)等
2.静态网页和动态网页的比较
静态网页无需系统实时生成,网页风格灵活多样,但不能实现个性的交互功能,日常维护十分繁锁不支持数据库
动态网页可以自动更新页面的外观和行为,实现动态的交互作用,方便地同访问者进行交流,及时获得信息的反馈使用者在浏览页面时,能通过因特网(internet)或内联网(intranet)查询网络数据库的资料,甚至更新或删除网络服务器上资料
动态网页一般由计算机实时生成,日常维护简单,更改结构方便,交互性功能强大等优点
缺点:
相对静态网页而言,动态网页很难被搜索引擎收录
内联网(intranet)概念:
内联网又称企业内联网,是指使用因特网技术建立的可支持企事业内部业务处理和信息交流的综合性网络信息系统
常见的效果有:
自动更新的日期、弹出式窗口、弹出式菜单、鼠标指向后文字变色、图片的自动变换、飞入、飞出等
II.理解动态HTML
A.学习要求
1.了解动态html的三大核心技术之一——javascript脚本语言,并能简单的运用网络中免费共享的javascript小程序,美化自己的网页,使自已的网页动起来
2.了解并能应用动态网页的另一个技术——css样式表熟练掌握css样式表的三种用法,并进行实践操作从中体会样式表的优势
B.客户端脚本语言
动态HTML的核心技术主要有:
客户端的脚本语言、文件目录模块、CSS样式表
文件目录模块(DOM):
使得HTML具备了动态性,体现的是Web页面元素的等级关系,这些元素可以按照指定的时间在浏览器上呈现
1.什么是客户端脚本语言
就是指可以直接对客户端进行编写并使页面发生动态变化的脚本语言常用的有javascript和vbscript两种脚本语言
2.什么是javascript
javascript是一种面向浏览器的网页脚本编程语言,是netscape公司推出的一种提高网页页面交互性的方法可以嵌入到html文件之中,不需要编译就可在浏览器中运行举例如下:
//javascript语句,如
alert("这是我的第一个javascript程序!
");
javascript程序段一般都写在HTML文件的
和标签之间,也可写在和标签之间3.调用javascript文件
写在html页面中的javascript语句只能在当前页面中调用,不能共享为了使相同的效果能引用到多个网页页面中,我们可以将这些效果的javascript语句写在一个文件中,这个文件的扩展名为“.js”在需要使用的页面html语言中进行调用,实现javascript效果的共享,并且修改时也只需修改一次
调用javascript文件的方法:
上述调用javascript文件的语句一般写在HTML文件的
和标签之间,也可写在和标签之间在一个HTML文件中可以使用标签对任意多次
C、CSS样式表
1.什么是CSS
a.定义
CSS其实是一组样式,它增加了更多的样式定义来辅助HTML
b.什么是样式
就是用一个指定的名字来标识和保存的一组有关字符和段落格式的选项集合
c.作用
不仅可以对文字格式进行设置,还可以精确地控制页面的布局、字体、颜色、背景和其他图文效果其优点如下:
①只需修改一个CSS代码就可以改变页数不定的网页外观和格式
②可以“随心所欲”地控制页面布局和外观
③具有较好的兼容性
④精简网页,提高下载速度
2.CSS的实现
a.CSS的书写格式
--
h3{
font-family:
"宋体";
color:
green;
font-style:
italic;
}
-->
上述是内联式的书写格式,一般情况下将CSS样式表内容嵌入HTML的
和标记之间3.在HTML中加入CSS
a.嵌入式样式表
只需在每一个应用样式的HTML的标记后写上CSS属性就可以了这种方式很直接,但不能实现复用这种方式只对具体的标签作调整,其作用范围只限于本标签书写格式如下:
red;font-size: 10Pt"> b.内联式样式表 将样式表定义语句放在标签 c.外联式样式表 将样式表定义语句保存为一个“.css”的文件,然后链接到HTML网页文件中这样通过一个“.CSS”文件管理网站中多个网页实现了灵活性,共享性等优点链接语句为: 上术内容必须熟记掌握,并熟练其操作 D、应用动态HTML 1.用javascript制作动态网页 学会将给定的javascript小程序,添加到网页HTML文件中,实现特殊的效果,如日期的显示、下拉菜单的实现等 操作要点: 一定要定位好插入效果的位置,认真阅读相关javascript程序的使用方法,最后将代码插入并编辑 2.动态网页的设计原则 ①尽量精简,不要使用太多的动画 ②过度的闪烁让人头痛 ③合理使用滚动的字幕,变换的选择框以及持续的动画 E.模拟练习题 (一)、单选题: 1.指定使用javascript脚本语言的语句是(A) A、 C、 2.样式表说明语句组,应该写在(A)标记中 A、B、 C、
3.在使用frontpage2000编辑网页文件时,一般要在(B)模式下才能编辑CSS样式表或javascript程序
A、普通B、HTMLC、大纲D、预览
4.下列不属于动态HTML核心技术的是(D)
A、客户端脚本语言B、CSS样式表C、文件目录模块D、动画素材
5.下面哪一个选项是客户端脚本文件的扩展名(B)
A、.DOCB、.JSC、.CSSD、.HTM
6.样式表作为网页制作的一项常用技术,它可以实现许多网页特效,下面关于样式表的优点描述,不正确的是(C)
A、仅仅改变一个样式文件秒可以改变数百个网页的外观
B、可以精确控制页面布局和外观
C、样式使用越多,网页就越好看
D、不仅能改变文字的格式,还可以实现图片特效
7.如图所示,你能判断出当前页面使用的是哪种CSS加入方式(B)
A、嵌入式样式表B、内联式样式表C、外联式样式表D、依赖式样式表
8.在HTML中加入CSS有多种方法,其中把样式定义成一个“.css”文件,然后链接到网页中,这种方法称为(B)
A直接编写B外联式样式表
C内联式样式表D嵌入式样式表
9.下面哪个选项是客户端脚本语言?
(C)A其他三项都是BFrontPage2000和Dreamweaver
CjavaScript和VBScriptDFLASH5.0和InternetExplorer
10.在HTML中嵌入JavaScript,应该使用的标记是(C)
A
BCD--…//-->
11.打开网页时,某同学看到当前网页的状态栏中出现不断飞入的欢迎文字,这可能是在网页中运用了下列哪项技术(A)
A、Javascript特效B、动态HTML效果工具栏C、GIF动画D、CSS样式表
12.李华同学从网上复制了一个淡入淡出的图片和javascript特效在本预览时能正常显示,但复制到张明同学的电脑中却不能正常显示该图片和特效,这可能是下列哪种原因引起的(D)
A、张明同学的电脑不支持这一特效B、张明同学的电脑中没有装杀毒软件
C、张明同学的电脑不好上网D、javascript代码粘贴的位置不正确
13.李明同学在自己的网站首页上使用了一段显示日期的javascript代码,上传到服务器后发现显示的日期跟在本机测试时显示的日期不一样,原因是(A)
A、自己电脑的日期跟服务器的日期不同步
B、文件上传时存放的路径有问题
C、自己电脑的浏览器版本太低
D、代码我错误
14.下列关于动态HTML设计原则的描述,不正确的是(D)
A、尽量精简,不要使用太多的动态效果
B、过度的闪烁会让访问者头晕
C、合理使用滚动字幕、变换的选择框以及持续的动画
D、使用恶意脚本以增加网站的访问量,让你想关也关平掉
15.样式表文件的扩展名是(B)
A、ASPB、CSSC、JSD、HTML
16.常用来开发动态网页的客户端脚本语言是(B)
A、DHTMLB、JavascriptC、CSSD、HTML
17.不可以编辑HTML代码的是(A)软件
A、画图B、写字板C、记事本D、word
18.在FrontPage2000中,要使页面上能创建水平滚动的文字字幕可使用实现(C)
A、横幅广告管理器B、悬停按钮C、滚动字幕D、计数器
19.下面不属于CSS插入形式的是(A)
A.索引式B.内联式C.嵌入式D.外部式
20.下面那个选项是客户端脚本语言(A)
A、javascript和VBScriptB、Navigator3.0t和InernetExplorer
C、FrontPage2000和DreamweaverD、以上都是
21.某同学想使网站打开时自动出现一弹出式的窗口,他应使用哪种动态网页技术来实现(A)
A.JavaScript特效
B.动态HTML效果工具栏
C.GIF动画
D.CSS样式表
22.下面哪个选项是客户端脚本语言(B)
A.flash5.0和InternetExplorer
B.JavaScript和VBScript
C.frontPage2000和Dreamweaver
D.以上三项都是
23.HTML中加入CSS样式表由多种方法,其中把样式表定义成一个“CSS”文件,然后链接到网页中,这种方法称为(C)
A.嵌入式样式表
B.内联式样式表
C.外联式样式表
D.直接编写
24.小王学习了动态网页的相关知识后,列举了动态网页的一些特点,其中错误的是(B)
A.增加了网页的交互性
B.网页上动态效果越多越好
C.可以由多种技术实现
D.方便网页修改
25.下列不属于动态HTML核心技术的是(D)
A.客户端脚本语言
B.CSS样式表
C.文件目标模块
D.动画素材
26、在HTML中加入 red;font-size: 10pt”>,此为(D) A、外联式样式表B、动态式样式表 C、内联式样式表D、嵌入式样式表 27、网页中设有超链接的文字,在鼠标划过时,变成淡蓝色,字体也由9pt,变为10pt,并出现下划线,这是使用了: (B)A、动画效果B、加入html的css方式 C、网站标志D、以上都不对 28、使用CSS为多个网页进行相同风格的布局和外观设置时,为了方便对这些网页进行修改,最好使用(A) A、外联式样式表B、JAVASCRIPT样式表 C、内联式样式表D、VBSCRIPT样式表 29、可以通过一个.css文件管理网站中多个网页外观设置的是(D) A、VBScript样式表B、JavaScript样式表 C、内联式样式表D、外联式样式表 30、如下所示在 h3{ font-family: ”宋体”; color: green; font-style: italic; } A、必须更新新的浏览器 B、只要加入 --和-->代码 C、只要加入css D、以上都不对 (二)多项选择 1.样式表作为网页制作的一项常用技术,它可以实现许多网页特效,下面关于样式表的描述,不正确的是(C) A.仅仅改变一个样式表文件就可以改变数百个网页的外观 B.可以精确控制页面布局和外观 C.样式使用越多,网页就越好看 D.不仅能改变文字的格式,还可以实现图片特效 2.下列有关动态HTML设计原则中说法错误的是(B) A.尽量精简,不要使用过多的动画 B页面中文字的闪烁要不少于三次 C.合理使用滚动字幕、变换的选择框以及持续的动画 D.给用户创造一个平和安静的环境,使用户平静的浏览和阅读 3、若想只对当前页面应用样式,一般使用下列哪项: (B) A、外联式样式表 B、内联式样式表 C、JavaScript样式表 D、VBSCRIPT样式表 4、下列关于CSS样式表作用的叙述中哪些是正确的: (B) A、精简网页,提高下载速度 B、只需修改一个CSS代码,就可改变页数不定的网页外观和格式 C、可以在网页中显示时间和日期 D、在不同浏览器和平台之间具有较好的兼容性 5、张海帮某公司做一个该公司的商业网站,其中需要设计制作的大量网页和大量javascript特效,张海都直接在网上下载后做少量的编辑修改,对他这样的做法,下列恰当的描述是: (C) A、特效没有版权,可以任意用 B、网页作了少量的修改,也就可以直接用,不侵犯别人的版权 C、对有版权的网页或特效应在获得授权之后方可使用于商业用途 D、以上说法都不妥 网络技术动态网页操作题分析(CSS内联样式表) 例题一: 分析: 网络技术动态网页中涉及到CSS样式表的题目,如何来处理可能对大多数学生来说是一个难点该例中的代码很多,如果叫学生自己来输入,一个时间不够,一个容易出错,而教材中以CSS样式表的介绍比较简单,专业的CSS介绍以Dreamweaver为主,实际上FRONTPAGE中一般样式表的建立并不难 如要插入CSS代码: TD{FONT-FAMILY: “宋体”;FONT-SIZE: 12pt} 实际过程: 1、单击菜单“格式”→“样式”→“新建”名称中输入TD,在“格式”按扭中选定相应的格式(上面红字中要选定宋体和12pt),即可在HTML中呈现相应的代码(这里输入大写的TD,自动会变成小写,下面来讲这个问题) 2、该例中有A: hover和a: hover两个同字母大小写区分的两个代码段,按上面方法只会出现两个一样名称的a: hover,怎办? 我们在实践中所有的内联样式表都这样处理: 在新建名称中输入.A: hover(前面有个小点),全部完成后在HTML代码中找到相应的CSS代码,把前面多余点去掉就可以了 有了上例的分析我们再来看另一道题目,可能会对学生有一点启发: 例题二: 分析: 这个题目是学生容易出错的,代码能实现的效果和题目需要的效果是不一样的,学生往往容易理解错,这就需要老师分析解惑如果在HTML窗口中直接输入代码,那么这个效果如何应用到“欢迎进入机器人网站”这一小段文字上呢? 我们在实践中应用的是第一题同样的方法 实际过程: 1、新建样式: 名称.a,选中12Pt,绿色,下划线三个格式2、选中“欢迎进入机器人网站”这几个文字,在格式工具栏的样式下拉框中选中刚定义好的样式.a,保存即可 同学们要认真思考,怎样使繁琐的代码输入操作,变得直观简单,请大家在练习时都试试 III.ASP脚本的应用 A.学习要求 1.了解ASP的工作流程 2.掌握ASP工作环境IIS的配置操作 B.初识ASP 1.什么是ASP ASP是微软公司推出的一种服务器编程技术,也就是一套服务器端脚本运行环境 使用ASP后,可以建立动态的、交互的、高效的WEB服务器应用程序在因特网上其文件扩展名为“.asp”,上网时随处可见 2.ASP工作流程 ①用户在地址栏输入一个ASP程序请求 ②浏览器向Asp服务器请求这个ASP程序 ③ASP程序中的服务器端脚本开始运行 ④ASP程序连续地执行这个请求文件是所有语句,然后生成一个HTML文件,发送给客户端 所以我们在客户端看到的代码是HTML,并不是ASP的源代码 C.ASP运行环境的配置 1.在windows2000windowsxp中要安装IIS 2.在windows98中安装PWS 3.掌握ASP运行环境IIS中有关网站、虚拟目录的设置操作 操作步骤: ①单击“开始”按钮,指向“设置”、“控制面板”单击,打开控制面板 ②双击“管理工具”图标,打开管理工具窗口 ③双击“internetIIS服务管理器”图标,打开internet信息管理窗口 ④在左边的窗口中指向“默认web站点”右击,弹出快捷菜单,鼠标指向“新建”-“虚拟目录”单击 ⑤接下来按操作向导和题目中要求完成设置,即可 D.模拟练习题 (一)、选择题 1.从图中地址栏的链接(URL)判断当前页面是用了哪种动态网页技术制作的(B) A、JavascriptB、ASPC、动态HTMLD、JSP 2.张三用同一关键字为“信息技术考试”出现的网页与3天前他用相同关键字搜索到的网页不完全相同,这是因为该网站使用了: (A) A、动态网页技术B、静态网页技术 C、域名解析技术D、动态分配IP她址 3.下列关于ASP的工作原理说法正确的是(B) A、所有脚本代码均在客户端计算机中执行 B、使用不同技术编写的动态页面保存在Web服务器内 C、使用不同技术编写的动态页面保存在客户端计算机中 D、Web服务器仅把脚本代码的执行结果传法到客户端 4、下面关于ASP的表述中,正确的是(D) A、ASP程序不可以用任何文本编辑器打开 B、ASP是一种跨平台的服务器的嵌入式脚本语言 C、ASP程序中不可以包含纯文本、HTML标记以用脚本语言 D、ASP是动态服务器页面的英文缩写 5、下列关于ASP的表述中,正确的是(B) A
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 第五章 动态网页制作知识点 第五 动态 网页 制作 知识点