第6章网页制作技术.ppt

FrontPage 2000的界面 视图栏 状态栏 格式工具栏 常用工具栏 主窗口 文件夹列 表窗口 FrontPage 2000中的视图 网页视图 可以进行网页的建立、编辑、预览等基本操作 文件夹视图 其作用相当于资源管理器 报表视图 可以了解本站点文件增加、更新、各类文件的数量、大小等情况 导航视图 可从整体的角度了解各网页之间的链接结构，并以组织结构图的形式显示 超链接视图 可从某个网页文件的角度来显示它与其他网页之间的链接关系 任务视图 用来记录与创建、维护Web站点有关的所有细节，对大型Web站点的建立、管理很有用途 6.2.2 建立和编辑网页 建立站点 从 “文件”菜单中依次选“新建”、“站点”命令 文件夹的位置和名称 建立网页 从“文件”菜单中依次选“新建”、“网页”命令 编辑网页 使用“编辑”菜单或格式工具栏可以对网页中的文字进行编辑和修改 输入和编辑中文的方法与Word基本相同 插入图片 插入文件中的图片 在弹出的对话框中输入文件的路径和文件名，单击“确定”按钮 选一个，单击 选一个，单击 单击 插入在光标位置 插入剪贴画 使用项目符号或编号 添加项目符号或编号 用图片作为项目符号 可输入指定图片文件 单击选择图片文件 从网上找图片 使用图片项目符号的例子 设置多级列表 降一级 升一级 修改网页属性 鼠标右键单击网页任意点 查看HTML文本 预览网页 6.3.3 建立超链接 链接的载体和链接目标 链接的载体 网页中超链接位置上显示的内容。可以是文字或图片 链接的目标 是要切换的显示内容所在的位置 本站点上另一个网页 本计算机上的一个文件 其他站点上的某个网页 某个电子邮件地址 本网页上另一个位置(书签) 建立与本站点其他网页的超链接 建立文字链接 选中作为链接载体的文字 单击链接目标 可在其他文件夹中选择链接目标 （建立图片链接步骤此类似） 建立到其他站点的超链接 输入其他网页的URL 在Internet上搜索 使用书签 建立书签 光标放在要建立书签的位置上 输入书签名称 书签 建立指向书签的超链接 选中链接载体后打开“创建超链接”对话框 电子邮件链接 选中链接载体后打开“创建超链接”对话框 输入邮件地址 修改、删除超链接 只需在“创建超链接”对话框，修改“URL”输入框中的链接目标，就可修改超链接 删除“URL”输入框里的内容，则删除了超链接 删除超链接的操作并不删除超链接的载体 超链接视图 当前网页 6.3.4 使用表格 表格的操作与Word中的操作很相似 有3种方法可以创建表格 使用常用工具栏上的 按钮 “表格”菜单，选“插入”、“表格”命令，在弹 出的“插入表格”对话框中设定表格的参数 从“表格”菜单中选“手绘表格”命令 手绘表格 清除 6.3.5 使用导航栏 导航栏可统一管理与其他网页的超链接，当修改网页之间的结构时，可以根据网页间的层次关系自动调整导航栏中出现的超链接，为设计者提供了极大的方便 浏览网页时，导航栏的作用类似于一个网页索引，可以按照网页的层次关系，快速切换到感兴趣的网页上去 在建立网页的导航栏之前，最好先确定网页之间的层次关系，这一工作可以在导航视图下完成 利用导航视图组织网页结构 导航视图按钮 已展开子层 未展开子层 导航工具栏 当前网页 在网页中插入导航栏 插入导航栏 光标放在要插入导航栏的位置 导航栏 删除导航栏 修改导航栏 单击要删除的导航栏，使其被选中，再按Delete键 单击要修改的导航栏，使其被选中，从快捷菜单中选“导航栏属性”命令，可以弹出“导航栏属性”对话框，进行修改 在导航视图中修改网页之间的层次关系，则所有网页的导航栏会自动调整 在导航视图中增加或删除网页，则所有网页中与该网页相关层的导航栏中也会自动增加或删除指向该网页的链接 6.3.6 建立表单网页 表单是一个可以容纳元素的“容器”，其中可放置多个元素，例如文本框、单选钮、复选框等，它们被称为表单域，用于反馈用户的意见 用户在浏览器中向表单输入信息或选择上面的选项，并按了“提交”按钮后，输入的内容和选择的结果将记录在设计表单时所指定的文件中 含有表单网页的站点应放在安装了FrontPage服务器扩展的服务器上 显示表单工具栏 拖拽 “表单”工具栏 插入表单 先在网页中插入表单，再把表单域放在表单的区域内 光标放在要插入表单的位置 单击 使用文本框 单击 光标 文本框 右键单击 使用单选钮 表单中可有多组单选钮，同名的单选钮为同组，每组可有一个被选中 在表单中插入单