第6章--网页制作Frontpage2003(课堂PPT).ppt

《第6章--网页制作Frontpage2003(课堂PPT).ppt》由会员分享，可在线阅读，更多相关《第6章--网页制作Frontpage2003(课堂PPT).ppt（67页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、1 1第6章 网页制作工具FrontPage 2003 6.1 6.1 认识认识FrontPage 2003FrontPage 20036.2 6.2 创建站点创建站点 6.3 6.3 建立网页建立网页6.4 6.4 网页的设计网页的设计6.5 6.5 站点的发布站点的发布下一页下一页返回主目录返回主目录上一章上一章2 26.1 认识FrontPage 20036.1.1 6.1.1 启动启动FrontPage 2003 FrontPage 2003 6.1.2 6.1.2 认识认识FrontPage 2003FrontPage 2003窗口窗口 3 36.1.1 6.1.1 启动启动Fron

2、tPage 2003FrontPage 2003 在“开始”菜单中选择“程序”级联菜单，单击“Microsoft FrontPage”命令，启动FrontPage。FrontPage FrontPage的窗口由标题栏、菜单栏、工具的窗口由标题栏、菜单栏、工具栏、视图栏、编辑窗口（工作区）、显示网页栏、视图栏、编辑窗口（工作区）、显示网页的方式及状态栏组成。的方式及状态栏组成。返回本节目录返回本节目录4 4标题栏标题栏状态栏状态栏工具栏工具栏工作区工作区菜单栏菜单栏返回本节首页返回本节首页本节结束本节结束返回本节目录返回本节目录图6.1.1 FrontPage 2003主窗口 显示网页的方式显示

3、网页的方式5 56.1.2 认识FrontPage 2003窗口 FrontPage有6种视图模式，这为网页的编写、站点的管理提供了极大的方便。可以使用不同的视图方式来浏览站点、编辑和修改站点的结构。返回本节目录返回本节目录6 61 1“网页网页”视图视图 返回本节目录返回本节目录6.1.2“网页视图”示例7 72 2“文件夹文件夹”视图视图 图6.1.3 “文件夹”视图 返回本节目录返回本节目录8 83 3“报表报表”视图视图 图6.1.4 “报表”视图 返回本节目录返回本节目录9 94 4“导航导航”视图视图图6.1.5 “导航”视图 返回本节目录返回本节目录10105 5“超链接超链接”

4、视图视图 图6.1.6 “超链接”视图 返回本节目录返回本节目录1111 单击视图栏中的“任务”按钮，切换到“任务”视图模式。将需要做的工作以任务分配形式显示出来，进行简单的管理。6 6“任务任务”视图视图返回本节目录返回本节目录1212图6.1.7 “任务”视图 13136.2 创建站点 6.2.1 6.2.1 新建站点新建站点6.2.2 6.2.2 站点的基本操作站点的基本操作 14146.2.1 6.2.1 新建站点新建站点 1 1站点概念站点概念 2 2新建站点新建站点 3 3修改站点修改站点 返回本节目录返回本节目录1515 站点实际上是一个文件夹，这个文件夹和普通的文件夹相比，具有

5、了一些特殊的属性，它是计算机上的一个站点，而不是单纯的文件夹。1 1站点概念站点概念 返回本节目录返回本节目录1616 启动FrontPage，单击“文件”菜单，选择其中的“新建”命令，在弹出的“任务窗格”中，选择新建的类型。2 2新建站点新建站点返回本节目录返回本节目录1717图6.2.1 利用“任务窗格”新建站点 返回本节目录返回本节目录1818 单击“工具”菜单，选择“站点设置”命令，打开“站点设置”对话框（或在导航视图中单击鼠标右键，从弹出的快捷菜单中选择“站点设置”命令，也可以打开此对话框）。在“常规”选项卡中可以改变站点的名称。3 3修改站点修改站点返回本节目录返回本节目录1919

6、图6.2.2 “站点设置”对话框返回本节目录返回本节目录20206.2.2 6.2.2 站点的基本操作站点的基本操作1 1打开和关闭站点打开和关闭站点2 2删除站点删除站点 返回本节目录返回本节目录2121 单击“文件”菜单中的“打开站点”命令，打开“打开站点”对话框。1 1 1 1打开和关闭站点打开和关闭站点打开和关闭站点打开和关闭站点返回本节目录返回本节目录2222图6.2.3 “打开站点”对话框返回本节目录返回本节目录2323 单击“编辑”菜单栏中的“删除”命令。打开“确认删除”对话框。2 2删除站点删除站点 如果要将整个站点删除，则选中如果要将整个站点删除，则选中“删除整个站点删除整个

