框架网页制作教案分析

2024-08-02

框架网页制作教案分析(共11篇)

篇1:框架网页制作教案分析

框架网页的制作

教学目标:

1.知识与技能:

(1)理解框架的概念及基本用途。

(2)掌握框架网页的新建、制作、编辑与保存,了解框架的拆分方法。

(3)初步掌握将框架结构与表格布局结合使用来制作网页。

2.过程与方法:

(1)通过对表格网页的分析,体验新知识(框架结构网页)的优点,从而促进更好的学习新知识。

(2)通过理解框架的概念与组成,学会分析框架网站的结构。(3)通过动手操作来深入了解框架的使用方法及用途,提高在网页制作方面的知识水平,培养自主学习的能力。3.情感态度与价值观:

(1)通过以“人与动物”为主题的框架结构网页的制作活动,开拓知识面,激发学习兴趣与热情,体会框架网页在展现主题内容中的作用。(2)能够将表格与框架结构网页结合使用,在创作中体验乐趣。

(3)形成积极主动的学习和使用多媒体技术的习惯,通过参与信息活动,参与社会实践,树立团队意识,形成积极合作的态度。

教学要点:

1.重点:

(1)框架的概念、用途。(2)创建、编辑与保存框架网页的方法,框架的嵌套使用。2.难点:(1)框架的拆分。(2)制作框架网页。

教学对象分析:

本节内容是针对高一学生,而初上高中的他们对一切新知识都很好奇,同时存在着一定的懵懂,因此在教授他们本节课知识之前,要事先充分激发他们对本节课内容的兴趣,因此课前老师先展示一组利用表格制作的框架网页,要求学生仔细观察,找出它们的一个共同特点,并提问如何快捷地制作这种网页?从而引出本节课内容,并且在讲授内容的过程中,要耐心的进行演示教学,不能一味的口述使学生感到一片茫然。

教材分析:

从在本教材中所处的位置来看,《运用框架结构制作网页》是在创建新站点,制作简单网页、运用表格制作网页和动态网页之后。通过前面的学习,学生可以建立有多张网页的个人站点,在对网页的设计中会运用表格给网页布局,为了使网页增添动感,还会通过增加滚动字幕、动态按钮以及动画插件等方法,令网页更加具有活力。但是除了表格布局外,还有一种常见的布局形式,应用也相当广泛,学生在浏览一些著名网站时就能遇到,通过本节课《运用框架结构制作网页》学习,可以为学生解惑,帮助学生理解框架结构制作网页的应用。从教材的难易度分析,这部分知识点学生从来没有接触过,在前面学习其它的应用软件时也没有类似的地方,故而有一定难度,教学目标不能定的过高。

篇2:框架网页制作教案分析

八年级信息技术备课组

组长签名

授课人

教学目的:学习框架网页的制作方法,掌握框架网页的构成。教学重点:框架网页的制作, 框架网页的属性。教学时间:2课时 教学步骤: 一)、框架页的基本组成

框架页是一种特殊格式的网页,主要由边框、网页、滚动条组成。在框架页中,每个框架都有一个网页相连接。当打开框架页时,则同时载入每个框架所相连的网页文件。

在框架页中显示的是三个独立的网页组成的(实际下载了四个网页,还包括框架页本身这个网页)。主体框一般用来显示正文内容的。二)、创建框架页

FrontPage 2000提供了10个框架网页向导帮助我们创建框架页。其操作步骤如下:(1)打开【文件】菜单,选择【新建】菜单项,在子菜单中选择【网页】菜单项,出现新建对话框。

(2)在对话框中单击【框架网页】选项卡。

(3)在选项卡中选择【目录】,此时在【预览】栏中会显示被选中的框架结构图,并在上方显示说明情况。

(4)单击【确定】按钮后,出现框架结构图。

(5)新创建的框架结构共有2个网页窗口,其中一个在左边,另一个在右边。这时单击【新建网页】按钮后,我们可以在当前框架网页中输入文字、图片等内容了。(如果这时单击【设置初始网页】按钮后,将弹出一个“创建超链接”的对话框,可以为所在的框架超链接到指定的网页上去。)

