复习网站的设计与评价——动态网页制作.doc

复习网站的设计与评价——动态网页制作 一、测试内容和要求 测试内容内容细目测试要求网站的设计与评价HTML语言的基本应用CCSS样式表的简单使用BJavaScript的简单使用BASP工作流程A网站的发布与管理B网站的评价B 二、HTML语言的基本应用 （一）知识梳理 （1）HTML文件的基本结构： html head /head body /body /html （2）HTML中的基本标记： html/html——HTML标记，html表示文件为HTML文件，/html表示代码结束 head/head——网页文件的头部信息。 title/title——网页标题，title放置网页标题名/title body/body——主体标??，body放置网页主体内容/body a href=”index．Htm”指向index．htm目标/a img src=”Picture/smile．gif”表示图像文件的位置 （3）文字设置 hn/hn ——标题级别 align=left; align=right ; align=center——对齐方式 font/font——字体设置 b/b——粗体 u/u——下划线 i/i——斜体 （4）表格设置 table/table——表格标记 caption/caption——表头 tr/tr——表行 td/td——单元格 （5）超链接设置 a href= 链接页面路径及文件名.../a——文字超链接 （6）图片设置 img src=图片路径及文件名 （7）背景音乐设置 bgsound src=”声音文件路径及文件名” （8）表单设置 form/form （9）框架设置 frameset/frameset （10）其他 br——换行符 p/p——段落标记 hr——水平线 （二）、典型例题： 1．HTML语言中，表格标记符是:(????D )。 A? HEAD/HEAD （头部信息） B? FORM/FORM （表单信息） C? HTML/HTML? （HTML标记） D? TABLE/TABLE? （表格信息）? 2．为了标识一个HTML文件应该使用的标记是(?B? ? )。 A? table/table B? html/html C? body/body? （主体标记） D? p/p??????? （段落标记）? 3．超文本标记语言“a href=http: //www. sina. com. cn新浪网/a” 的作用是(??A? )。 A 创建一个指向新浪网的超级链接 B 创建一个指向新浪网的电子邮件 C 插入一幅新浪网的图片 D 插入一段新浪网的文字? 4、阅读以下代码，哪个是表格背景的设置（B ） A、td bgcolor=”#ff0000” B、table bgcolor=”#c0c000” C、table bordercolor=pink D、body bgcolor=”red” 三、认识动态网页 （一）知识要点 1.什么是动态HTML ①.概念：动态html是指即使在脱离网络环境的情况下，网页下载到浏览器以后仍能随时变换的HTML。即DTHTML。 ②.动态html应用程序大多数在客户端的浏览器上进行，也可根据需要向服务器发出请求。 ③.并不是网页中所有的“动”的效果都是动态html ，有的是动画，如GIF图像、SWF动画等。 2.实现简单的动态HTML效果 在frontpage2000中，通过格式菜单中动态html效果菜单，我们可以容易地实现多种动态html效果，其中触发事件有：单击、鼠标悬停、双击、网页加载；效果类型有：飞入、弹起等，最后设置效果样式就可完成动态html的操作。 3. 什么是动态网页 ①.动态网页除了动态html外，还包括一些能够提供个性化信息服务的页面，例如：服务器通过html表单收集用户的信息，用户也可以通过搜索引擎页面得到自己想要的信息。 ②.这里的动态强调的人机交互，就是按照访问者的需要，对访问者输入的信息做出不同的响应，并提供相应的信息。 ③.常用的主要技术有：CGI（公用网关接口）、ASP（动态服务器页面）、JSP（java服务器页面）、PHP（超级文本预处理语言）等 4. 静态网页和动态网页的比较 静态网页无需系统实时生成，网页风格灵活多样，但不能实现个性的交互功能，日常维护十分繁锁。不支持数据库。 动态网页可以自动更新页面的外观和行为，实现动态的交互作用，方便地同访问者进行交流，及时获得信息的反馈。使用者在浏览页面时，能通过因特网（internet）或内联网（intranet）查询网络数据库的资