资源预览内容
第1页 / 共12页
第2页 / 共12页
第3页 / 共12页
第4页 / 共12页
第5页 / 共12页
第6页 / 共12页
第7页 / 共12页
第8页 / 共12页
第9页 / 共12页
第10页 / 共12页
亲,该文档总共12页,到这儿已超出免费预览范围,如果喜欢就下载吧!
资源描述
用 FrontPage2003 制作网页课件Frontpage2003 是 office 家族的一员,应用于网站、网页的编辑管理,操作简单方便。对于广大中小学教师来说,掌握 frontpage2003 的操作,我们可以:(1)制作网页课件(演示型、flash 课件,网络型)(2)建设教学资源网站 举例:http:/221.194.113.149:4601/xkzhkj/index.html 三角形中的线段为例今天我们将以“乡愁”为例,来讲述网站的制作过程。创建网站是一个系统的过程,包括设计网站的结构、收集与加工网站素材、开发网站和发布网站四个步骤。一、设计网站的结构二、收集与加工网站所需素材三、开发网站四、发布网站应该掌握的技能: 1、利用 FrontPage,新建并保存一个站点。 2、新建、保存站点中的网页。 3、插入并调整表格。 4、在表格中输入文字并编辑。 5、加入背景图片。 6、在网页中插入图片并调整。 7、在网页中创建“超链接”。 8、在网页中利用框架布局网站。 9、在网页中设置背景音乐。 10、在网页中加入音频、视频、滚动字幕、水平线。 11、发布网站。一、设计网站的结构(一)确定网站的名称与栏目1.网站名称就是一个网站的名字命名原则:(1)内容性;(2)艺术性2.网站栏目是网站内容的目录栏目的设计应以教学需要为主要目的。本网站的栏目主要有:如菜单(二)规划网站结构网站的结构是指网站中各个网页之间的关系。例:乡愁网站结构图示例主页走近乡愁倾听乡愁品味乡愁感悟乡愁二、收集与加工网站所需素材网站素材包括文本、图片(图形与图像)、动画、音频和视频等。在网站开发前,应根据每个网页内容的需要,收集相关的素材,途径:网上搜索或自制。1. 如:网站所需素材表网页编号 网页内容 所需素材形式与内容1 文本、图片、动画、音频23、 、 、 、 、 、 、 、 、 、 、 、 、 、 、 、 、 、 、 、 、 、 、 、三、开发网站站点:是一组相关网页的有机结合,网页之间彼此相连,这种完整的结构就称为站点。(网站相当于一本书,一个体系。网站的概念大于网页。网页:站点就像一本书,网页就像书中的一篇篇文章。一个网站内可以包含很多页,当然也可以仅有一页。Home Page:进入站点后看到的第一个页面通称为 Home Page,也称为主页或首页,通常被命名为“Index.html。新建站点:启动 frontpage2003,新建- 其他网站模板 -只有一个网页的网站。将素材拷入相应文件夹内。新建网页:新建-其他网页模板-普通网页编辑网站首页1、 网页属性设置:背景音乐(hunli.wav) 、网页标题(乡愁主页)、背景图片(beijingtupian.jpg)2、 表格布局:(1) 分别插入三个 1 行 1 列的表格:宽:760 像素 高:任意 ,水平居中(2) 设置第 1 个表格高度为 210 像素,插入图片 banner.jpg,设置宽 759 像素,高 210 像素(3) 设置第 2 个表格,拆分单元格为 5 列 1 行,分别插入-web 组件- 交互式按钮(浮雕标签 2) ,网站首页、走进乡愁、倾听乡愁、品味乡愁、感悟乡愁,字号 12,字体微软雅黑,悬停蓝色,按下黄色,图像宽 152 像素,高 35 像素,保持比例去掉。其余几个按钮用复制粘贴,修改文本即可。(4)将 index.htm 复制粘贴,分别命名为 zjxc.htm,qtxc.htm,pwxc.htm。(5)设置第 3 个表格,输入文本 乡愁、 、 、 、 、 ,宋体,14 磅,将第一行文本设为水平滚动字幕。(6)在文本下边插入两行,菜单:表格-插入-行/列(7)分别在两行中输入文字,插入-网页组件-计数器,站长信箱要链接邮箱。编辑走进乡愁1、 打开 zjxc.htm,设置第三个表格,拆分单元格,2 列 1 行,再拆分右边单元格,2 行 1 列。2、 对左边单元格设置背景图片(yuguangzhong.jpg) ,右边单元格第一行插入艺术字“作者简介”宋体,24 号,艺术字库第三行第一个。第二行插入相关文本,宋体,14 磅,双倍行距。编辑倾听乡愁1、 设置表格背景图片(bj.jpg)拆分单元格 3 行 1 列,第一行插入图片(xiangchou.gif)余光中,楷体, 18 磅,加粗。2、 第二行输入文本,并进行排版,字体 微软雅黑,12 磅。3、 第三行插入-图片 -音频(xiangchou.mp3)保存。编辑品味乡愁1、 拆分单元格为 2 行 2 列,分别插入“乡愁四韵.swf” , “ 英语儿歌视频-How are you.avi”, “2.jpg”, “3.jpg”。音频支持格式:WAV、MID、RAM 暂不支持 MP3 格式。视频支持格式:.swf, .wmv, .avi编辑感悟乡愁感悟乡愁模块链接的是一个新的框架网页框架网页框架: 框架网页:所谓框架网页是一种特殊的网页,它可以将浏览器视窗分为多个不同的窗口,而每个窗口可以看作一个网页容器,用于显示不同的网页框架组成:边框、滚动条、网页。(一)创建框架网页1.创建框架网页单击文件新建,选择“ 框架网页 ”选项卡,在“框架网页”对话框里列出了 10 种框架布局模板,选择自己需要的一种,单击“确定” 。2.编辑框架内容每个框架有两个按钮,单击新建网页按钮,这些按钮就是用来让我们指定在框架里显示哪个网页的,或新建一个网页,或设置一个已经存在的编辑好了的网页。3.保存框架网页逐个保存每个框架内的新建网页。(二)改变框架的布局注:框架的大小及属性均可通过“框架属性” 对话框来设置。“框架属性”对话框介绍:边距:网页内容与框架边框之间的距离。显示滚动条:包括 3 个可选项:即“需要是” 、 “从不”、 “始终”。“框架网页”按钮:单击 “框架网页”按钮,弹出“网页属性”对话框的“ 框架”选项卡,在此项中可以设置框架之间的距离,若想无框架边框,只须取消“显示边框”复选框即可。1.调整框架的大小法 1:用鼠标拖动法 2:将光标置于要调整的框架中,单击右键或单击框架 框架属性2.拆分或删除框架拆分:法 1:用鼠标拖动:按 Ctrl 键不放,用鼠标拖动框架的边框线法 2:用菜单: 将鼠标置于要拆分的框架中,单击框架拆分框架删除:选定要删除的框架,单击框架删除框架.(三)设置目标框架目标框架是超链接目标网页出现的那个框架。例如,在左边的目录框架中单击一个链接后,右侧的框架中将出现一个对应的网页。所以右边框架是左边框架中所看到的链接的目标框架。1、设置超链接的目标框架步骤:选中文字或图片击右键选“超链接属性” 在对话框中选择目标网页确定知识加油站:在“创建超链接 ”窗口击“目标框架”按钮,弹出“目标框架”对话框,从中选择“ 新建窗口”,则被链接的网页会创建一个新的浏览器窗口,并在其中显示。设置超链接每当我们在浏览网页时,都会发现当鼠标指针移动到某些文字或图片时,就会变成一只“手掌”的样子,这时只需单击鼠标左键就可以打开另一网页了。这就是我们将要讲述的网页“超链接” 方式。正是由于有了 “超链接”,因特网才会如此神奇和流行!网页上的超链接主要有三种:一种是相对网址的超链接;第二种是与绝对网址(如 http:/www.163.net)的超链接;第三种是指在同一网页内的超链接。四、发布网站(一)测试网站在发布站点之前,应该检查各个页面之间的链接、网站的外观和文件的路径等,测试无误后,可以发布网站了。(二)发布网站网页的发布,就是将制作好的网页发布到 WWW 中的某台 web 服务器上的过程。也就是将用户创建在本地计算机上的一个站点复制到服务器上指定 URL 的过程。方法:单击文件发布网站,弹出对话框,在远程网站选项卡中选文件系统,在远程网站位置输入一个本地计算机中的具体路径或单击浏览,再单击发布网站。用专门的上传软件发布,如 FlashFXP网站制作前的几个问题?一、 确定网站主题1、根据用途 2、根据自己性格的特点 3、根据自己的特长二、 制定网站的结构分支,层级三、 搜集素材用 FRONTPAGE2003 制作网站一、 启动 FRONTPAGE2003方法:开始程序MICROSOFT FRONTPAGE二、 创建站点站点就像一本书,网页就像书中的一篇篇文章。一个网站内可以包含很多页,当然也可以仅有一页。一、 创建站点:步骤 1:文件新建站点2:在“新建”对话框中,单击“只有一个网页的站点”或“空站点”图标,在“指定新站点的位置”列表框中输入站点文件夹的位置、名称,单击“确定” 。例如在 F 盘创建名字为 mysite 的站点,输入:“F: mysite”即可(注意:在英文状态下输入) ,如果没有设定位置,则默认的站点位置在“我的文档”内“My Web Sites”文件夹下“mysite”文件夹就是你刚创建的站点。二、 创建网页:步骤 1、新建网页:文件新建空白网页。2、保存网页。三、 利用表格布局网页1、 插入表格方法:表格插入表格在弹出的“插入表格”对话框中设定表格的行列数等设定表格布局为居中,宽度为 900 像素,宽度为0。2、 设置单元格的背景:设一种颜色做背景;设图片做背景;3、 关于嵌入式文件的保存:选更改文件夹双击 images 文件夹确定确定。四、 插入字幕插入Web 组件字幕输入字幕内容确定。如果要改变字幕的文本格式,可在“样式”“字体”“格式” ,进行设置。五、 插入交互式按钮:按钮文本设置按钮字体格式设置,按钮宽度高度设置(注意把“保持比例”前的对勾去掉)六、 插入图片:步骤:光标放在要插入图片的位置插入图片来自文件,在弹出的“图片”对话框中,单击“从计算机上选择一个文件”按钮,选定一个文件后,单击确定。注:(插入图片视频/Flash)用于插入视频/Flash 文件图片大小的设定:方法:选定图片,图片上会出现八个控制点,将鼠标放在其中的一个控制点上,鼠标指针变以双箭头状,进行拖动操作可调整图片大小。设置图片的对齐方式:在图片上右击图片属性外观左七、 网页背景的设定:网页背景:1、格式背景或单击右键选“网页背景” 。在“网页属性”对话框中选“背景”选项卡,再选定“背景图片”并单击“浏览”按钮,点击图片文件名和“确定”按钮就可实现把背景图片与当前网页结合。2、应用主题:格式主题,选一种主题应用。八、 网页背景音乐的设定步骤:1、格式背景2、选“常规”选项卡,在“背景音乐”的位置中点击浏览按钮,在弹出的“背景音乐”对话框中点击“在计算机选择一个文件”按钮,在“背景音乐”对话框中找出一个音乐文件即可。注意:网页的背景音乐选 midi 或 wav 格式,不支持 MP3 格式。九、在网页中插入声音插入Web 组件高级控件插件插件属性浏览,找到声音文件打开。支持各种声音格式。1、 合并单元格方法:选定需要合并的单元格;表格合并单元格2、 改变单元格大小方法:将鼠标指针对准单元格线,看其变为双箭头后即可用拖动操作来改变单元格大小3、 插入单元格方法:1、定位2、表格插入行或列4、 删除单元格方法:1、选中需要删除的单元格2、单击右键选“删除单元格”5、 单元格属性的设定步骤:1、定位2、单击右键,选“单元格属性”3、在“单元格属性”对话框中设置相关选项九、 设置文字格式、文本样式、段落1、 文字格式的设定步骤:选中需要设定的文字;格式字体在“字体”对话框中可对字的字体、字型、大小、颜色、效果、字符间距进行设定2、 段落的设定步骤:格式段落在“段落”对话框中进行设定十、 网页标题步骤:1、格式背景2、选“常规”选项卡,在标题位
网站客服QQ:2055934822
金锄头文库版权所有
经营许可证:蜀ICP备13022795号 | 川公网安备 51140202000112号