(6)框架的保存:单击“

”工具按钮,出现【另存为】对话框。

 保存左边框的网页文件。在对话框右面的框架示意图中,单击左边框后为蓝色,表示左边框中的网页正准备保存。在“URL”中输入文件名“in1”,单击【确定】按钮后,此时左边框的网页文件被保存起来。

 保存右边框的网页文件。紧接着,在对话框的框架示意图中,右边框显示为蓝色。在“URL”中输入文件名“in2”,单击【确定】按钮后,右边框的网页文件也被保存起来。 保存框架本身网页。在对话框中整个框架示意图的边框为蓝色,在“URL”中输入文件名“index.htm”,单击【确定】按钮后,此时保存的是整个框架页文件。三)、框架及框架页的属性

1、设置框架的属性

框架有很多属性,例如框架的名称、宽度、高度、边距、滚动条、可调整性、间距等。以框架页为例说明,其具体操作方法如下:

单击要设置属性的框架,然后单击【框架】菜单,再单击【框架属性】菜单项,出现对话框。可以在此对话框中修改框架的属性了。

2、框架页的属性

以上是设置每个框架的属性,而修改整个框架页的属性,其具体操作如下: 在【框架属性】对话框中,单击【框架网页】按钮,会出现“网页属性”对话框。

第周八年级信息技术教案 在这个对话框中的“框架”选项卡中只有两项:

 “框架间距”:指框架之间的边框的宽度,默认值为2。

如果框架不要显示出边框时,可单击“显示边框”前面的单选框,取消“√”。四)、框架页的编辑

在框架页中,当要拆分某一框架时,单击框架→拆分框架→选择并确定。当要删除某一框架时,单击框架→删除框架→选择并确定。五)、框架页的超链接

在框架页中,当单击左边的超链接时,在右边框中显示该超链接网页的内容。下面我们将以框架页为例,说明怎样实现框架网页之间的超链接。其操作步骤如下:

(1)在左边的框架中选择要设置超链接的“(2)单击“选择“jbxx.htm”。

(3)在对话框右下角“目标框架”栏,单击“标设置”栏中就相应显示所选定的区域名称。其中:

 网页默认值(main):超链接的网页将显示在右边框(即“main主体”)。 相同框架:在左边框单击某个超链接时,其链接网页也将显示在左边框。 整页:单击某个超链接时,只显示所链接的网页,原来框架不再显示。 新建窗口:单击某超链接时,所链接的网页将显示在新打开的浏览器中。 父框架:单击某个超链接时,将返回上一级的框架。六)、上机操作

练习设计框架网页

”图片(或文字)。

”超链接工具按钮,出现【编辑超链接】对话框。这时在对话框的文件列表中

”按钮,出现一个对话框。

在对话框中,单击框架示意图中不同的区域,也可以单击右边列表框的选项,在对话框的“目

课堂小结

板书设计 :

教学反思

篇3:框架网页制作教案分析

Web日志挖掘[1]是通过挖掘Web日志记录来发现用户访问Web页面的模式,从中可以提炼出设计者的领域知识、用户感兴趣程度、用户的访问习惯等,进而得到优化站点结构、开展个性化服务以及用户访问控制等对站点设计者、经营者有用的决策性信息。挖掘Web日志记录中最费时也是最重要的环节就是Web日志数据预处理中的会话识别。用户会话是一个跨越一个或多个Web服务器的用户点击(点击流)的集合。会话识别的目标是将每个用户访问的页面划分到一个独立的会话中。目前识别用户会话的方法主要有时间窗法[2]和最大前向引用法[3]。

传统的会话方法存在两方面不足:一方面可能使原本在同一个会话里的记录被划分到不同的会话中,也可能使原本不在同一个会话的记录被划分在同一个会话中;另一方面,由于用户会话产生的有效页面数比实际的有效页面数明显增多,因此,导致了会话识别的效率大大降低。传统方法生成的会话集与实际会话集相比有较大的误差,这些误差将会直接影响Web日志挖掘结果的真实性。因此,本文在考虑框架网页和页面重要度的基础上,提出了一种优化的会话识别方法。通过实验证明,该方法所得到的会话集更具有真实性,同时也提高了会话识别的效率。

1 改进的会话识别方法

该方法分为两个步骤:一是在数据清洗之后,过滤掉框架网页。二是结合页面内容及站点结构,即依据页面的重要程度来构造相对合理的页面时间阈值,从而构造相对真实的用户会话集。

1.1 会话识别前的数据预处理

数据清洗的主要任务是清洗与日志挖掘任务无关的日志数据项,包括用户请求失败的日志记录、自动搜索代理Agent或Spider产生的网页浏览日志以及包括图像视频文件的日志数据等。用户识别是指识别出具体的用户:使用IP地址、Agent类型以及一些临时信息综合起来惟一标识一个用户。识别出具体的用户之后,接下来的主要工作就是过滤掉大量的框架网页。

HTML规范通过“Frame”标记支持多窗口页面,每个窗口里装载的页面对应一个URL,要说明的一点是: Subframe 页面同时又可以是包含子窗口的Frame页面。例如,若A、B、C三个页面的关系是A包含B,B包含C,则A是Frame页面,B、C是Subframe页面,但B既是Frame页面,也是Subframe页面。Frame页面与其Subframe页面总是一起出现在用户会话中。在对池州学院的Web服务器日志进行挖掘试验时,大量的Frame和Subframe页面使得会话识别的结果偏离了真实性。Web日志挖掘的目的是发现未知的用户行为模式,而Frame页面和Subframe页面的关系是已知的事实,为此应当消除Subframe页面对会话识别的影响。Frame页面和其中的Subframe页面是作为一个多窗口页面展现在用户面前,所以,在数据预处理阶段将Frame页面和其中的Subframe页面作为一个整体考虑,即用户对Frame页面的请求就是请求多窗口页面。从全局而言,这样处理可以有效地消除Subframe页面对会话识别的影响,最终提高挖掘结果的兴趣性。

1.2 根据页面的重要性来构造页面访问时间阈值δ

构造页面访问时间阈值δ,必须考虑到页面的重要程度以及网站结构对阈值δ的影响。

定义1 链接内容比(RLCR)是指页面链入链出数与页面内容之比,记页面大小为SDS,则RLCR 计算公式为:

RLCR=(LI+LO)/SDS (1)

这里链入数是指链接到某页面的页面个数,记为LI;链出数是指某页面所包含的链接个数,记为LO。

若一个页面的大小SDS为3Kbyte,它的链入数LI为2,链出数LO为4,则RLCR计算结果为2。一般情况下,一个页面的链入要比链出重要,因此需要对它们进行加权调整,本文以黄金分割来假设链入与链出的权重之比,RLCR计算公式调整为:

RLCR=2(0.618LI+0.382LO)/SDS (2)

为了将RLCR值用于对阈值δ的调整,需要将RLCR值映射到(0,1)之间,可以选用多种映射方式,例如用RLCR值与所有RLCR值中的最大值的比值即可映射到(0,1)之间,但这种方法容易受到孤立点的影响,当某个页面的RLCR值很大时,会影响到其他点。这里选择如下的映射方式,记RLCR对δ的影响因子为β。

定义2 β为页面RLCR对页面访问时间阈值δ的影响因子,其计算公式为[4]:

β=1-exp(-RLCR)

但这种变换对RLCR>20的数,β均为1,区分度较小,也就是说,所有大于20的数映射到(0,1)上均为1。因此本文再将公式作进一步改进为公式(3),区分RLCR的上限可以扩大到近300。

β=1-exp(-sqrt(sqrt(RLCR))) (3)

综合上述调整过程,可以得出阈值δ的计算公式,公式(4)中t为页面的实际访问时间。

δ=t(1+β) (4)

1.3 根据页面时间阈值δ构造用户会话集

