应用FrontPage制作公司产品网页.ppt

第6FrontPage,主要内容,6.1网络信息搜索下载6.2公司网站创建6.3公司网站编辑6.4公司网站美化6.5公司网站发布6.6拓展练习,6.1网络信息搜索下载,6.1.1网站素材搜索6.1.2网站素材下载6.1.3网站素材整理,6.1.1网站素材搜索,网络检索工具。目录式搜索。全文搜索。搜索技巧。百度搜索技巧网页搜索。site:网址文档搜索。filetype:DOC、XLS、PPT、PDF、RTF、ALL。谷歌搜索技巧link:含某个链接的网页如:link:site:域名中包如:site:Intitle:标题搜索.如:intitle:休斯顿火箭队Intext:正文检索.如:intext:像素600万Inurl:搜索url.如:inurl:mp3filetype:文件格式.如:filetype:pdf,6.1.2网站素材下载,1.迅雷Thunder单文件下载批量文件下载2.网际快车FlashGet点击下载手动下载,6.1.3网站素材整理,1.图片统一格式2.图片、动画尺寸适当3.图片色彩统一,6.2公司网站创建,6.2.1FrontPage2003的界面6.2.2FrontPage2003的视图6.2.3创建公司站点6.2.4创建Web网页,6.2.1FrontPage2003的界面,执行“开始”“程序”“MicrosoftOffice”“MicrosoftOfficeFrontPage2003”菜单命令。,6.2.2FrontPage2003的视图,1.网页视图“设计”方式：即为制作、编辑Web网页的状态“拆分”方式：则是上方显示Web网页的HTML语言，下方显示编辑Web网页的状态“代码”方式：显示Web网页的HTML语言，用户制作Web网页，FrontPage会将其自动翻译成HTML语言“预览”方式：为用户提供一个Web网页的预览效果2.文件夹视图在文件夹视图中，FrontPage将Web站点显示为一组文件和文件夹,3.报表视图利用报表视图可以清晰地了解各个文件的内容、链接情况等4.导航视图导航视图主要用于显示Web站点的结构，并可以在导航视图中修改Web站点的结构5.超链接视图在这个视图中，Web站点中所有Web网页的超链接将以一个网络的形式出现6.任务视图任务视图显示的是各种需要做的工作。用户可以方便地对其进行管理,6.2.3创建公司站点,（1）打开FrontPage2003，执行“文件”“新建”菜单命令，打开“新建网页或站点”任务窗格。（2）单击“由一个网页组成的网站”超链接，打开“网站模板”对话框。（3）在对话框右侧的“指定新网站的位置”文本框中输入保存站点的路径，也可使用“浏览”按钮指定新站点位置。（4）单击“确定”按钮，即可完成新建站点。,6.2.4创建Web网页,单击“新建网页或站点”任务窗格中的“其他网页模板”超链接，将弹出一个“网页模板”对话框,6.3公司网站编辑,6.3.1打开Web站点和Web网页6.3.2修改Web网页6.3.3设置字体和段落格式6.3.4应用主题6.3.5修改主题6.3.6设置背景和背景音乐6.3.7设置Web网页动画效果6.3.8设置超链接,6.3.1打开Web站点和Web网页,要修改Web网页，必须先将其打开。在文件夹视图下的文件列表中双击目标文件即可将其打开。实际上，在导航视图下的文件列表中双击目标文件同样也能打开该文件。,6.3.2修改Web网页,打开后的文件显示在网页视图中。在利用向导和模板生成的Web网页中，FrontPage提供了大量的注释。修改即可按照这些注释进行，在合适的位置按照提示输入文本即可。,6.3.3设置字体和段落格式,设置文本和段落格式的方法和Word中的方法是完全一样的。选中要设置格式的字体或者段落，执行“格式”“字体”或者“段落”菜单命令，打开“字体”对话框或者“段落”对话框。,6.3.4应用主题,FrontPage2003提供了许多完整主题，用户可以将主题应用到整个Web站点、一张或者多张Web网页上。（1）执行“格式”“主题”菜单命令，打开“主题”窗格。（2）若事先已经打开了一个Web网页，则选择“主题”窗格中的“应用于所选网页”菜单命令即可（3）设定完毕以后，单击“确定”按钮。这样整个站点中所有的Web网页均被应用了该主题。,6.3.5修改主题,FrontPage给用户提供了很大的自由度，用户可以事先修改FrontPage提供的主题。在“主题”窗格中选择“自定义”命令，将弹出如图所示的对话框。对话框中出现以下几个按钮：“颜色”、“图形”、“文本”。,6.3.5修改主题,1.修改颜色2.修改图形3.修改文本,6.3.6设置背景和背景音乐,打开要设置背景的Web网页。在网页视图中，单击鼠标右键，选择快捷菜单中的“网页属性”菜单命令，也可以执行“格式”“背景”命令，打开“网页属性”对话框。打开“格式”选项卡，便可设置当前Web网页的背景。若想设置Web网页的背景音乐，打开“常规”选项卡。在“背景音乐”选项组中设置背景音乐，其中的“循环次数”表示打开Web网页以后，该背景音乐播放的次数，若选中“不限次数”复选框，则音乐将一直播放，直至该Web网页关闭。设置完毕，单击“确定”按钮即可。,6.3.7设置Web网页动画效果,1.设置动态HTML打开Web网页，选中要设定动画的元素，比如一段文本，或一张图片等。执行“视图”“工具栏”动态HTML效果”菜单命令，打开“DHTML效果”工具栏。在第一个列表框中选定一个事件在“应用”下拉列表框中选择一种动画效果最后在第三个下拉列表框中选择动画的具体形式,6.3.7设置Web网页动画效果,2.网页过渡效果（1）打开有设置过渡效果的Web网页（2）执行“格式”“网页过渡”菜单命令（3）设置完毕，单击“确定”按钮,6.3.8设置超链接,在Web网页中，可以给文本或者图片设置超链接。在Web网页中选中要设置超链接的文本或者图片。在“常用”工具栏上单击“插入超链接”按钮，或者直接按CtrlK组合键，打开“插入超链接”对话框。然后便可设置超链接，如在“地址”文本框中输入要链接的网站。设置完毕单击“确定”按钮。,使用链接栏设置超级链接,在Web网页上确定插入点（光标位置）。执行“插入”“Web组件”菜单命令，打开“插入Web组件”对话框，在左侧的“组件类型”列表框中选择“链接栏”选项，然后在“选择栏类型”列表框中选择“包含自定义链接的链接栏”选项单击“下一步”按钮，将打开“插入Web组件”对话框，从中选择适当的链接栏样式后，单击“下一步”按钮。在弹出的对话框中选择导航栏的方向，最后单击“完成”按钮。此时将弹出一个对话框，提示用户输入新链接栏的名称，确定之后将打开“链接栏属性”对话框，单击“添加链接”按钮，便可为用户的链接栏添加链接。设置完毕，单击“确定”按钮，Web网页上即自动生成了一个链接栏。,6.4公司网站美化,6.4.1插入图片6.4.2插入图片库6.4.3插入水平线6.4.4插入计数器6.4.5插入字幕,6.4.1插入图片,将要插入的图片复制到网站根目录下的Images目录下。在Web网页上确定插入点（光标位置）。在“常用”工具栏中单击“插入文件中的图片”按钮，打开如图所示的“图片”对话框，在文件列表中查找到要插入的图片文件，单击“插入”按钮即可。,6.4.2插入图片库,在FrontPage2003中，可以直接插入一个图片库，这样可以省去用户布局图片的时间。以下是插入图片库的方法：在Web网页上确定插入点（光标位置）。执行“插入”“Web组件”菜单命令，打开“插入Web组件”对话框，在左侧的“组件类型”列表框中选择“图片库”选项，在“选择图片库选项”列表框中选择一种图片布局方式。设置完毕，单击“完成”按钮，将打开“图片库属性”对话框。在“图片库属性”对话框中的“图片”选项卡中单击“添加”按钮，打开一个列表。若使用“图片来自文件”命令，便可利用“打开”对话框选择要添加的图片。设置完毕，单击“确定”按钮，FrontPage将在光标处插入图片库，也就是显示库中所有图片的缩略图。,6.4.3插入水平线,在Web网页中，水平线起分隔内容或者强调内容的作用。插入水平线的方法很简单，确定插入水平线的位置后，执行“插入”“水平线”菜单命令即可。双击水平线，将打开如图所示的“水平线属性”对话框。,6.4.4插入计数器,如果用户想知道网站的访问人数，则要用到网站计数器。设置网站计数器的方法如下：（1）在Web网页上确定插入点（光标位置）。（2）执行“插入”“Web组件”菜单命令，打开“插入Web组件”对话框。在“组件类型”列表框中选择“计数器”选项。然后在右侧的“选择计数器样式”列表中选择一种计数器样式。（3）选定完毕，单击“完成”按钮，将打开如图所示的“站点计数器属性”对话框,6.4.5插入字幕,在“网页”视图中文档窗口的底部，单击“设计”。单击要添加字幕的位置，然后输入文本并选中该文本。在“插入”菜单上，单击“Web组件”。在“组件类型”下方，单击“动态效果”。在“选择一种效果”下方，双击“字幕”。插入字幕的html代码为：字幕文字为字幕设置需要的属性，然后单击“确定”。,6.5公司网站发布,6.5.1发布到扩展的服务器6.5.2发布到支持FTP或WebDAV的服务器6.5.3发布到文件系统,6.5.1发布到扩展的服务器,在“视图”菜单上，单击“远程网站”。在文档窗口顶部，单击“远程网站属性”。在扩展的服务器上承载的网站，将在其发布后具有增强的功能，例如允许使用表单句柄和点击率统计程序。FrontPage将在发布网站时维护文件和链接。在“远程网站”选项卡上，在“远程Web服务器类型”下，单击“FrontPage或SharePointServices”。“远程网站位置”框中，键入要将文件和文件夹发布到的远程网站的Internet地址及协议（例如）或单击“浏览”定位网站。单击“确定”，设置如图所示,6.5.2发布到支持FTP或WebDAV的服务器,如果使用“远程网站”视图将网站发布到支持FTP或WebDAV的网站，则必须了解服务器名称、用户名称和密码。在“视图”菜单上，单击“远程网站”。在文档窗口顶部，单击“远程网站属性”。在“远程网站”选项卡上，在“远程Web服务器类型”下，单击“FTP”。在“远程网站位置”框中，键入要将文件和文件夹发布到的远程网站的地址及FTP协议（例如02）或单击“浏览”以定位网站。如果您要在连接到网站时查看特定的文件夹，请在“FTP目录”框中，键入文件夹的路径（例如www/images）。如果承载远程网站的服务器在每一次您将文件和文件夹发布到网站时使用不同的端口，请选中“使用被动FTP”复选框。执行下列任意操作：若要在发布网页时删除其中特定类型的代码，请在“优化HTML”选项卡上，选择所需的选项。若要更改默认的发布选项，请在“发布”选项卡上，选择所需的选项。单击“确定”。,6.5.3发布到文件系统,通过使用“远程网站”视图，您可以将网站发布到本地文件系统的文件夹或“统一命名约定”(UniversalNamingConvention，UNC)路径中。例如，您将网站发布到新的磁盘位置（例如C:Backup）来备份整个网站。在“视图”菜单上，单击“远程网站”。在文档窗口顶部，单击“远程网站属性”。在“远程网站”选项卡上，在“远程Web服务器类型”下，单击“文件系统”。在“远程网站位置”框中，键入要将文件和文件夹发布到的远程网站的地址。然后执行下列任意操作：若要在发布网页时删除其中特定类型的代码，请在“优化HTML”选项卡上，选择所需的选项。若要更改默认的发布选项，请在“发布”选项卡上，选择所需的选项。单击“确定”。,6.6拓展练习,6.6.1采用HTML设计网页6.6.2使用表单网页6.6.3使用框架网页,6.6.1采用HTML设计网页,1.HTML的基本结构（1）标签（2）标签（3）和标签（4）标签2.HTML基本语法（1）文字布局标记（2）文字格式标记（3）图片标记（4）超级链接标记（5）表格标记,6.6.2使用表单网页,1.插入表单域（1）文本框（2）选项按钮（3）文本区（4）下拉框或下拉菜单（5）对可选项目使用复选框。（6）按钮（7）分组框（8）密码域2.提交表单（1）将结果保存到文本文件、HTML文件（2）以电子邮件的形式发送结果,6.6.3使用框架网页,1.创建框架网页2.编辑框架网页3.保存框架网页4.修改框架网页5.设置目标框架6.iframe高级应用,小结,（1）通过搜索网站使用、下载工具的使