7、站点”单选按钮；单选按钮；如果不想将该站点下的文件删除，则可以选中如果不想将该站点下的文件删除，则可以选中“只删除此站点中的只删除此站点中的FrontPageFrontPage信息，保留所有的其他文信息，保留所有的其他文件和文件夹件和文件夹”单选按钮，然后单击单选按钮，然后单击“确定确定”按钮。按钮。采用后一种方法删除站点后，该站点将变为一个普采用后一种方法删除站点后，该站点将变为一个普通的文件夹。通的文件夹。返回本节目录返回本节目录2424图6.2.4 “确认删除”对话框返回本节目录返回本节目录25256.3 建立网页6.3.1 6.3.1 新建网页新建网页6.3.2 6.3.2 网页的基本

8、操作网页的基本操作 26266.3.1 新建网页 创建一个新的网页有三种方法：使用空白页、使用向导和使用模板。单击“文件”菜单，从下拉菜单“新建”的级联菜单中选择“网页”命令，打开“新建”对话框。单击单击“常规常规”选项卡，在列表框中显示选项卡，在列表框中显示了了FrontPageFrontPage提供的创建网页的提供的创建网页的2626种模板，使种模板，使用各类模板可以创建不同类型的网页。用各类模板可以创建不同类型的网页。返回本节目录返回本节目录2727图6.3.1 “新建”网页对话框返回本节目录返回本节目录28286.3.2 网页的基本操作 1 1打开网页打开网页 2 2保存网页保存网页

9、返回本节目录返回本节目录2929 从本地磁盘或局域网中打开网页。1 1打开网页打开网页 单击单击“文件文件”菜单中的菜单中的“打开打开”命令，命令，或单击工具栏上的或单击工具栏上的“打开打开”按钮按钮 。打开。打开 “打开文件打开文件”对话框。在对话框。在“查找范围查找范围”下拉下拉列表框中选择站点，从文件列表中选定要打列表框中选择站点，从文件列表中选定要打开的文件。开的文件。返回本节目录返回本节目录3030图6.3.2 “打开文件”对话框返回本节目录返回本节目录3131 从Web站点中打开网页。单击单击“搜索搜索WebWeb”图标按钮图标按钮 ，打开，打开IEIE浏览器窗口，从中选择所需的网

10、页。浏览器窗口，从中选择所需的网页。打开最近使用过的网页。打开最近使用过的网页。单击单击“文件文件”下拉菜单中的下拉菜单中的“最近使用的最近使用的文件文件”级联菜单，从中选择最近访问过的网页级联菜单，从中选择最近访问过的网页即可。即可。返回本节目录返回本节目录3232 单击“文件”菜单中的“保存文件”命令，打开“另存为”对话框，可以选择网页文件的“保存位置”，输入网页文件的“文件名”，选择网页文件的“保存类型”。单击“更改”按钮，在打开的“设置网页标题”对话框中可以更改网页的标题。2 2保存网页保存网页返回本节目录返回本节目录3333图6.3.3 “另存为”对话框 返回本节目录返回本节目录34

11、346.4 网页的设计 6.4.1 6.4.1 文本编辑文本编辑6.4.2 6.4.2 设置网页背景与插入图像设置网页背景与插入图像6.4.3 6.4.3 表格表格6.4.4 6.4.4 超级链接超级链接35356.4.1 6.4.1 文本编辑文本编辑1 1编辑文本编辑文本 2 2图像列表图像列表 3 3可折叠列表可折叠列表 4 4水平线水平线 返回本节目录返回本节目录3636 FrontPage中经常使用的编辑操作有：选中文本、删除、剪切、复制、粘贴、查找、替换、文本插入等。文字格式设定有：字体、字型、字号、字体颜色、字符间距及各种字体修饰等。段落格式设定有：行间距、段间距、左右缩进、对齐方

