内容正文:
第9课 修饰网站首页
1
目 录
CONTENTS
1
2
3
学习目标
学习过程
课堂练习
2
了解修饰网页的基本知识。
学会在网页中添加滚动字幕和悬停按钮。
掌握为电子信箱地址添加超链接的操作方法。
学习目标
在网页中输入文字、插入图片后,为了使网页更美观,往往还需要进一步修饰网页,本课通过进一步修饰下面的网站首页的操作,介绍有关的几种基本方法。
学习过程
第1步:打开“文件”菜单,单击“打开站点”命令,打开站点“李敏的网站”。
第2步:在“文件夹列表”框中找到首页文件index.htm后双击,编辑区中显示出网页的内容。
第3步:选定页面中的一个栏目名称,如“迷人风光”。
第4步:依次打开“插入”菜单、“组件”菜单,单击其中的“悬停按钮”命令。
一、制作悬停按钮
学习过程
动手做:把首页文件中的6个栏目名称制作成悬停按钮。
5
第5步:出现“悬停按钮属性”对话框时,删除“按钮文本”框中的文字,然后输入按钮文字“迷人风光”。
学习过程
6
第6步:单击“按钮颜色”选择框中的按钮,在弹出的颜色选择框中选择一种按钮颜色,如绿色。单击“效果”选择框中的按钮,在下拉列表框中选择“反色发光”。
第7步:单击“效果颜色”选择框中的按钮,在弹出的列表框中选择一种颜色作为“发光”效果的颜色。再适当设置按钮的宽度和高度。
第8步:单击按钮,打开“字体”对话框,适当设定文字的字体、大小和颜色。
学习过程
7
第9步:单击按钮,关闭打开的对话框。原来的栏目名称所在的位置就会出现悬停按钮。
第10步:选定按钮,根据实际需要,拖动按钮周围的操作点,适当改变按钮的宽度和高度。
保存网页后,在IE窗口中浏览网页时,把鼠标指针移到按钮上,按钮就会出现“反色发光”。
学习过程
8
仿照上述操作,制作其他几个栏目名称的悬停按钮。
练一练
学习过程
9
第1步:在编辑区中显示出首页文件的内容,把插入点移到栏目名称所在的单元格中(第2行)。
第2步:依次打开“表格”菜单、“插入”菜单,单击其中的“行或列”命令,打开“行或列”对话框。参照右图选定有关的选项后单击 按钮,在表格中插入一行。
三、制作滚动字幕
学习过程
动手做:在首页文件中添加下面的滚动字幕。
10
第3步:把插入点移到