要设置每个页面的访问时间阈值δ,首先要获得统计后的页面的实际访问时间t,并结合页面的RLCR影响因子β调整δ。统计后页面的访问时间t的集合记为St={t1,t2,…,tn},页面的影响因子β集合记为Sβ={β1,β2,…,βn} 。算法步骤如下:

首先,根据日志文件log统计得到t的集合St,按用户将日志文件划分,即用户识别,统计页面的访问时间得到St;

其次,根据影响因子集合S和α值调整St得到页面访问时间阈值集合Sδ,按式(4)结合α和Sβ计算得到Sδ;

最后,根据Sδ重新划分日志文件得到用户的会话集合。

2 实验结果

本实验数据来源于池州学院网站:211.86.192.12,服务器日志数据为2008年3月24日-11月3日,实验中将基于引用会话识别算法(方法一),基于固定的时间阈值(10分钟)的会话识别算法(方法二),基于页面阈值δ的会话识别算法(方法三),基于框架网页与页面阈值δ相结合的会话识别算法(方法四),将这四种会话识别算法进行比较。

本文使用目前常用的评价标准[5]:会话被算法h完整重建的程度。一般使用精确度和查全度这两个指标来衡量重建程度。精确度是用完全构建的会话数目与构造生成的总会话Rh 数目的比值表示:precision(h)=|Rh∩R|/|Rh|,查全度是完全构建会话数目与真正的会话R数目的比值表示:recall(h)=|Rh∩R|/|R|。实验数据如表1所示,对各种算法的比较时,是以基于引用的方法(方法一)为基准。时间阈值δ与其对应的页面数统计如表2所示。

从表1和表2中可以得出以下结论:

从表1知道,无论从精确度还是从查全度来说,方法三和方法四都差不多,但都比方法二高。因此后两种方法的性能比方法二要好。但从算法效率上分析,因为方法四通过页面过滤后,有效页面数大幅度减少,从而提高了会话识别的效率,所以方法四的会话识别的效率比方法三要高。

从表2中可以看出,得到的页面访问阈值δ虽然经过调整,但仍然可能过大或者过小,所以当δ>10min时设置为10 min,当δ<60S时设置为60S.相对于传统的先验阈值10min,改进的δ值有了明显减小(例如: 当δ<5min时,对应的页面数占总页面数的20986/29648=70.723%),更能反映用户的浏览习惯,所以使得划分的会话更为准确。

相对于使用固定会话长度的识别方法,改进的方法可以识别长会话。因为会话长度固定的识别方法会话最长为θ,一般设置为25.5 min,而实际应用中会有较多的长会话存在,改进的方法就可以识别出这些长会话。

3 结 论

从本文中介绍的会话识别算法可以知道,frame页面的存在影响了会话识别的真实性及效率,在传统会话识别中,采用固定时间阈值会导致产生的会话集偏离真实会话。本文在现有数据预处理技术的基础上提出先消除frame页面对挖掘结果的影响,再使用页面访问时间阈值来进行会话识别,经过实验数据的检验,与传统的会话识别算法相比较,改进后的会话识别算法无论在会话的真实性,还是在会话识别的效率方面都有所提高。

摘要:会话识别是Web日志预处理过程中的一个重要环节,针对传统会话识别的不足,提出一种改进的会话识别算法。在识别出具体的用户之后,过滤大量的框架网页;然后根据每个页面的内容及网站结构,构造出相对合理的页面访问时间阈值,并以此阈值来进行用户的会话识别。最后通过实验数据,与几种传统的会话识别方法进行了比较,表明该算法更为合理有效。

关键词:Web挖掘,数据预处理,阈值,Frame页面,会话识别

参考文献

[1]Han Jiawei,Meng Xiaofeng,Ang Jing.Research on Web Mining[J].Journal of Computer Research&Development,2001,38(4):405-414.

[2]Zhang HY,Liang W A.An intelligent algorithm of data pre-processingin web usage mining[Z].Intelligent Control and Automation,WCICA,Fifth World Congress,2004,4:3119-3123.

