第五章 动态网页制作知识点
- 格式：doc
- 大小：49.50 KB
- 文档页数：16
第五章动态网页制作知识点I.认识动态网页A.学习要求1.了解常见的动态html的几种常见效果2.了解静态网页与动态网页的异同3.会建立简单的动态网页本节的重点是动态html的应用，并熟悉其制作方法B.动态HTML1.什么是动态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.理解动态HTMLA.学习要求1.了解动态html的三大核心技术之一——javascript脚本语言，并能简单的运用网络中免费共享的javascript小程序，美化自己的网页，使自已的网页动起来2.了解并能应用动态网页的另一个技术——css样式表熟练掌握css样式表的三种用法，并进行实践操作从中体会样式表的优势B.客户端脚本语言动态HTML的核心技术主要有：客户端的脚本语言、文件目录模块、CSS 样式表文件目录模块（DOM）：使得HTML具备了动态性，体现的是Web页面元素的等级关系，这些元素可以按照指定的时间在浏览器上呈现1.什么是客户端脚本语言就是指可以直接对客户端进行编写并使页面发生动态变化的脚本语言常用的有javascript和vbscript两种脚本语言2.什么是javascriptjavascript是一种面向浏览器的网页脚本编程语言，是netscape公司推出的一种提高网页页面交互性的方法可以嵌入到html文件之中，不需要编译就可在浏览器中运行举例如下：<script Language="Javascrit">//javascript语句，如alert("这是我的第一个javascript程序！");</script>javascript程序段一般都写在HTML文件的<body>和</body>标签之间，也可写在<head>和</head>标签之间3.调用javascript文件写在html页面中的javascript语句只能在当前页面中调用，不能共享为了使相同的效果能引用到多个网页页面中，我们可以将这些效果的javascript语句写在一个文件中，这个文件的扩展名为“.js”在需要使用的页面html 语言中进行调用，实现javascript效果的共享，并且修改时也只需修改一次调用javascript文件的方法：<script Language="Javascrit" src="文件名"></script>上述调用javascript文件的语句一般写在HTML文件的<body>和</body>标签之间，也可写在<head>和</head>标签之间在一个HTML文件中可以使用<script>和</script>标签对任意多次C、CSS样式表1.什么是CSSa.定义CSS其实是一组样式，它增加了更多的样式定义来辅助HTMLb.什么是样式就是用一个指定的名字来标识和保存的一组有关字符和段落格式的选项集合c.作用不仅可以对文字格式进行设置，还可以精确地控制页面的布局、字体、颜色、背景和其他图文效果其优点如下：①只需修改一个CSS代码就可以改变页数不定的网页外观和格式②可以“随心所欲”地控制页面布局和外观③具有较好的兼容性④精简网页，提高下载速度2.CSS的实现a.CSS的书写格式<style type="text/css"><!--h3{font-family:"宋体";color:green;font-style:italic;}--></style>上述是内联式的书写格式，一般情况下将CSS样式表内容嵌入HTML的<head>和</head>标记之间3.在HTML中加入CSSa.嵌入式样式表只需在每一个应用样式的HTML的标记后写上CSS属性就可以了这种方式很直接，但不能实现复用这种方式只对具体的标签作调整，其作用范围只限于本标签书写格式如下：<table style="color:red;font-size:10Pt">b.内联式样式表将样式表定义语句放在标签<style type="text/css>和</style>中，并将这一部分语句放在HTML文件的<head>部分c.外联式样式表将样式表定义语句保存为一个“.css”的文件，然后链接到HTML网页文件中这样通过一个“.CSS”文件管理网站中多个网页实现了灵活性，共享性等优点链接语句为：<link rel=”stylesheet” href=”样式表文件名.css”> ，书写在<head>部分上术内容必须熟记掌握，并熟练其操作D、应用动态HTML1.用javascript制作动态网页学会将给定的javascript小程序，添加到网页HTML文件中，实现特殊的效果，如日期的显示、下拉菜单的实现等操作要点：一定要定位好插入效果的位置，认真阅读相关javascript程序的使用方法，最后将代码插入并编辑2.动态网页的设计原则①尽量精简，不要使用太多的动画②过度的闪烁让人头痛③合理使用滚动的字幕，变换的选择框以及持续的动画E.模拟练习题（一）、单选题：1.指定使用javascript脚本语言的语句是（A ）A、<script language="javascript">B、<style type="text/css">C、<script language="vbscript">D、<script type="text/css">2.样式表说明语句组，应该写在（ A ）标记中A、<style> </style>B、<script> </script>C、<body> </body>D、<title> </title>3.在使用frontpage2000编辑网页文件时，一般要在（ B ）模式下才能编辑CSS样式表或javascript程序A、普通B、HTMLC、大纲D、预览4.下列不属于动态HTML核心技术的是（D ）A、客户端脚本语言B、CSS样式表C、文件目录模块D、动画素材5.下面哪一个选项是客户端脚本文件的扩展名（ B ）A、.DOCB、.JSC、.CSSD、.HTM6.样式表作为网页制作的一项常用技术，它可以实现许多网页特效，下面关于样式表的优点描述，不正确的是（ C ）A、仅仅改变一个样式文件秒可以改变数百个网页的外观B、可以精确控制页面布局和外观C、样式使用越多，网页就越好看D、不仅能改变文字的格式，还可以实现图片特效7.如图所示，你能判断出当前页面使用的是哪种CSS加入方式（B）A、嵌入式样式表B、内联式样式表C、外联式样式表D、依赖式样式表8.在HTML中加入CSS有多种方法，其中把样式定义成一个“.css”文件，然后链接到网页中，这种方法称为( B )A 直接编写B 外联式样式表C 内联式样式表D 嵌入式样式表9．下面哪个选项是客户端脚本语言? ( C ) A 其他三项都是 B FrontPage2000和DreamweaverC javaScript和VBScriptD FLASH5.0和Internet Explorer10．在HTML中嵌入JavaScript,应该使用的标记是( C )A <body></body>B <head></head>C <script></script>D <!--…//-->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、HTML16．常用来开发动态网页的客户端脚本语言是（B）A、DHTMLB、JavascriptC、CSSD、HTML17. 不可以编辑HTML代码的是（A）软件A、画图B、写字板C、记事本D、word18. 在Front Page2000中，要使页面上能创建水平滚动的文字字幕可使用实现（C）A、横幅广告管理器B、悬停按钮C、滚动字幕D、计数器19．下面不属于CSS插入形式的是( A )A.索引式B.内联式C.嵌入式D.外部式20. 下面那个选项是客户端脚本语言（A）A、javascript和VBScriptB、Navigator3.0t和Inernet ExplorerC、FrontPage2000和DreamweaverD、以上都是21.某同学想使网站打开时自动出现一弹出式的窗口，他应使用哪种动态网页技术来实现（A）A.JavaScript特效B.动态HTML效果工具栏C.GIF动画D.CSS样式表22.下面哪个选项是客户端脚本语言（B）A.flash5.0和Internet ExplorerB.JavaScript和VBScriptC.frontPage2000和DreamweaverD.以上三项都是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中加入<table style=”color:red; font-size:10pt”>，此为（ D ）A、外联式样式表B、动态式样式表C、内联式样式表D、嵌入式样式表27、网页中设有超链接的文字，在鼠标划过时，变成淡蓝色，字体也由9pt，变为10pt，并出现下划线，这是使用了：（ B ）A、动画效果B、加入html 的css方式C、网站标志D、以上都不对28、使用CSS为多个网页进行相同风格的布局和外观设置时，为了方便对这些网页进行修改，最好使用（ A ）A、外联式样式表B、JA V ASCRIPT样式表C、内联式样式表D、VBSCRIPT样式表29、可以通过一个.css文件管理网站中多个网页外观设置的是（ D ）A、VBScript样式表B、JavaScript样式表C、内联式样式表D、外联式样式表30、如下所示在<style type=”text/css”>和</style>之间的文本不能正常显示出来，是因为浏览器比较老，不支持样式表语法若要避免这种情况的发生（ B ）<style type=”text/css”>h3{font-family:”宋体”;color:green;font-style:italic;}</style>A、必须更新新的浏览器B、只要加入<!-- 和-->代码C、只要加入cssD、以上都不对（二）多项选择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.初识ASP1.什么是ASPASP是微软公司推出的一种服务器编程技术，也就是一套服务器端脚本运行环境使用ASP后，可以建立动态的、交互的、高效的WEB服务器应用程序在因特网上其文件扩展名为“.asp”，上网时随处可见2.ASP工作流程①用户在地址栏输入一个ASP程序请求②浏览器向Asp服务器请求这个ASP程序③ASP程序中的服务器端脚本开始运行④ASP程序连续地执行这个请求文件是所有语句，然后生成一个HTML文件，发送给客户端所以我们在客户端看到的代码是HTML，并不是ASP的源代码C.ASP运行环境的配置1.在windows2000 windows xp中要安装IIS2.在windows98中安装PWS3.掌握ASP运行环境IIS中有关网站、虚拟目录的设置操作操作步骤：①单击“开始”按钮，指向“设置”、“控制面板”单击，打开控制面板②双击“管理工具”图标，打开管理工具窗口③双击“internet IIS服务管理器”图标，打开internet信息管理窗口④在左边的窗口中指向“默认web站点”右击，弹出快捷菜单，鼠标指向“新建”－“虚拟目录”单击⑤接下来按操作向导和题目中要求完成设置，即可D.模拟练习题（一）、选择题1.从图中地址栏的链接（URL）判断当前页面是用了哪种动态网页技术制作的（B ）A、JavascriptB、ASPC、动态HTMLD、JSP2.张三用同一关键字为“信息技术考试”出现的网页与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.ASP是一种客户端脚本运行环境B.ASP程序可以用任何文本编辑器打开C.ASP是一种跨平台的服务器的嵌入式脚本语言D.ASP程序中不可以包含纯文本、HTML标记以及脚本语言6、在下列选项中，哪一个选项最符合ASP代表的含义？（ A ）A、动态服务器页面B、高级程序设计语言C、超文本传输协议D、域名（三）、操作题掌握IIS中虚拟目录的设置操作问：想用微软的IIS架设一个HTTP服务器，应该怎么安装？答：如果是Windows 2000 Professional和Windows XP系统，初始安装的时候都不会安装IIS，因此要将这些组件添加到系统中去以Windows 2000为例，具体的添加步骤如下：第一步，在控制面板中选择“添加/删除程序”，在出现的对话框中选择“添加/删除Windows组件”第二步，在出现的复选框中选择安装Internet信息服务(IIS)，点击“下一步”按钮，并在光驱中放入Windows 2000安装光盘，安装程序即可将程序文件复制到硬盘中，用这种方法添加的IIS组件中包括Web、FTP、NNTP和SMTP等全部四项服务第三步，运行IIS当IIS添加成功之后，进入“开始”→“程序”→“管理工具”→“Internet服务管理器”以打开IIS管理器(或“控制面板”→“管理工具”→“Internet服务管理器”)问：已经安装好了IIS，应该如何建立一个Web站点？答：最简单的方法就是对现有的“默认Web站点”做相应的修改比如网页放在C：inetpubwwwroot目录下，网页的首页文件名为Default.htm，而本机的IP 地址为192.168.1.6可以进行如下操作：第一步，进入“开始”→“程序”→“管理工具”→“Internet服务管理器”，打开IIS 管理器，在“默认Web站点”上单击鼠标右键，选“属性”，进入名为“默认Web站点属性”设置界面第二步，选择“Web站点”标签，在“IP地址”后的下拉菜单中选择所需用到的本机IP地址“192.168.1.6”，修改绑定IP地址第三步，选择“主目录”标签，在“本地路径”输入(或用“浏览”按钮选择)Web 内容在硬盘中的位置，默认目录为C：inetpubwwwroot，也可以根据需要自己设置第四步，选择“文档”标签，再按“添加”按钮，根据提示在“默认文档名”后输入自己网页的首页文件名“Default.htm”完成以上的基本配置之后，就可以测试一下效果了打开IE浏览器，在地址栏输入“192.168.1.6”之后再按回车键，若能够调出自己站点的首页就说明设置成功。
