任务:为模块二活动4中选择的课设计一个网页课件。
一、做前认真思考下列问题:
1、这个网页课件的结构是什么样子的?这里指的是页面的框架结构;
2、制作这个课件需要哪些素材? 将所有需要的素材准备好备用。
3、你打算如何组织网页课件的文件夹结构?
将你的想法写在一张纸上,并在纸上画出你所设想的网页草图,这些对你将要进行的活动会很有帮助。
作业要求:提交的网页课件不能只是一个网页;课件首页中有清晰的导航栏,导航链接成功;课件首页中有醒目,美观的标题;课件首页中使用表格布局;课件首页中插入与教学主题相关的图片;课件首页中插入背景音乐。
二、制作过程
(一)首页模板制作
1、在电脑F盘新建文件夹,名称自定(一定要是英文)
2、打开Frontpage软件,新建由一个网页组成的网站,浏览到刚新建的文件夹,确定后文件夹里自动添加了许多新文件夹,其中的images很重要,把我们之前准备的各种网页素材粘进去。
3、双击index.htm文件开始编辑,根据自己设计的页面框架结构(我以竖向导航栏为例说明)插入表格:3行1列,对齐方式居中,指定宽度1000像素,单元格衬距0间距0边框0,背景选某淡雅色,确定
4、在表格第一行写上课件标题,设置标题格式;右击单元格—单元格设置,指定高度150像素,设置背景颜色;
5、把表格第二栏拉高,点视图-工具栏-表格,调出表格工具栏,选绘制表格工具笔,在第二栏偏左位置竖向画线,分成左右两栏之后放回表格工具栏;
6、右击左侧单元格—拆分单元格,根据设计的栏目数+1进行拆分;选中所需栏目单元格右击—单元格属性,指定高度80像素,设置某颜色,确定;依次将栏目名称输入单元格;把整个表格第二行向下拉大;单击右侧单元格,插入—图片—来自文件,选取images里准备好的图片;
7、右击整个表格第三行单元格—单元格属性,指定高度80像素,设置颜色,输入网页课件版权信息;
8、文件—保存,将index.htm保存。
(二)各分页制作
1、右击左侧文件夹列表中的index.htm文件—复制,继续右击空白处粘贴数次,将各分页改名(英文);
2、双击第一栏目页(其实就是主页),编辑该页面内容,把相关文字图片等素材插入页面中,编辑过程中可适当折分、合并单元格进行页面布局,最后保存;
3、其他各分页制作方法与上面类似,一定要注意保存;
(三)设置超连接
1、在index.htm中选中栏目一右击—超连接,选中index.htm;选中栏目二右击—超连接,选中lanmu2.htm;选中栏目三右击—超连接,选中lanmu3.htm;选中栏目四右击—超连接,选中lanmu4.htm;选中栏目五右击—超连接,选中lanmu5.htm;
2、在index.htm中选中选中所有栏目右击—复制,保存;
3、打开lanmu2.htm,选中所有栏目右击—粘贴并保存
4、其余各分页与3类似;
(四)主页背景音乐设置
右击—网页属性,设置背景音乐(Midi格式);
三、作业上传:
因为网页课件不只一个文件,所以上传之前先将网页课件文件夹压缩成rar格式或者zip格式。