【精品】利用frontpage创建教师个人网站98

专题七 利用FrontPage创建教师个人网站,主讲：孙晓磊,培训准备：,登陆： 02/，将“培训资源”文件夹下的“专题七”这个文件夹拷贝到个人机D盘下。,培训方法：,组织活动任务驱动示范模仿,“憩心林”网站,“语文在线”网站,学习目标,1.能够设计个人网站的基本结构。2.能够利用FrontPage制作个人网站。,主要内容,一、设计网站的结构二、收集与加工网站所需素材三、开发网站四、发布网站 结束,一、设计网站的结构,（一）确定教师个人网站的名称与栏目（二）规划网站结构,返回,初识网站,那么，网站的基本结构是怎样的呢？网页和超链接又是怎么回事呢？,初识图站,返回,（一）确定教师个人网站的名称与栏目,1.网站名称就是一个网站的名字 命名原则：（1）内容性；（2）艺术性2.网站栏目是网站内容的目录 栏目的设计应以教学需要为主要目的,活动1,活动2,返回,活动1,欣赏“配套光盘：专题7数海泛舟教师个人网站”中的栏目。,数海泛舟网站栏目,表7-2数海泛舟网站的名称与栏目,返回,活动2,根据需要，确定个人网站的名称并设计栏目，填写表7-1。,表7-1网站的名称和栏目,返回,（二）规划网站结构,网站的结构是指网站中各个网页之间的关系。,数海泛舟网站结构图,活动3,活动4,返回,数海泛舟网站结构图示例,图73网站结构图 示例,返回,二级网页,三级网页,活动3,参照图7-3的格式，画出数海泛舟网站的结构图。,活动4,绘制自己个人网站的结构图。,返回,二、收集与加工网站所需素材,网站素材包括文本、图片（图形与图像）、动画、音频和视频等。,1. 网站所需素材表7-32. 数海泛舟网站首页所需素材收集加工示例,活动5,返回,1.表7-3网站所需素材表,返回,2. 数海泛舟网站素材收集示例,表7-4数海泛舟网站所需的素材,返回,活动5,利用表7-3，规划自己网站的素材。,返回,三、使用FrontPage开发网站,（一）创建网站（二）编辑网页（三）浏览网页,返回,（一）创建教师个人网站,1.创建站点2.新建子文件夹3.新建网页,返回,1.创建站点,活动6,1）创建步骤： （1）新建站点 （2）选择保存位置，给网站文件夹命名。2）文件夹列表,返回,创建自己的站点。,2.新建子文件夹,活动7,步骤：1.右键单击“站点文件夹”；2 选择“新建文件夹”命令；3.命名为“audio” 。,返回,根据自己网站内容与素材管理的需要，建立相应的子文件夹。,3.新建网页,活动8,步骤：1建立空白网页2保存新建的网页,返回,根据自己网站的需要，建立并保存相应的网页。,（二）编辑网页,1.利用表格布局网页2.输入与编辑文字 3.插入与设置图片4.编辑网页链接5.设置网页背景音乐,返回,1.利用表格布局网页,1）插入并设置表格,活动9,活动10,2）调整表格,返回,根据自己网站布局的需要，插入并设置表格。,根据自己网站布局的需要，设置单元格的属性。,2.输入与编辑文字,2编辑文字,活动11,活动12,返回,1输入文字,根据自己网站的网页内容的需要，输入或插入文字。,根据自己网站网页内容和风格的需要，编辑文字，调整段落。,3.插入与设置图片,1插入图片 根据自己网站网页布局的需要，在相应的单元格内插入图片。2设置背景图片3保存图片 根据自己网站的需要，设置背景图片并保存图片。,返回,活动14,活动13,4.编辑网页链接,选择链接对象建立超链接,返回,活动12,将自己网站中的网页之间建立链接。,5.设置网页背景音乐,为首页设定背景音乐 （1）设置背景音乐 （2）保存音乐文件,返回,活动16,根据自己网站的需要，设置背景音乐并保存音乐文件。,（三）浏览网页,步骤：1.保存编辑过的网页2.在浏览器中预览 3.图723网页预览效果图,返回,图723网页预览效果图,四、发布网站,（一）测试网站（二）发布网站,返回,（一）测试网站,在发布站点之前，应该检查各个页面之间的链接、网站的外观和文件的路径等，测试无误后，可以发布网站了。,返回,（二）发布网站,网页的发布，就是将制作好的网页发布到WWW中的某台web服务器上的过程。也就是将用户创建在本地计算机上的一个站点复制到服务器上指定URL的过程。,返回,上传自己制作的个人教学网站1.首页制作要求: （1