12、式等。1 1编辑文本编辑文本返回本节目录返回本节目录3737图6.4.1 文本输入示例 返回本节目录返回本节目录3838 图像列表就是将普通项目符号列表中的项目符号用图像代替。2 2图像列表图像列表返回本节目录返回本节目录3939图6.4.2 “项目符号和编号方式”对话框图6.4.3 图像列表返回本节目录返回本节目录4040 通过折叠列表可以使列表像资源管理器中的文件夹一样，用鼠标单击才能显示下一级列表，再用鼠标单击又折叠起来，从而使页面清晰整洁。3 3可折叠列表可折叠列表返回本节目录返回本节目录4141图6.4.4 可折叠列表返回本节目录返回本节目录4242 水平线用于分割网页中的不同内容，

13、可以把网页划分成不同的主题部分。通常用于划分标题和主体部分。4 4水平线水平线返回本节目录返回本节目录4343图6.4.5 “水平线属性”对话框返回本节目录返回本节目录44446.4.2 6.4.2 设置网页背景与插入图像设置网页背景与插入图像 1 1设置网页背景设置网页背景 2 2插入图像插入图像 返回本节目录返回本节目录4545 网页背景包括：背景颜色背景颜色和背景图片背景图片。1 1设置网页背景设置网页背景背景颜色背景颜色背景颜色背景颜色 鼠标右击网页编辑区，从弹出的快捷菜单鼠标右击网页编辑区，从弹出的快捷菜单中单击中单击“网页网页属性属性”命令，打开命令，打开“网页属性网页属性”对话框

14、。单击对话框。单击“背景背景”选项卡，在选项卡，在“颜色颜色”区区中，可以从中，可以从“背景背景”下拉列表中选择一种背景下拉列表中选择一种背景颜色，也可以进一步从颜色，也可以进一步从“其他颜色其他颜色”中选取自中选取自定义的颜色。定义的颜色。返回本节目录返回本节目录4646图6.4.6 “网页属性”对话框返回本节目录返回本节目录4747背景图片背景图片 在在 “网页属性网页属性”对话框中，选中对话框中，选中“格式格式”区区中的中的“背景图片背景图片”复选框，再单击复选框，再单击“浏览浏览”按钮，按钮，从打开的从打开的 “选择背景图片选择背景图片”之之“选择文件选择文件”对对话框中查找满意的图片

15、，或单击话框中查找满意的图片，或单击“剪贴画剪贴画”按钮，按钮，可以从可以从MicrosoftMicrosoft剪贴画库中获取喜欢的图案。剪贴画库中获取喜欢的图案。返回本节目录返回本节目录4848图6.4.7 “选择背景图片”对话框返回本节目录返回本节目录4949 与背景图片类似，插入图片的具体方法：单击“插入”菜单，选择“图片”级联菜单中的“来自文件”命令，打开“图片”对话框，查找合适的图片文件，单击“确定”按钮。也可以在“图片”对话框中的“URL”中输入网址，从网上搜索适合的图片；或单击“剪贴画”按钮，选择适合的图案。2 2插入图像插入图像返回本节目录返回本节目录50506.4.3 6.4

16、.3 表格表格 在FrontPage中对表格的操作与Word中的操作方法基本一致，有四种创建表格的方法：“插入表格”命令、“插入表格”按钮、手动绘制和文本转换为表格。鼠标右击表格区，单击鼠标右击表格区，单击“表格属性表格属性”命令，命令，打开打开“表格属性表格属性”对话框，可以设置对话框，可以设置“布局布局”的对齐方式、单元格边距与间距；的对齐方式、单元格边距与间距；“边框边框”的的粗细、颜色；粗细、颜色；“背景背景”的颜色及使用背景图片的颜色及使用背景图片等。等。返回本节目录返回本节目录5151图6.4.8 制作表格的样例返回本节目录返回本节目录5252图6.4.9 “表格属性”对话框返回本

17、节目录返回本节目录53536.4.4 6.4.4 超级链接超级链接 1 1创建指向站点内的网页或文件夹的超链接创建指向站点内的网页或文件夹的超链接 2 2创建指向创建指向WebWeb站点上的网页或文件夹的超链接站点上的网页或文件夹的超链接 3 3创建指向电子邮件的超链接创建指向电子邮件的超链接 4 4删除超链接删除超链接 返回本节目录返回本节目录54541 1 1 1创建指向站点内的网页或文件夹的超链接创建指向站点内的网页或文件夹的超链接创建指向站点内的网页或文件夹的超链接创建指向站点内的网页或文件夹的超链接 在网页视图模式下，在网页视图模式下，先选中需要创建超先选中需要创建超链接的对象，单击

