◎第9章用frontpage 2002制作网页ppt.ppt

FrontPage2003 概述　　网页是用标识性语言－HTML（协议）编写的，虽说，可以直接使用普通的纯文本编辑软件（如“记事本”）编制。　　为了方便编辑，推出了一些所见即所得的编辑器。　　目前，这类软件有多种。功能、性能各有千秋（没有一种是万能的）。应用较广泛的，主要是FrontPage 2003和Dreamweaver 8.0。　　根据本人的实践经验，前者适合于初学者和非专业人员，入门较易；后者适合于专业人员，入门较难。　　先学FrontPage 2003，后学Dreamweaver 4.0，符合先易后难学习准则。　　网页制作入门容易，精通很难。　　目前，网页制作中可应用（调用）的其它软件很多。例如，JavaScript（脚本语言）、Virual Basic、Firewor、Photoshop、CorelDRAW、Flash等。想要掌握它们，需花费大量时间和精力。 FrontPage2003 FrontPage2003是一个建立和管理Web站点、编写Web页的工具软件。它采用所见即所得的方式编辑网页，利用它可以轻松地组织、编辑网页并发布到指定的站点上。 设计、建设一个网站的基本步骤 　　第一步、根据要求，编写设计　　1、确定网站的目录结构、栏目设置　　2、确定网页页面风格　　3、选定一种所见即所得的编辑为主要的编辑软件　　第二步、根据设计，收集所需的素材　　文字、图像（动画），以及脚本等　　第三步、依据设计，制作网站　　1、创建网点　　2、制作单张网页　　3、在服务器上调试　　第四步、编写网站使用（维护）指南 Frontpage的网页编辑功能 基本操作：新建、保存、打开 网页元素编辑：文字、图片、动画等 网页架构：表格、框架 网页动态元素的设置：滚动字幕、悬停按钮 网页动态效果设置：文字飞动、鼠标悬停 网页过度效果设置：网页的飞入、螺旋等 FrontPage2003的界面 标题栏、菜单栏、工具栏 网页编辑窗口 任务窗格：打开网页、新建网页、网页模板 视图:有 “网页”、“文件夹”、“报表”、“导航”、“远程网站” “超链接”和“任务”等七种视图，给用户提供了更多的便利。 文件夹列表：当前站点中的文件夹和文件 FrontPage的视图 FrontPage的网页视图，编辑网页需在“网页”视图中进行: 普通视图 直接在网页中输入文字、插入图片、插入表格及编辑各种网页元素 代码视图 查看网页的HTML源代码，并可修改源代码 预览视图 预览网页效果 拆分视图 可以同时完全控制网页的设计和代码两部分 创建文件夹和子文件夹 在磁盘的目录中创建文件夹Webfile 在Webfile下建立多个子文件夹 建立存放图片的文件夹Image 建立存放音乐的文件夹wave 建立存放动画的文件夹Movie 创建相应的分类目录 注意：文件夹或文件名一定不要用中文 网页的基本操作 新建网页： 创建一个空白网页 启动FrontPage，在任务窗格中选“空白网页” 单击工具栏上的[新建普通网页]按钮 新建一个网页new_page_1.htm 利用模板制作网页 菜单[文件]→[新建] ，任务窗格中选“网页模板”， 基本操作 保存网页 菜单[文件]→[保存文件]/[另存为] 第一个看到的网页的文件名为：index.htm 更改主文件名，不要用默认的new_page_1 更改网页标题：‘另存为’对话框的[更改标题]按钮 打开网页 菜单[文件]→[打开]或工具栏的[打开]按钮 可打开的文件类型: .htm .css .doc .xls .txt 基本操作 查看网页的HTML源代码 HTML视图 FrontPage中预览网页 预览视图 浏览器中预览网页 工具栏按钮或Ctrl+Shift+B 网页主题 网页应用主题 菜单[格式]→[主题]，选择一个主题，并选择[所选的网页]单选框。还可以选择[鲜艳的颜色]、[动态图形]复选框 设置主题后，由于主题控制了网页的背景属性，因此不能再添加背景。 删除网页中的主题：选菜单[格式]→[主题]，并选择[所选的网页]单选框，在列表中单击 “无主题” 网页的编辑 加入文字 直接输入需要的文字内容 从网页或其他地方复制文字 设置文字格式 菜单[格式]→[字体]，设置字体的种类、大小、修饰效果、颜色等各种属性 设置标题级别 菜单[格式]工具栏的“样式”下拉列表，6级标题 利用样式修饰文本（建议用这种方法） 加入水平线 菜单[插入]→[水平线]，插入水平线 右键菜单[水平线属性]，设置水平线的颜色等属性 项目列表 加入项目列表：菜单[格式]→[项目符号和编号] 图片项目列表 在“图片项目符号”选项