[3]Fang Y,Wang L J,Ge Y.Study on data preprocessing algorithm in weblog mining.Machine Learning and Cybernetics[C].International Con-ference,2003,1:28-32.

[4]殷贤亮,张为.Web使用挖掘中的一种改进的会话识别方法[J].华中科技大学学报:自然科学版,2006,7:33-35.

篇4:浮动框架在网页制作中的使用技巧

关键词:网页设计;浮动框架;锚记;自适应高度;模板

中图分类号:TP393.092 文献标识码:A 文章编号:1007-9599 (2012) 09-0000-02

浮动框架也叫嵌入式框架或内联框架,是一种特殊的框架页面。浮动框架就是在网页中嵌入一个框架,可以自由控制窗口大小,可以配合表格随意地在网页中的任意位置插入窗口。通过链接可以在这个有限的浮动窗口中显示理想的网页效果。

一、浮动框架的应用特点

正确使用浮动框架,可以给网站的创建带来许多便利,比如在个人网站中,可以将留言内容放在一个嵌入式框架里,这样既方便又漂亮;也可以为框架定义一个名字,并在其中显示链接网页,这样就实现了在各个页面之间快速跳转的目的。

尽管浮动框架可以插入到页面中的任意位置,不过遗憾的是,在DreamweaverCS3中不能可能实现可视化地制作浮动框架,需要用手写代码方式来实现。

二、网页上的对象超链接到嵌入的浮动框架

关键点是一定要给这个iframe命名。操作是。再把网页上建立的超链接语句应该写为:xxx

语句中的URL用相对路径较好,但也可以用绝对路径,height表示高度, width表示宽度,在实际应用可根据实际情况调整。是否显示页面滚动条用scrolling表示,有三个可用的参数为auto、yes、no,若省略了选项,则默认为auto。

三、浮动框架外面的元素链接框架内的锚记

在上面制作的基础上,仍然可以用超链iframe来做,例如:可参照以下的代码来完成:

test

主要是 a標签的target属性应该是框架的名称, target 属性规定在何处打开链接文档。另外如果需要连接到锚记的话需要加#锚记名称,再比如说,那么就可以用test连接过去。而 标签的 href 属性用于指定超链接目标的 URL。

四、设置浮动框架滚动条的颜色

将以下这段CSS放在框架链接的页面就可以看到效果了。至于颜色值按你的具体要求修改。

各条语句含义如下:

Crollbar-face-color:设定滚动条页面颜色;

Scrollbar-highlight-Color:设定滚动条斜面和左面颜色;

Scrollbar-3Dlight-Color:设定滚动条上边和左边的边沿颜色;

Scrollbar-darkshadow-Color:设定滚动条下边、右边边沿颜色。

Scrollbar-shadow-Color:设定滚动条下斜面和右面颜色;

Scrollbar-arrow-Color:设定滚动条两端箭头颜色;

Scrollbar-track-Color:设定滚动条底版颜色;

五、设置浮动框架的自适应高度

在使用iframe时经常会遇到所调用的页面在预览时出现滚动或页面不能完整显示的情况,对整个页面的美观产生较大影响,此时可在“代码”中添加下例中的代码,问题就迎刃而解了。

比如网页上有3个链接:链接1、链接2、链接3、和1个浮动框架:Iframetest。如果想通过这3个链接来改变浮动框架的高度,例如:点击“链接1”就将Iframetest的高度设为110;点击“链接2”就将Iframetest的高度改为230;点击“链接3”就将Iframetest的高度改为350,这样的效果该如何实现?

可以设置一个实例Iframe的自适应高度来解决这个问题:

六、浮動框架应用于模板中

首先制作一个带有表格布局的网页模板,设置可编辑区域时要不同于常规的类型,需要使用嵌入式浮动框架来实现。

(一)将可编辑区域设置为嵌入式浮动框架

1.将插入点置于要设置可编辑区域的单元格中,单击文档工具栏中的“拆分”按钮,在文档窗口上方打开代码视图,单击“布局”插入栏中的“iframe”按钮,在单元格中插入代码。

2.在