第8章+网页制作软件FrontPage+2003.ppt

基于信息技术的第8章web创作软件FrontPage2003、intent和front page 2003概述主题1:创建和管理网站项目2:创建和编辑简单网页项目3:使用超链接链接信息主题4:在网页中插入web组件项目5:框架网页和嵌入框架，IntenetURL地址是用于全面描述internet上的web页和其他资源地址的标识方法，可以是本地磁盘或LAN上的计算机，internet上的站点也更多。URL的通用协议：http :(超文本传输协议)超文本传输协议FTP:(FileTransferProtocol)文件传输协议MailTo:(MailtoProtocol)超链接(hypertext link)也称为超文本链接(Hypertextlink)，表示文本、图像、声音剪辑或影片剪辑之间的链接，或其它文件、超文本文件之间的链接。超链接是从一个网页指向一个目标的连接关系，该目标可以是另一个网页，也可以是同一网页的其他位置，还可以是图片、电子邮件地址、文件和应用程序。网页中的超链接对象可以是文本或图片。主页(HomePage)，每个网站都有一个欢迎信息页面(HomePage)，用户通过客户端浏览器浏览WWW服务器时显示此页面，其中包含所需的内容和索引信息。网站发布，1 .选择web服务提供者2。网站建立3。注册站点域名4。站点上载、HTML简介和HTML主要由以下部分组成：期间的说明内容是HTML格式的内容。这段时间说明了题目的内容。其中包含的文本是HTML的主题，显示在窗口的TITLE栏中。说明HTML文件的正文内容。Text是说明文字和注释。这段时间是说明性语言。站点构建工具简介，front page“web三剑客”DreamweaverFireworksFlash，项目1:创建和管理网站，项目目标：站点设计站点创建样式：主题导航共享边界站点发布，演示：完成项目1，站点在窗口的右侧任务窗格中，选择启动任务新建网页和网站以转至新建任务窗格。单击“新建”窗口中的“其他站点模板”选项，打开“站点模板”对话框。选择“个人网站”作为模板，并在“选项”下指定网站的存储位置。单击“浏览”按钮，然后选择新的站点存储库目录“d:Mysite”。单击“确定”。网站模板的分类；(1)只有一个网页的网站：创建网站内的默认目录和空的index.htm网页。(2)SharePoint工作组网站：使用此模板，您可以创建网站，以组织信息并与他人共享。工作组网站模板包含文档库和SharePoint列表(例如通知、事件、联系人和快速链接)。(3)个人网站：创建个人网站，其中包含感兴趣的领域、照片和首选网站。(4)客户支持网站：是改善客户支持服务的网站，适合公司的产品服务。(5)空站点：只有站点中的默认目录，其他目录由用户创建。(6)项目网站：为包含一系列成员、计划、状态、存档和讨论的项目创建网站。设置站点名称：设置站点的名称设置站点中文件夹的名称。步骤如下：选择“工具”|“网站设置”命令时，默认情况下打开“一般”标签，您可以单击确定网站名称已修改为我的主页按钮。然后单击“打开网站操作”步骤：再单击“文件”“打开网站”命令以显示“打开网站”对话框。在查找范围下拉列表中，选择要打开的站点名称，然后单击打开按钮。关闭网站，然后按“文件”|“关闭网站”命令关闭当前打开的网站。删除站点，方法1:直接在资源管理器中删除该站点的文件夹，方法2:操作步骤如下：选择“查看”|“文件夹列表”命令，切换到文件夹列表视图，从文件夹列表中选择根文件夹，右键单击，从弹出快捷菜单中选择“删除”命令，然后在“确认删除”对话框中选择“删除整个站点”单选按钮，再单击“确定”按钮以删除站点。修改站点的主题样式，然后单击格式主题菜单项，以便在右侧工作窗格中显示FrontPage提供的主题样式。选择梦花季节或少女感情风格。新建主题、过程：通过单击主题窗口下的新建主题选项打开定制主题对话框，然后单击颜色、图形和文本的相应设置另存为按钮，可以命名新主题。创建导航结构，并在导航中清楚地查看站点的主页和从属页面的逻辑关系。单击“视图”|“导航”菜单项打开导航对话框，然后在添加现有网页-“文件夹列表”中，单击所需网页，然后将其拖动到导航结构中的某个位置。立即在网页下添加新网页-右键单击网页并指向“新建”|“网页”。删除网页-在导览结构中的网页上按一下右键，然后在快显功能表上按一下删除。发布站点、发布网站通常意味着将构成网站的所有文件复制到特定目标。步骤如下：打开“我的网站”，这是需要发布的网站。选择“文件”|“发布网站”命令，然后弹出“远程网站属性”对话框。在“远程web服务器类型”选项区域中，选择远程web服务器的类型(例如，选择“文件系统”单选按钮)。在“远程站点位置”下拉列表中，选择或输入本地计算机上的位置。选择新的发布位置，然后单击打开按钮以返回到远程站点属性对话框。单击确定按钮打开发布站点窗口，选择要发布的相关文件，然后选择窗口底部的本地远程单选按钮。然后单击“发布网站”按钮。项目摘要：如何创建网站，修改网站的主题样式样式打开、关闭和删除，网站样式的统一生成导航结构，导航视图的作用FrontPage的网站发布功能，项目2:创建和编辑简单的网页，创建网页，在此网页上绘制，水平线，文本内容，网页，演示：完成项目2，新建网页，单击“文件”“新建”菜单项，在窗口右侧显示新的任务窗格，单击空白网页，FrontPage创建名为new_page_1.htm的空白网页。第一次打开FrontPage时，FrontPage也会自动创建名为new_page_1.htm的空网页。，设置网页属性，设置网页标题：“xiju-Liu Zongyuan”切换到空白网页在设计视图网页的空白位置上单击鼠标右键，然后选择“网页属性”菜单项在“常规”选项卡的“标题”文本框中选择“xiju-Liu Zongyuan”返回到“网页属性”对话框单击“确定”按钮，然后设置网页背景颜色右键单击空白网页的“设计视图”右键单击网页的空白位置选择菜单项“格式”选项卡单击“颜色选项”使用标题、页脚和三列模板。切换到网页的设计视图选择表格布局表格和单元格命令以在窗口右侧打开布局表格和单元格任务窗格。单击所需的模板标题、页脚和三列模板以设置表格属性(800像素宽，居中对齐)，然后在布局表格和单元格任务窗格的表格属性选项区域中设置表格属性。在宽度文本框中输入800，然后在对齐中单击鼠标中键。合并和拆分单元格-选择两列中间的三列如果要使用“合并表格”命令选择两列中间的三个单元格，则中间的三个单元格将合并为一个单元格。选择此单元格，选择“表”|“拆分单元格”命令，然后在打开的“拆分单元格”对话框中将列数设置为2，再单击“确定”按钮。选择插入水平线，选择“插入”|“水平线”命令，在当前光标所在位置添加水平线，插入图片，插入图片以切换到网页的设计视图，将光标放在要放置图片的布局单元格中，选择“插入”|“图片”|“从文件”命令，然后打开“图片”对话框，并从文件列表中选择单击“插入”按钮后，右键单击插入了图片属性设置的图片，然后从弹出快捷菜单中选择“图片属性”命令，打开图片属性对话框。在“外观”选项卡中，您可以设置插图的大小、对齐和环绕，或向图像添加边框。在“常规”选项卡的“文本”文本框中输入插图的说明文本，然后单击“插入”按钮。使用图片工具栏处理图片视图 | 工具栏 | 显示图片命令图片工具栏绝对定位上移一级透明颜色设置 文本自动缩略图热点指向图片的特定区域。单击此区域可链接到相关链接页面的链接、设置文本、选择文本、“格式”字体命令、打开的字体对话框中的字体、大小和颜色选择格式|段落命令设置、打开的段落对话框中的对齐设置、表格操作、表格操作和类似于在Word中操作的web设计视图中创建切换表格的位置选择光标位置插入表格对话框第1行、第4列单击确定按钮。保存网页文件，然后单击工具栏上的保存按钮，选择保存文件命令，或按Ctrl S打开网页文件，单击主页工具栏上的打开按钮，然后按文件打开命令Ctrl O在打开的文件对话框中选择要打开的文件，然后单击打开按钮直接双击选定文件打开页面。、项目3:使用超链接链接信息；演示：项目3的完成效果；超链接、链接目标、链接源；是网页、图片、文件(例如Word文档、PowerPoint演示文稿等)、其他网站和电子邮件或网页的特定位置，链接源是我们创建的超链接的对象，可以是文本、图片、图片热点、图片等，通常用与下图不同的颜色表示，使用图片作为链接源创建从文件到文件的超链接，web页的Liu Zongyuan、Li Bai、du fu三位作者的图片分别为yuan.htm、bai.htm此步骤包括：在FrontPage中打开要创建超链接的页面index.htm。选择柳宗元的头像图片。单击主页工具栏上的插入超链接按钮，选择插入超链接命令，或按Ctrl K打开插入超链接对话框选择yuan.htm文件确认按钮，创建从文件到文件的超链接(使用图片中的区域作为链接源)，并将web页大图片中三个作者的头像分别创建为圆形、多边形和矩形热点。然后，从三个web文件(例如，在FrontPage中打开要创建超链接的页面在index . htm web页中选择大图片单击“图片”工具栏中的“圆形热点”按钮以查看中心点的位置，然后按住鼠标左键拖动鼠标以绘制圆形，如下所示：将鼠标放在柳宗元的头像图片上，打开“插入超链接”对话框选择yuan.htm文件单击“确定”按钮，使用文本作为链接源创建从文件到文件的超链接，并分别将网页上的“xiju”、“渔夫”和“jiangxue”文本设置为yuan1.htm为此，请在FrontPage中打开要创建超链接的页面。在index.htm网页中，选择文本单击公用工具栏上的插入超链接按钮，选择插入|超链接命令，或按Ctrl K打开插入超链接对话框，然后单击选择yuan1.htm文件确认按钮。创建指向电子邮件的超链接，在FrontPage中打开要创建超链接的页面index1.htm，在web页上选择文本“联系我”，单击主页工具栏上的“插入超链接”按钮，选择“插入”|“超链接”命令，或选择“Ctrl K”在插入超链接对话框打开链接选项区域中，在选择电子邮件地址电子邮件地址文本框中，输入liu00120 。单击“确定”按钮后，将创建指向文件内部的超链接，在web文件的柳宗元、李白、杜甫三名执笔者介绍的内容前插入名为元元、百度、元元的书签，将柳宗元、李白、杜甫三名执笔者的名字分别链接到元元、百度、杜甫三名书签的位置。为此，请在FrontPage中打开要创建超链接的页面。将光标置于index.htm Liu Zongyuan作者简介的前面，然后选择插入|书签命令或按Ctrl G键打开书签对话框。在书签名称文本框中输入yuan，然后单击确定按钮，网页上就会出现标志。但是，浏览网页时不会显示此标志。在链接源web文件开头的“Liu Zongyuan”文本主页工具栏上，单击“插入超链接”按钮，选择“插入”|“超链接”命令，或按“Ctrl K”打开“插入超链接”对话框，然后单击“链接到”选项区域中的“此文档的位置”在选择文档的位置列表中选择此文档中所有书籍的签名选择此文档的位置yuan，然后单击确定按钮。，图中的一个区域是用于创建从文件到文件内部的超链接的链接源，项目3将大图的“xiju”、“wangyue”和“chunsi”分