第6章网页制作Frontpage2003（课堂PPT）

第6章网页制作FrontPage2003,1,第6章网页制作工具FrontPage2003,6.1认识FrontPage20036.2创建站点6.3建立网页6.4网页的设计6.5站点的发布,下一页,返回主目录,上一章,2,6.1认识FrontPage2003,6.1.1启动FrontPage20036.1.2认识FrontPage2003窗口,3,6.1.1启动FrontPage2003,在“开始”菜单中选择“程序”级联菜单，单击“MicrosoftFrontPage”命令，启动FrontPage。,FrontPage的窗口由标题栏、菜单栏、工具栏、视图栏、编辑窗口（工作区）、显示网页的方式及状态栏组成。,返回本节目录,4,返回本节首页,本节结束,返回本节目录,图6.1.1FrontPage2003主窗口,5,6.1.2认识FrontPage2003窗口,FrontPage有6种视图模式，这为网页的编写、站点的管理提供了极大的方便。可以使用不同的视图方式来浏览站点、编辑和修改站点的结构。,返回本节目录,6,1“网页”视图,返回本节目录,6.1.2“网页视图”示例,7,2“文件夹”视图,图6.1.3“文件夹”视图,返回本节目录,8,3“报表”视图,图6.1.4“报表”视图,返回本节目录,9,4“导航”视图,图6.1.5“导航”视图,返回本节目录,10,5“超链接”视图,图6.1.6“超链接”视图,返回本节目录,11,单击视图栏中的“任务”按钮，切换到“任务”视图模式。将需要做的工作以任务分配形式显示出来，进行简单的管理。,6“任务”视图,返回本节目录,12,图6.1.7“任务”视图,13,6.2创建站点,6.2.1新建站点6.2.2站点的基本操作,14,6.2.1新建站点,1站点概念2新建站点3修改站点,返回本节目录,15,站点实际上是一个文件夹，这个文件夹和普通的文件夹相比，具有了一些特殊的属性，它是计算机上的一个站点，而不是单纯的文件夹。,1站点概念,返回本节目录,16,启动FrontPage，单击“文件”菜单，选择其中的“新建”命令，在弹出的“任务窗格”中，选择新建的类型。,2新建站点,返回本节目录,17,图6.2.1利用“任务窗格”新建站点,返回本节目录,18,单击“工具”菜单，选择“站点设置”命令，打开“站点设置”对话框（或在导航视图中单击鼠标右键，从弹出的快捷菜单中选择“站点设置”命令，也可以打开此对话框）。在“常规”选项卡中可以改变站点的名称。,3修改站点,返回本节目录,19,图6.2.2“站点设置”对话框,返回本节目录,20,6.2.2站点的基本操作,1打开和关闭站点2删除站点,返回本节目录,21,单击“文件”菜单中的“打开站点”命令，打开“打开站点”对话框。,1打开和关闭站点,返回本节目录,22,图6.2.3“打开站点”对话框,返回本节目录,23,单击“编辑”菜单栏中的“删除”命令。打开“确认删除”对话框。,2删除站点,如果要将整个站点删除，则选中“删除整个站点”单选按钮；,如果不想将该站点下的文件删除，则可以选中“只删除此站点中的FrontPage信息，保留所有的其他文件和文件夹”单选按钮，然后单击“确定”按钮。,采用后一种方法删除站点后，该站点将变为一个普通的文件夹。,返回本节目录,24,图6.2.4“确认删除”对话框,返回本节目录,25,6.3建立网页,6.3.1新建网页6.3.2网页的基本操作,26,6.3.1新建网页,创建一个新的网页有三种方法：使用空白页、使用向导和使用模板。单击“文件”菜单，从下拉菜单“新建”的级联菜单中选择“网页”命令，打开“新建”对话框。,单击“常规”选项卡，在列表框中显示了FrontPage提供的创建网页的26种模板，使用各类模板可以创建不同类型的网页。,返回本节目录,27,图6.3.1“新建”网页对话框,返回本节目录,28,6.3.2网页的基本操作,1打开网页2保存网页,返回本节目录,29,从本地磁盘或局域网中打开网页。,1打开网页,单击“文件”菜单中的“打开”命令，或单击工具栏上的“打开”按钮。打开“打开文件”对话框。在“查找范围”下拉列表框中选择站点，从文件列表中选定要打开的文件。,返回本节目录,30,图6.3.2“打开文件”对话框,返回本节目录,31,从Web站点中打开网页。,单击“搜索Web”图标按钮，打开IE浏览器窗口，从中选择所需的网页。,打开最近使用过的网页。,单击“文件”下拉菜单中的“最近使用的文件”级联菜单，从中选择最近访问过的网页即可。,返回本节目录,32,单击“文件”菜单中的“保存文件”命令，打开“另存为”对话框，可以选择网页文件的“保存位置”，输入网页文件的“文件名”，选择网页文件的“保存类型”。单击“更改”按钮，在打开的“设置网页标题”对话框中可以更改网页的标题。,2保存网页,返回本节目录,33,图6.3.3“另存为”对话框,返回本节目录,34,6.4网页的设计,6.4.1文本编辑6.4.2设置网页背景与插入图像6.4.3表格6.4.4超级链接,35,6.4.1文本编辑,1编辑文本2图像列表3可折叠列表4水平线,返回本节目录,36,FrontPage中经常使用的编辑操作有：选中文本、删除、剪切、复制、粘贴、查找、替换、文本插入等。文字格式设定有：字体、字型、字号、字体颜色、字符间距及各种字体修饰等。段落格式设定有：行间距、段间距、左右缩进、对齐方式等。,1编辑文本,返回本节目录,37,图6.4.1文本输入示例,返回本节目录,38,图像列表就是将普通项目符号列表中的项目符号用图像代替。,2图像列表,返回本节目录,39,图6.4.2“项目符号和编号方式”对话框,图6.4.3图像列表,返回本节目录,40,通过折叠列表可以使列表像资源管理器中的文件夹一样，用鼠标单击才能显示下一级列表，再用鼠标单击又折叠起来，从而使页面清晰整洁。,3可折叠列表,返回本节目录,41,图6.4.4可折叠列表,返回本节目录,42,水平线用于分割网页中的不同内容，可以把网页划分成不同的主题部分。通常用于划分标题和主体部分。,4水平线,返回本节目录,43,图6.4.5“水平线属性”对话框,返回本节目录,44,6.4.2设置网页背景与插入图像,1设置网页背景2插入图像,返回本节目录,45,网页背景包括：背景颜色和背景图片。,1设置网页背景,背景颜色,鼠标右击网页编辑区，从弹出的快捷菜单中单击“网页属性”命令，打开“网页属性”对话框。单击“背景”选项卡，在“颜色”区中，可以从“背景”下拉列表中选择一种背景颜色，也可以进一步从“其他颜色”中选取自定义的颜色。,返回本节目录,46,图6.4.6“网页属性”对话框,返回本节目录,47,背景图片,在“网页属性”对话框中，选中“格式”区中的“背景图片”复选框，再单击“浏览”按钮，从打开的“选择背景图片”之“选择文件”对话框中查找满意的图片，或单击“剪贴画”按钮，可以从Microsoft剪贴画库中获取喜欢的图案。,返回本节目录,48,图6.4.7“选择背景图片”对话框,返回本节目录,49,与背景图片类似，插入图片的具体方法：单击“插入”菜单，选择“图片”级联菜单中的“来自文件”命令，打开“图片”对话框，查找合适的图片文件，单击“确定”按钮。也可以在“图片”对话框中的“URL”中输入网址，从网上搜索适合的图片；或单击“剪贴画”按钮，选择适合的图案。,2插入图像,返回本节目录,50,6.4.3表格,在FrontPage中对表格的操作与Word中的操作方法基本一致，有四种创建表格的方法：“插入表格”命令、“插入表格”按钮、手动绘制和文本转换为表格。,鼠标右击表格区，单击“表格属性”命令，打开“表格属性”对话框，可以设置“布局”的对齐方式、单元格边距与间距；“边框”的粗细、颜色；“背景”的颜色及使用背景图片等。,返回本节目录,51,图6.4.8制作表格的样例,返回本节目录,52,图6.4.9“表格属性”对话框,返回本节目录,53,6.4.4超级链接,1创建指向站点内的网页或文件夹的超链接2创建指向Web站点上的网页或文件夹的超链接3创建指向电子邮件的超链接4删除超链接,返回本节目录,54,1创建指向站点内的网页或文件夹的超链接,在网页视图模式下，先选中需要创建超链接的对象，单击工具栏上的“插入超链接”按钮，再从已经建立的网站中搜索网页文件。,返回本小节,55,返回本小节,56,2创建指向Web站点上的网页或文件夹的超链接,在网页视图模式下，先选中需要创建超链接的对象，单击工具栏上的“插入超链接”按钮，再从URL下拉列表框中输入或选择要链接的Web站点地址，如站点。,返回本小节,57,3创建指向电子邮件的超链接,在网页视图模式下，先选中需要创建超链接的对象，打开“创建超链接”对话框，在URL下拉列表框中输入mailto:，或单击“制作发送电子邮件的超链接”按钮，打开“创建电子邮件超链接”对话框，然后输入电子邮件地址。,返回本小节,58,图6.4.11“创建电子邮件超链接”对话框,返回本小节,59,在网页视图模式下，先选中已建立超链接的对象，单击工具栏上的“插入超链接”按钮，打开的“编辑超链接”对话框，将URL下拉列表框中的链接地址删除。或鼠标右击已建立超链接的对象，从弹出的快捷菜单中单击“超级链接”级联菜单中的“取消超级链接”命令。,4删除超链接,返回本小节,60,6.5站点的发布,发布一个站点就是将已制作完成的站点上的文件复制到已经存在的某个站点文件夹中，使得这些网页成为该Web站点中的网页。我们可以将制作的站点发布到Internet上已经存在的站点（如发布到提供免费的个人网页的站点），或是本地计算机上已经存在的Web服务器的站点。,发布站点的操作如下：,61,打开要发布的站点，单击常用工具栏上的“发布站点”按钮。单击“选项”按钮，拓展选项列表。,输入Web服务器的URL，或单击“浏览”按钮查找发布的位置。,62,如果需要将当前站点中的子站点也发布到Web服务器上，则选中“包含子站点”复选框。,若选中“只发布更改过的网页”选项，可以让FrontPage比较本地站点上的文件与Web服务器上的文件。,若选中“发布所有网页，覆盖目标站点上已有的同名网页”选项，将会把本地站点上的文件重新发布到Web服务器上。,如