导入新课
春天,春暖花开,鸟语花香,又到了。一年一度牡丹花开的季节。请问,有哪些词语是形容牡丹的呢? 答:花中之王 雍容华贵 娇艳欲滴 倾国倾城
难怪唐代诗人刘禹锡给我们这样的诗句“唯有牡丹真国色,花开时节动京城”。接下来,我们就用牡丹主题进行网页制作。
1、创建网页
启动 Microsoft frontpage 点“文件——新建——空白网页\
2、添加网页内容 (1)插入滚动字幕
点ft菜单栏上面的“插入”——web 组件。在打开的“插入 Web 组件”中选择“动态效果”类型, 在选择“字幕”效果,单ft完成。
这时候出现“字幕属性”对话框,在对话框中输入文字。向左滚动字幕制作:
在“字幕属性”对话框中,点ft方向为“左”,“表现方式”点选为“滚动条”,勾选“连续”,单ft确定。 查看效果为字幕从右向左滚动。
请同学们自己制作向右滚动的字幕。需要注意的是:
通过调节“字幕属性”对话框中的“延迟”和“数量”大小可以控制滚动字幕的速度。 ② 通过调节“字幕属性”对话框中“宽度”和“高度”大小可以控制滚动字幕的大小。通过调节“字幕属性”对话框中“背景色”,可以调节滚动字幕的背景颜色。 (2)插入表格
单ft菜单栏“表格”——插入——表格
打开“插入表格”对话框,在“大小”栏目中选择合适的行数和列数。在“布局”栏目中,设置好“对齐方式”、“指定宽度”和“指定高度”
(需要注意的是:在用表格定位时,将表格的边框设置为 0 可以隐藏表格的边框,使页面更美观)
例如新建一个 3 行 x 2 列的表格,表格的边框设置为 0
②选中第 2 行第 1 列和第 2 列两个单元格,右ft,在弹出的快捷菜单中选择“合并单元格”命令 (3)插入图片
把事先准备好的牡丹图片、文字复制、粘贴到首页中。
在 frontpage 中插入图片的方法与在 Word 中插入图片的方法类似。
单ft菜单栏“插入——图片——来自文件”(D:\\制作牡丹资料\\images\\任意一幅图片) 调
整图片的属性
右ft图片,在弹出的快捷菜单中单ft“图片属性”命令,弹出“图片属性”对话框 ,请尝试通过修改对话框中的参数将图像大小设为宽 200 像素、高 200 像素。设置页面效果
(4) 将网页背景设置为图片
页面空白处右ft,弹出快捷菜单,点ft“网页属性”弹出“网页属性”对话框,点ft“格式”在“背景图 片”前打“√”,然后单ft通过“浏览”找到图片即可。
设置表格属性
在页面中为了突出导航栏链接的文本,我们可以设置导航栏中表格的背景色为灰色。 选中导航栏单元格,右ft,在弹出的快捷菜单中选择“单元格属性”命名,在背景色中选择灰色。
(5) 如何添加超链接
超链接的出现使网上浏览变得更加便捷,只须用鼠标轻轻点ft,便能够轻松地从一个页面跳转到另一个页面,从一个 WEB 站点跳到领一个 WEB 站点。超链接就是一些特殊的文本或图像, 是其它页面的入口。
选中超链接源(可以是一个字符、一个单词、一句话、或一幅图)
选择“插入”菜单中的“超链接”命令,或单ft “常用”工具栏的“超链接”按钮,则弹出“创建超链接”对话框,在该框中列出了当期 Frontpage 中打开的 Web 站点中的文件夹和文件。
在该对话框的文件列表中,选择要建立链接的目标文件。 单ft“确定”按钮,超链接建成。
总结:
1、新建空白页面 2、添加网页内容
表格、图片、文本、滚动字幕 3、调整页面布局
用表格对页面元素进行定位 4、设置页面效果
调整页面背景与主题呼应 5、插入超链接课下作业:
请同学们以小组为单位,给我们的校园制作一个网页
相关推荐: