第八章利用Frontpage制作静态网页(提交).pptVIP

第八章 利用Frontpage制作静态网页 推荐参考站点： /pc/homepage/fp2k/fp2k0101.htm说明：“洪恩在线”提供的关于“Frontpage2000”的学习课件 Frontpage简介 Frontpage的使用 网站创建 网页外观一致性的设置 网页编辑 网页浏览 Frontpage简介 Frontpage2003提供四种网页编辑环境 Frontpage2003网站的视图栏 Frontpage简介 网站创建的基本方法 最简单的方法： 直接在网页视图中制作每一个网页文件，然后把所有网页文件保存在同一个文件夹下的相应的子文件夹中 常用的方法： 将本地机中的某个文件夹指定为FrontPage站点，利用Frontpage管理这些网页 选择“文件|新建|站点”菜单命令，借助某个主题快速创建网站 然后利用“导航”视图进一步完善网站结构 最后打开相应的网页，进行具体编辑工作 Frontpage简介——网站创建的基本方法 专业的方法： 直接在Web服务器上使用Frontpage2000创建网站 Frontpage简介 网站的结构图 Frontpage的使用 网站创建步骤 创建站点 在“导航”视图中构建站点的导航结构 在“文件夹”视图中修改各文件的名称 在“网页”视图中开始编辑网页 Frontpage的使用——网站创建步骤 网站建设图示 1.选择要用来创建新站点的模板或向导，指定新站点的位置和名称，单击“确定”按钮。 Frontpage的使用——网站创建步骤 网站建设图示 2.切换到“导航”视图，创建的站点结构 Frontpage的使用——网站创建步骤 网站建设图示 3.切换到“文件夹”视图，修改网页文件名 Frontpage的使用——网站创建步骤 网站建设图示 4.在“文件夹”视图，双击某个网页文件名，进入具体网页的编辑 Frontpage的使用 网页外观一致性的设置 主题 主题是一组统一的设计元素和配色方案，可应用到网页使之具有专业外观 可以将一个主题应用到一个或多个网页或整个网站。如果将主题应用到网站中的所有网页，则将成为此网站的默认主题  导航栏 共享边框 是网页上保留的特定的区域，此区域在网页中的位置有四种：上、下、左、右。这个区域可以是整个站点网页的共享区域 如果想在共享边框中自动出现网页之间的超链接,必须在导航图中事先搭建好网站的结构 注意：导航栏超链接的默认设置是同一层的网页及主页和父页，所以index.htm网页中的导航栏显示不出任何网页，需要重新编辑 Frontpage的使用 网页编辑 插入文本 设置文本格式。在 FrontPage 中，可以像使用word的方式来设置文本格式 插入图形 直接拖拽来改变图片的大小 使用图片属性对话框来设置图片的替代文字、图片边框 使用图片工具栏编辑图片 插入特殊网页元素 通过插入菜单可以插入四种类型的特殊元素：换行符、水平线、符号和注释 Frontpage的使用——网页编辑 使用项目符号和编号 项目符号和编号是组织数据的工具，它可以使数据层次分明、重点突出。 插入表格 对表格进行合并、拆分 在表格中插入文字、图片 建立超连接 创建表单页面 插入Web组件 使用背景色和背景音乐 Frontpage的使用 网页预览 “ 网页”视图底部的“预览 ”按钮 “文件 | 在浏览器中预览” * * 设计：“页面视图”，所见即所得的编辑环境 拆分：“拆分视图”，上为原代码，下为所见即所得的编辑环境 代码: “源代码视图”，直接通过修改HTML标记命令编辑网页预览：“打印预览视图”，查看IE浏览器窗口中显示的效果 可进行与文件和文件夹有关的操作，如新建、复制、删除、重命名等 同步此网站与远程网站间的文件 可从网站的总文件数目、超链接数、慢速网页、断开的超链接等不同的角度了解网站的情况 记录站点的结构，即站点内各网页的层次结构图 可以任意网页为参考点，形象地指示出通过 超链接相联的其他网页 为各个成员分配任务，协调成员之间的 工作等任务 …… 修改前 修改后 * * *