18、工具栏上的链接的对象，单击工具栏上的“插入超链接插入超链接”按钮按钮 ，再从已经建立的网站中搜索网页，再从已经建立的网站中搜索网页文件。文件。返回本小节返回本小节5555图6.4.10 “创建超链接”对话框返回本小节返回本小节56562 2 2 2创建指向创建指向创建指向创建指向WebWebWebWeb站点上的网页或文件夹的超链接站点上的网页或文件夹的超链接站点上的网页或文件夹的超链接站点上的网页或文件夹的超链接 在网页视图模式下，在网页视图模式下，先选中需要创建超链先选中需要创建超链接的对象，单击工具栏上的接的对象，单击工具栏上的“插入超链接插入超链接”按按钮钮 ，再从，再从URLURL下拉

19、列表框中输入或选择要链下拉列表框中输入或选择要链接的接的WebWeb站点地址，如站点地址，如站点站点。返回本小节返回本小节57573 3 3 3创建指向电子邮件的超链接创建指向电子邮件的超链接创建指向电子邮件的超链接创建指向电子邮件的超链接 在网页视图模式下，先选中需要创建超链接的在网页视图模式下，先选中需要创建超链接的对象，打开对象，打开“创建超链接创建超链接”对话框，在对话框，在URLURLURLURL下拉列下拉列表框中输入表框中输入mailto:mailto:，或单击，或单击“制作发送电子邮件的超链接制作发送电子邮件的超链接”按钮按钮 ，打开，打开 “创创建电子邮件超链接建电子邮件超链接

20、”对话框，然后输入电子邮件地对话框，然后输入电子邮件地址。址。返回本小节返回本小节5858图6.4.11 “创建电子邮件超链接”对话框返回本小节返回本小节5959 在网页视图模式下，先选中已建立超链接的对象，单击工具栏上的“插入超链接”按钮，打开的“编辑超链接”对话框，将URL下拉列表框中的链接地址删除。或鼠标右击已建立超链接的对象，从弹出的快捷菜单中单击“超级链接”级联菜单中的“取消超级链接”命令。4 4删除超链接删除超链接返回本小节返回本小节60606.5 站点的发布 发布一个站点就是将已制作完成的站点上的文件复制到已经存在的某个站点文件夹中，使得这些网页成为该Web站点中的网页。我们可以

21、将制作的站点发布到Internet上已经存在的站点（如发布到提供免费的个人网页的站点），或是本地计算机上已经存在的Web服务器的站点。发布站点的操作如下：发布站点的操作如下：6161 打开要发布的站点，单击常用工具栏上的“发布站点”按钮。单击“选项”按钮，拓展选项列表。输入输入WebWeb服务器的服务器的URLURL，或单击，或单击“浏览浏览”按钮查找发布的位置。按钮查找发布的位置。6262 如果需要将当前站点中的子站点也发布到如果需要将当前站点中的子站点也发布到WebWeb服务器上，服务器上，则选中则选中“包含子站点包含子站点”复选框。复选框。若选中若选中“只发布更改过的网页只发布更改过的网

22、页”选项，可以让选项，可以让FrontPageFrontPage比较本地站点上的文件与比较本地站点上的文件与WebWeb服务器上的文件。服务器上的文件。若选中若选中“发布所有网页，覆盖目标站点上已有的同名网发布所有网页，覆盖目标站点上已有的同名网页页”选项，将会把本地站点上的文件重新发布到选项，将会把本地站点上的文件重新发布到WebWeb服务器上。服务器上。如果要使用安全链接来发布，就选择如果要使用安全链接来发布，就选择“需要安全的链接需要安全的链接”复选框。复选框。6363图6.5.1 “发布站点”对话框6464 单击“发布”按钮后，开始发布。如果使用FTP发布站点，此时会出现一个要求输入用户名和密码的对话框。图6.5.2 “要求提供用户名和密码”对话框6565 当站点发布完毕后，弹出发布成功的信息框。单击“单击此处可以查看您发布的站点”超链接，FrontPage将自动打开浏览器访问发布到Web服务器上的站点。6666图6.5.3 发布站点成功信息框6767