利用FRONTPAGE2003制作简单网页.docVIP

利用FRONTPAGE 2003制作简单网页 一、教学目标 知识与技能：学会利用Frontpage 2003制作简单网页 熟悉网站制作的整个流程 过程与方法：上网搜索文字、图片等素材，制作一个班级网页，提高学生的兴趣 情感态度与价值观：进一步理解网页作为常用的信息集成工具的优势和特点，培养学生团队精神。 二、教学重点：利用Frontpage 2003制作简单网页 三、教学组织：组织学生进行实践活动，探究、指导、分组协作完成任务，让学生有兴趣地在实践中学习。 四、教学安排： 2课时 五、应该掌握的技能： 1、利用FrontPage，新建并保存一个站点。 2、新建、保存站点中的网页。 3、插入并调整表格。 4、在表格中输入文字并编辑。 5、加入背景图片。 6、在网页中插入图片并调整。 7、在网页中创建“超链接”。 8、在网页中利用框架布局网站。 9、在网页中设置背景音乐。 10、在网页中加入音频、视频、滚动字幕、水平线。 11、发布网站。 六、教学过程： （一）导入新课 打开“泗水一中”网站主页，浏览，并总结整体风格特点 （二）创建网站是一个系统的过程，包括设计网站的结构、收集与加工网站素材、开发网站和发布网站四个步骤。 a.设计网站的结构→b.收集与加工网站所需素材→c.开发网站→d.发布网站 a.确定网站的名称与栏目 1.网站名称就是一个网站的名字 命名原则：（1）内容性；（2）艺术性 2.网站栏目是网站内容的目录 栏目的设计应以教学需要为主要目的。本网站的栏目主要有：如菜单 a.规划网站结构 网站的结构是指网站中各个网页之间的关系。例:《乡愁》网站结构图示例 b.收集与加工网站所需素材 网站素材包括文本、图片（图形与图像）、动画、音频和视频等。 在网站开发前，应根据每个网页内容的需要，收集相关的素材，途径：网上搜索或自制。 如：网站所需素材表 网页编号 网页内容 所需素材形式与内容 1 文本、图片、动画、音频 2 3 、、、、、、、、 、、、、、、、、 、、、、、、、、 c.开发网站 站点：是一组相关网页的有机结合，网页之间彼此相连，这种完整的结构就称为站点。（网站相当于一本书，一个体系。网站的概念大于网页。 网页：站点就像一本书，网页就像书中的一篇篇文章。一个网站内可以包含很多页，当然也可以仅有一页。 Home Page：进入站点后看到的第一个页面通称为Home Page，也称为主页或首页，通常被命名为“Index.html。 d.发布网站 （一）测试网站在发布站点之前，应该检查各个页面之间的链接、网站的外观和文件的路径等，测试无误后，可以发布网站了。 （二）发布网站 网页的发布，就是将制作好的网页发布到WWW中的某台web服务器上的过程。也就是将用户创建在本地计算机上的一个站点复制到服务器上指定URL的过程。 方法：单击文件→发布网站，弹出对话框，在远程网站选项卡中选文件系统，在远程网站位置输入一个本地计算机中的具体路径或单击浏览，再单击发布网站。 用专门的上传软件发布，如FlashFXP mysite的站点，输入：“E:\ mysite”即可（注意：在英文状态下输入）， 如果没有设定位置，则默认的站点位置在“我的文档”内“My Web Sites”文件夹下“mysite”文件夹就是你刚创建的站点。 二、 创建网页： 步骤 1、新建网页：文件——新建——空白网页。 2、保存网页。 网页背景的设定： 网页背景：1、格式——背景或单击右键—选“网页背景”。 ——在“网页属性”对话框中选“背景”选项卡，再选定“背景图片”并单击“浏览”按钮，点击图片文件名和“确定”按钮就可实现把背景图片与当前网页结合。 2、应用主题：格式——主题，选一种主题——应用。 网页背景音乐的设定 步骤：1、格式——背景 2、选“常规”选项卡，在“背景音乐”的位置中点击浏览按钮，在弹出的“背景音乐”对话框中点击“在计算机选择一个文件”按钮，在“背景音乐”对话框中找出一个音乐文件即可。 注意：网页的背景音乐选midi或wav格式，不支持MP3格式。 三、利用表格布局网页 表格是网页的一个非常重要元素，Frontpage 中的表格不仅可以用来陈列数据，还可以实现网页的精美排版。 表格布局： 分别插入三个1行1列的表格：宽：760像素 高：任意 ，水平居中 方法：①表格——插入——表格 ②在弹出的“插入表格”对话框中设定表格的行列数等 设置第1个表格高度为210像素，插入图片banner.jpg,设置宽759像素，高210像素 方法：右击选择“表格属性“修改设置 方法：插入图片步骤：①光标放在要插入图片的位置 ②插入—图片—来自文件，在弹出的“图片”对话框中，单击“从计算机上选择一个文件”按钮，选定一个文件后，单击