第8章网页制作软件FrontPage2003.ppt
《第8章网页制作软件FrontPage2003.ppt》由会员分享,可在线阅读,更多相关《第8章网页制作软件FrontPage2003.ppt(50页珍藏版)》请在三一文库上搜索。
1、第8章 网页制作软件FrontPage2003,本章要点,1. 站点的创建与发布。 2. 网页的基本编辑。 3. 表格的操作和利用表格布局。 4. 文本的设置。 5. 网页元素的插入 。 6. 超链接的基本操作。 7. 表单的基本概念和操作。 8. 框架式网页的制作。 9. 几种特殊动态效果的制作。,目 录,8.1 认识FrontPage2003 8.2 案例学生个人就职网站 8.2.1 案例综述 8.2.2 站点的创建 8.2.3 网页的基本编辑 8.2.4 表格 8.2.5 文本设置 8.2.6 网页元素的插入 8.2. 超链接 8.2.8 表单 8.2.9 框架式网页 8.2.10 动态
2、效果,8.1 认识FrontPage2003,FrontPage2003的特点: 1.更容易建立专业、精确的网站。 2.FrontPage2003不仅可以用来制作网页,用户可以使用它来建设和维护整个网站,更简单的检测、更新你的网站。工作组用户可以通过FrontPage2003使分布在世界各地的子公司一起工作。 3.FrontPage2003与其他 Office组件的整合性更加提高,打开和运行的速度比FrontPage2000更快。,一、 FrontPage2003概述,FrontPage2003是Office2003组件之一,运行与启动Office其他软件相同。启动成功后,出现的初始画面可能因
3、机器使用情况的不同而不同,一般的界面如图8-1所示,菜单部分与Office中的其他软件相似,最大区别是工作区的左端有一个视图栏,包含:网页、文件夹、报表、导航、超链接、任务。,图8-1 FrontPage2003启动后显示页面,二、视图栏,1网页。编辑网页需在“网页”视图中进行。在“网页”视图中,有“设计”、“拆分”、“代码”和“预览”4张选项卡。 2远程网站视图。同步此网站和远程网站之间的文件。 3文件夹视图。用于管理站点中的文件和文件夹。 4报表视图。分析网站并管理其内容。 5导航视图。显示站点的导航结构,用于对站点结构的管理。 6超链接视图。用于显示站点中每一页的超链接。 7任务视图。用
4、于创建和管理站点中的任务。,8.2 案例学生个人就职网站,本章案例“个人就业网站”,该网站的主页上有5个板块,分别是:学习经历、求职简历、求职须知、课程成绩、作品图片。学生个人就职网站结构图如图8-2所示。,图8-2 学生个人就职网站结构图,8.2.1案例综述,用FrontPage2003开发本案例,用到的知识点主要有:创建站点、文本的格式化,网页属性的设置(网页背景颜色、背景图片、网页标题、背景音乐),插入层,水平线与图像的插入,表格的制作及用表格布局,超链接(文本超链接、图像超链接、热点超链接、书签超链接),表单的制作,框架网页制作,几种动态效果(字幕、交互式按钮、动态DTML、站点计数器
5、),插入Flash影片等。如图8-3是用这些知识点制作的个人就职网站主页。,图8-3 个人就职网站主页,8.2.2 站点的创建,所谓站点,就是多个相关网页通过各种链接关联起来的集合。在使用FrontPage 2003设计网页之前, 应建立一个本地站点,用来管理创建的网页。 用户可以选择以下三种方式创建一个新的站点: (1)站点向导。包括“导入网站向导”、“公司展示向导”、“数据库界面向导”、“讨论网站向导”。 (2)站点模板。包括“个人网站” 、“客户支持网站”、“项目网站”。 (3)自定义站点。包括“只有一个网页的站点” 、“空白网站”、“SharePoint工作组网站”。,使用“只有一个网
6、页的站点”创建学生个人就职网站。 在FrontPage2003的主窗口下,单击菜单栏上的“文件”,在弹出的下拉菜单中选中“新建”,在窗口的右边出现“新建”面板,在新建项中选择“其他网站模板”。在“站点”列表框中,选中“只有一个网页的网站”图标,并在右边“指定新网站的位置”框中,输入新站点的名称。如图8-4“网站模板”对话框 。,图8-4 “网站模板”对话框,8.2.3网页的基本编辑 一、新建一个网页,在FrontPage2003的主窗口中,单击“视图”栏上的“网页”视图,使当前处于网页视图模式下。单击菜单栏上的“文件”,在弹出的下拉菜单中选中“新建”,在窗口的右边出现“新建”面板,在新建网页项
7、中选择“其他网页模板”。打开如图8-4所示的“网站模板”对话框。单击“常规”选项卡,在列表框中显示了FrontPage2003提供的创建网页的11种模板,包括有普通网页、表单网页向导、常见问题、目录、确认表单等。使用各类模板可以创建不同的网页。,二、保存网页,当前网页是新建的网页并且尚未保存,则单击“常用”工具栏中的“保存”按钮,在弹出的“另存为”对话框中找到并双击要保存网页的文件夹,然后在“文件名”下拉列表框中输入网页的文件名“index.htm”,再单击“保存”按钮即可。 如果当前网页是从当前网站打开的,则单击“常用”工具栏中的“保存”按钮即可。 如果当前网页是从当前网站之外的位置打开的,
8、则单击“文件”|“另存为”命令,在弹出的“另存为”对话框中找到并双击要保存网页的文件夹,并在“文件名”下拉列表框中输入网页的文件名,最后单击“保存”按钮即可。,三、网页属性设置,网页的属性包括网页的背景颜色、图片、网页的标题和网页的页边距等。选择菜单“文件”“属性” 命令或在页面空白处右键单击选择“页面属性”命令则可以在弹出的对话框中进行设置,如图8-5所示,或者在没有选中任何对象的情形下,选菜单“格式”“背景”,直接进行背景颜色图片的设置。,图8-5 网页属性对话框,8.2.4表格,一、插入表格 在“表格”菜单“插入”级联式菜单中选择“表格”命令,出现如图8-6所示。单击“确定”就可以网页中
9、插入表格。,图8-6 插入表格属性对话框,二、设置表格属性,表格属性设置若想设置表格的边框粗细、颜色以及表格的背景可指向表格,用鼠标右键单击表格,在弹出快捷菜单中选择“表格属性”命令,打开“表格属性”对话框如图8-6所示 。 大小:设置表格的行列数目。 布局:设置表格的对齐方式、边框粗细(无边框为0)、单元格边距(表格内单元边框线之间的距离)、单元格间距(单元格内容与边框线之间的距离)。 指定宽度:指定宽度前,则在复选框前打上“”,宽度单位有两种分别为像素和百分比,百分比是相对浏览器而言,像素则为绝对值。,三、编辑表格,1.选定表格对象 选定单元格,执行“表格”“选定” “单元格”命令;选定行
10、、列或整个表格,在“表格”“选定”中选择相应的命令即可。 2.插入、删除表格对象 插入行或列,可以使用“表格”“插入” “行或列”命令,也可以用鼠标右击表格后在快捷菜单中选择相应的命令。如果要删除行或列,只要选定行或列后单击“表格” “删除单元格”命令即可删除。 3.合并、拆分单元格 合并、拆分单元格的操作可以通过“表格”菜单的“合并单元格”或“拆分单元格”命令来完成。也可以通过右击鼠标后在弹出的快捷菜单中选择相应的命令进行。 4.设置表格或单元格属性 将打开“表格属性”或“单元格属性”对话框,或右击鼠标弹出快捷菜单。,8.2.5 文本设置,一、输入文本 可选择两种方式:第一种是和在Word一
11、样,可以直接在FrontPage2003的普通视图中输入文字,文字的编辑修改和Word基本一样;第二种是可以通过复制和粘贴从其他地方复制文字。 二、设置文字及段落格式 文字格式,包括“字体”、“字型”、“大小”、“颜色”、“效果”以及字符间距的设置,以直接在格式工具栏中进行,也可以选择菜单“格式”“字体”命令,也可以选择字符后右键单击选择“字体”命令。弹出如图8-7所示对话框。,图8-7 文字格式对话框,8.2.6 网页元素的插入,一、插入换行符 网页中插入换行符可将网页中的一段网页内容断开。FrontPage中的换行分成“隔行换行“(两行之间有空行)和“紧凑换行”(两行间没有空行)两种,这两
12、种换行符的插入方法分别是: (1)插入“隔行换行”。直接在插入点按Enter键。 (2)插入“紧凑换行”。先定位插入点,选择“插入”菜单“换行符”命令,或按Shift+Enter组合键。,二、插入水平线,方法:光标定位于表格第二行,单击“插入”菜单“水平线”命令,就可以在第二行中插入水平线。单击刚插入的水平线,右键单击在快捷菜单中选择“水平线属性”。如图8-8水平线属性对话框。,图8-8 水平线属性对话框,三、插入图片和背景图片,1插入图片 将插入点定位欲插入图片位置,选择“插入”菜单上的“图片”命令。从“图片”子菜单中选择“来自文件”命令,在对话框寻找需要的图片文件,单击“确定”按钮插入图片
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 网页 制作 软件 FrontPage2003
链接地址:https://www.31doc.com/p-2552950.html