计算机应用第8章FrontPagesp.pptVIP

第8章 网页设计基础 第一部分 使用FrontPage制作主页 所有网页都是制作成HTML格式的文件 。 HTML称超文本标记语言（HyperText Markup Language）。 它的阅读过程不象传统的那样平面顺序结构，文档上的每一点，只要你点击它，就可能得到相应的详细信息。每个人可以随心所欲地跳来跳去，阅读自己感兴趣的内容，非常方便轻松。 使用FrontPage制作主页 网页制作方法： 用HTML语言在编辑器下编写。 用网页工具编写。 用网页工具编写更方便、更直观，但有时也会受一些约束。 Frontpage Dreamwaver 对于简单的网页可以通过Word转换。 第十三章 HTML语言 html head meta http-equiv=Content-Language content=zh-cn meta http-equiv=“Content-Type” content=“text/html; charset=gb2312 titleHTML 举例 /title /head body pfont size=“5” face=“黑体”这是一个简单的网页 /font/p /body /html Word转换网页 Word转换网页 Word转换网页 FrontPage2000 Frontpage2000是当今最为流行的网页制作工具之一，它是微软公司Office2000软件包中的一个主要软件。具有易学易用的特点，深受一般网页制作者的欢迎。 由于Frontpage2000是微软公司Office2000中的软件，其界面及操作与Word较相似。 通过这部分内容的学习，要求大家掌握基本的网页制作方法，每个同学必须编制一个基本的网页。 FrontPage2000界面 FrontPage2000界面 视图 网页视图：显示当前网页的内容； 文件夹视图：显示当前站点存储的文件夹位置； 报表视图：列出当前站点的各项统计数据； 导航视图：显示当前站点与其它网页的链接关系； 超链接视图：显示网页的链接结构图； 任务视图：用于显示由工作组合作完成的大型网页编制的任务分配情况、。 Frontpage提供了建立网站的5个模板和3个站点向导，每个站点（模板）包含了多种网页。 FrontPage2000界面 显示方式 普通方式：以Frontpage一般的方式显示制作的网页。 HTML方式：显示Frontpage制作的网页的HTML语言文档。 预览方式：以浏览器的方式显示所制作的网页。 简单网页的制作——编辑 用Frontpage2000制作网页，其操作过程与Word有一点相似。下面主要介绍网页编辑中基本的文字操作： 字体 字号 字型 颜色 修饰 简单网页的制作——编辑 字体 先拖动鼠标选中要操作的文字 点击字体工具框，选择需要的字体 简单网页的制作——编辑 字号 先拖动鼠标选中要操作的文字 点击字体工具框，选择需要的字号 简单网页的制作——编辑 字体 简单网页的制作——编辑 字型 选中文之后按 相应按钮 简单网页的制作——编辑 字颜色 简单网页的制作——编辑 文字修饰 选中文字 点击“格式”菜单 选择“字体”命令 文字的字体、 字号、颜色、 字型都可以 在这里选择。 简单网页的制作——编辑 段落 文档是由许多段落组成的 ，Frontpage中段落的概念与Word相似，按下回车表示一段结束。 Frontpage中段落之间，一般会空一行。 同时按下shift键和回车键，可取消空行。 简单网页的制作——编辑 段落 Frontpage中没有行距和段间距的控制。 在需要明显间隔的地方可以增加“分隔线” 简单网页的制作——编辑 设置水平线 简单网页的制作——编辑 修改水平线 鼠标单击选中水平线，单击右键，从弹出的快捷菜单中选“水平线属性”。 简单网页的制作——编辑 水平线属性 简单网页的制作——编辑 段落对齐 概念与Word相同 简单网页的制作——编辑 例： Frontpage网页模板 FrontPage与Word相似，提供了一系列网页模板，你可以利用它更方便的制作网页。 选用模板 Frontpage网页模板 打开的网页模板 网页模板 空白页 书目：按字母顺序来排列参考书目，每个书目都有自己的书签，可能时可链接到相关的文本内容。 意见反馈表单：一种表单形式，用来调查、收集用户或读者的信息． 常见问题：用来为浏览者提供常用信息的网页，其中包括了一个问题的索引和一些常问的问题． 狭窄的左对齐的正文：左边文字，右边插入图片。 狭窄的右对齐的