(选修)13网站设计与评价.docVIP

年级 高二 学科 信息技术 总课时 1 课题 （选修）3网站设计与评价 42__课时 主备人 王志烨 上课时间 2014.12 锁定目标 找准方向 备 注 了解网站、网页、主页的概念及其相互关系。 了解静态网页、动态网页及其区别。 自我构建 快乐无限 【知识链接】 1．3．1 网站的概念 本考点要求学生达到“了解”水平。 网站、网页、主页的概念及其相互关系。 网站：因特网上具有相似性质、同类内容的一组信息资源。 网页：用 HTML 语言写成的文件。 主页：通常用来表示访问某个网站时出现的第一个页面。 网站是由若干个网页组成的，而主页是这些网页中的第一张页面，相当于一本杂志的封面，用来对整个网站进行概括性地介绍。 静态网页、动态网页及其区别。 静态网页：指没有后台数据库、不含程序和不可交互的 HTML 格式的网页。 动态网页：指包括动态 HTML 效果、ASP、PHP、CGl 和 JSP 等网页技术在内的能提供个性化信息服务的页面。 静态网页可简单地根据用户的请求传送已有的页面，无法实现各种个性化的交互功能，日常维护也十分烦琐；而动态网页则是由计算机实时生成，具有日常维护简单、更改结构方便、交互功能强大等优点。 合作探究 携手共进 【技能扫描】 了解网站、网页、主页的概念及其相互关系；了解静态网页、动态网页及其相互区别；会使用 FrontPage 中的“DHTML 效果”工具栏制作简单的动态 HTML 效果。 例1：下列关于动态网页优点的描述有误的是 。 A．相对于静态网页，动态网页不容易被搜索引擎收录 B．无需系统实时生成，网页风格灵活多样 C．日常维护方便，交互性强 D．响应速度快，减轻了服务器负担，节约服务器的存储空间 分析：本题考查的知识点是动态网页的优点，相对于静态网页，动态网页在网页生成、 风格以及网站维护等诸方面具有许多优越性，但由于其采用数据库作为后台存储，故不容易 被搜索引擎收录。本题属于中等难度题。正确答案：B 例2：利用 FrontPage 中的“DHTML 效果”工具栏制作一个交换图片的效果。 分析：本题考查的知识点是运用 FrontPage 中的“DHTML 效果”工具栏制作简单的动态 HTML 效果。在完成本题的操作之前，首先要熟悉“DHTML 效果”工具栏中的各种事件及其功 能。另外需要注意的是，交换后图片的大小和原图大小要相同，所以在最初选择图片时，要考虑素材的选择是否合适，也可以通过多次设置并预览以达到最佳效果。本题考查内容单一，属于容易题。 参考操作步骤如下 以在 FrontPage 2000 中操作为例 ： 在网页中插入一幅图片，调整好图片的大小并选中它，打开“DHTML 效果”工具栏，设置“开启”的事件为“单击”，“应用”的效果类型为“交换图片”，效果设置为“选择图片” 如上图所示 ，根据需要浏览一幅需要交换的图片文件。预览时，单击效果图片，就可以观察到该图片变成了另一幅图片。 拓展提升 学以致用 见高中学业水平考试 反馈检测 体验成功 一、单项选择题 1．下列不属于常见网站结构的是 。 A．线性结构 B．树状结构 C．网状结构 D．星型结构 2．用来对整个网站进行概括性介绍的网页称为该网站的 。 A．封面 B．主页 C．欢迎页 D．目录页 3．网站首页默认的文件名一般为 。 A．logo．gif B．index．htm C．E-mail D．ad．htm 4．某同学以“奥运主题班会”为关键词进行搜索时，出现的网页与几天前他用同一个 搜索引擎相同关键词搜索到的网页不完全相同，这是因为该网站使用了 。 A．动态网页技术 B．静态网页技术 C．域名解析技术 D．动态分配IP 地址 二、多项选择题 1．下列哪些动态效果使用了动态网页技术 A．鼠标指针指向后文字变成绿色 B．打开某网站时自动弹出一个新窗口 C．网页中不断变化的 GIF 动画 D．网页中自动更新的日期 2．网页打开时出现自动飞入的图片，当鼠标指针指向该图片后又切换为其他图片，以 上效果应使用的触发事件有 。 A．单击 B．双击 C．鼠标悬停 D．网页加载 我的收获 “目标—问题—活动—反馈”小组合作学习教学案 徐州经济技术开发区高级中学