推荐专题七 利用FrontPage创建教师个人网站.ppt

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