文档详情

用FrontPage2003制作网页课件.doc

发布:2017-06-05约5.32千字共12页下载文档
文本预览下载声明
用FrontPage2003制作网页课件 Frontpage2003是office家族的一员,应用于网站、网页的编辑管理,操作简单方便。对于广大中小学教师来说,掌握frontpage2003的操作,我们可以:(1)制作网页课件(演示型、flash课件,网络型) (2)建设教学资源网站 举例:49:4601/xkzhkj/index.html 三角形中的线段为例 今天我们将以“乡愁”为例,来讲述网站的制作过程。 创建网站是一个系统的过程,包括设计网站的结构、收集与加工网站素材、开发网站和发布网站四个步骤。 一、设计网站的结构 二、收集与加工网站所需素材 三、开发网站 四、发布网站 应该掌握的技能: 1、利用FrontPage,新建并保存一个站点。 2、新建、保存站点中的网页。 3、插入并调整表格。 4、在表格中输入文字并编辑。 5、加入背景图片。 6、在网页中插入图片并调整。 7、在网页中创建“超链接”。 8、在网页中利用框架布局网站。 9、在网页中设置背景音乐。 10、在网页中加入音频、视频、滚动字幕、水平线。 11、发布网站。 一、设计网站的结构 (一)确定网站的名称与栏目 1.网站名称就是一个网站的名字 命名原则:(1)内容性;(2)艺术性 2.网站栏目是网站内容的目录 栏目的设计应以教学需要为主要目的。本网站的栏目主要有:如菜单 (二)规划网站结构 网站的结构是指网站中各个网页之间的关系。例:《乡愁》网站结构图示例 二、收集与加工网站所需素材 网站素材包括文本、图片(图形与图像)、动画、音频和视频等。 在网站开发前,应根据每个网页内容的需要,收集相关的素材,途径:网上搜索或自制。 如:网站所需素材表 网页编号 网页内容 所需素材形式与内容 1 文本、图片、动画、音频 2 3 、、、、、、、、 、、、、、、、、 、、、、、、、、 三、开发网站 站点:是一组相关网页的有机结合,网页之间彼此相连,这种完整的结构就称为站点。(网站相当于一本书,一个体系。网站的概念大于网页。 网页:站点就像一本书,网页就像书中的一篇篇文章。一个网站内可以包含很多页,当然也可以仅有一页。 Home Page:进入站点后看到的第一个页面通称为Home Page,也称为主页或首页,通常被命名为“Index.html。 新建站点:启动frontpage2003,新建其他网站模板只有一个网页的网站。将素材拷入相应文件夹内。 新建网页:新建其他网页模板普通网页 编辑网站首页 网页属性设置:背景音乐(hunli.wav)、网页标题(乡愁主页)、背景图片(beijingtupian.jpg) 表格布局: 分别插入三个1行1列的表格:宽:760像素 高:任意 ,水平居中 设置第1个表格高度为210像素,插入图片banner.jpg,设置宽759像素,高210像素 设置第2个表格,拆分单元格为5列1行,分别插入web组件交互式按钮(浮雕标签2),网站首页、走进乡愁、倾听乡愁、品味乡愁、感悟乡愁,字号12,字体微软雅黑,悬停蓝色,按下黄色, 图像宽152像素,高35像素,保持比例去掉。其余几个按钮用复制粘贴,修改文本即可。 (4)将index.htm复制粘贴,分别命名为zjxc.htm,qtxc.htm,pwxc.htm。 (5)设置第3个表格,输入文本 乡愁、、、、、,宋体,14磅,将第一行文本设为水平滚动字幕。 (6)在文本下边插入两行,菜单:表格插入行/列 (7)分别在两行中输入文字,插入网页组件计数器,站长信箱要链接邮箱。 编辑走进乡愁 打开zjxc.htm,设置第三个表格,拆分单元格,2列1行,再拆分右边单元格,2行1列。 对左边单元格设置背景图片(yuguangzhong.jpg),右边单元格第一行插入艺术字“作者简介”宋体,24号,艺术字库第三行第一个。第二行插入相关文本,宋体,14磅,双倍行距。 编辑倾听乡愁 设置表格背景图片(bj.jpg)拆分单元格3行1列,第一行插入图片(xiangchou.gif)余光中,楷体,18磅,加粗。 第二行输入文本,并进行排版,字体 微软雅黑,12磅。 第三行插入图片音频(xiangchou.mp3)保存。 编辑品味乡愁 拆分单元格为2行2列,分别插入“乡愁四韵.swf”,“ 英语儿歌视频-How are you.avi”,“2.jpg”,“3.jpg”。 音频支持格式:WAV、MID、RAM框架网页 框架: 框架网页:所谓框架网页是一种特殊的网页,它可以将浏览器视窗分为多个不同的窗口,而每个窗口可以看作一个网页容器,用于显示不同的网页框架组成:边框、滚动条、网页。 (一)创建框架网页 1.创建框架网页 单击文件→新建,选择“框架网页”选项卡,在“框架网页”对话框里列出了10
显示全部
相似文档