大学计算机基础 ppt

第14章FrontPage2003基本应用——1教学目标掌握创建新的网页、打开已有的网页、网页的保存，并能进行网页的属性设置。掌握文本的编辑。掌握图像操作，包括插入图像、设置图像的属性、保存包含图像的网页。掌握表格操作，包括表格的基本组成、建立和编辑表格、表格的属性设置。掌握文本超链接的建立与设置，图像超链接、热点区域、书签的建立与设置。掌握创建表单、插入表单元素、设置表单属性。掌握创建框架网页、更改框架链接的网页、框架属性设置。214.1制作企业网站案例分析3任务的提出王明家拥有一个生产管道装备的公司，现正在开拓新的市场，通过制作一个企业网站来宣传自己的公司，寻找新的客户，开拓新的市场。4解决方案创建站点。在FrontPage2003中创建站点，设置网站属性，并为相应栏目创建文件夹。页面布局。根据公司的特点，进行网页页面布局，并设置Banner、导航栏、内容栏、版权栏等。页面布局时既要考虑网站整体设计，又要考虑相关内容的放置。网页编辑。将事先准备好的素材放置到相应的位置，并设置格式。创建链接。按网页间的相互关系进行链接设置，包括文本链接、图片链接、Email链接等。5相关知识网页网页是我们在浏览器中看到的页面，它是一个单个的文件。网页里可以有文字、表格、图像、声音、视频等元素。网站中的第一个页面称为首页或主页。网站网站是存放在网页服务器上的完整信息的集合体，它包含一个或多个网页。这些网页按照一定的组织结构，以链接的方式连接在一起，形成一个整体，描述一组完整的信息。6超级链接超级链接简称链接，是指从一个网页指向一个目标对象的连接关系，它包含两个部分，即链接源和链接目标，链接源就是通常鼠标放在上面变成小手的网页元素，它可以是文档内任何地方的文本、图象或图像的某个部分，还可以是FLASH动画、FLASH文本、FLASH按钮、普通按钮、鼠标经过图像、导航栏等。链接目标就是链接所指向的网页、网页的某个位置、图象、多媒体文件、电子邮件或可下载软件、WORD文档、EXECL文档等。7表格表格是用于在网页上显示表格式数据即对文本和图像进行布局的工具。表格由一行或多行组成，每行又由一个或多个单元格组成，在单元格中可以填写文字和插入图片，或在其中嵌入表格。 表单表单（Form）是一种结构化的文件，用于收集和发布信息。它是网站管理员与访问者进行交流的一种媒介，通过访问者填写表单中的表单域，网站管理员可以收集到来自世界各地的资料和意见。目前表单主要用来进行意见调查、在线查询、网上购物、在线申请等。在表单中经常出现的表单域有：单行文本框、多行滚动文本框、单选框、复选框、下拉列表框和按钮。8框架框架是浏览器窗口中的一个区域，它可以显示与浏览器窗口的其余部分中所显示内容无关的HTML文档。网页布局网页布局是指网页内容在页面上所处位置的设计。在网页设计中常用的网页布局技术有0T0T0T表格布局、框架布局、层布局。914.2实现方法10制作步骤①创建站点②创建首页③网页布局④制作广告⑤建立导航⑥插入框架⑦插入版权信息⑧制作公司简介网页⑨制作企业文化网页⑩制作产品中心网页⑪制作联系我们网页⑫制作客户留言表单⑬建立网页链接11创建站点新建网站12站点设置13创建首页在右侧的【新建】对话框中，单击“新建网页”中的“空白网页”，并将新网页存为index.htm14网页布局将表格大小设置为4行1列，在布局中对齐方式为“居中”，表格指定宽度为759像素，单元格衬距、单元格间距均设为0，边框粗细设为0，其余为默认设置15制作广告每一个网站都有一个标题，当标题使用图片时又称为BANNER，即横幅广告将光标置于第一个单元格内，然后单击【插入】|【图片】|【来自文件】，在打开的【图片】对话框中，选择所需的图片，单击【插入】按钮，将图片插入。16建立导航导航栏是指通过一定的技术手段，为网站的访问者提供一定的途径，使其可以方便地访问到所需的内容，是人们浏览网站时可以快速从一个页面转到另一个页面的快速通道。利用导航条，可以快速找到想要浏览的页面。对第二行的单元格使用背景图片，设置单元格高度为33像素，该高度与所选的背景图片高度一样。插入一个1行6列的表格，该表格左对齐，宽度为600像素，单元格衬距、单元格间距、边框粗细均设为0在这六个单元格中分别输入网站首页、公司简介、产品中心、企业文化、客户留言、联系我们17插入框架在第三行的单元格中插入嵌入式框架，设置框架名称为content、框架宽度为100%、高度为600像素，边距宽度和高度均为1像素，将“显示边框”去掉勾选，滚动条设置为需要时显示，其余为默认设置18插入版权信息19制作公司简介网页网页标题为“河北巨龙管道公司概况”

输入公司简介插入公司图片存为intro.htm打开index.htm设置嵌入式框架的初始网页为intro.htm20制作企业文化网页插入企业文化图片wenhua.jpg插入一个4行1列的表格第一行和第三行单元格的背景色为青色在第二行插入一个10行1列的表格，该表格宽度为90%，对齐方式为居中，单元格衬距、单元格间距、边框粗细均设为02、4、6、8、10行，设单元格高度为1像素，单元格使用一个虚线背景图片背景，这样做成虚线分割线1、3、5、7、9行中输入企业文化企业誓言与企业文化做法相同21制作产品中心网页插入产品中心图片插入一条水平线，使用水平线可以分隔文本或突出重点在水平线下面插入一个1行8列的表格依次输入无缝钢管、热扩钢管、热轧钢管、直缝钢管、螺旋钢管、防腐钢管、镀锌钢管、系列管件在下面再插入一个3行1列的表格将第一单元格拆分为两列，第一列的宽度为30%，在其中插入事先准备好的无缝钢管图片。在第二列中输入产品名称、产品代码等。在第二行中插入产品详细信息第三行单元格设置高度为1像素，背景使用虚线图片。22书签一种标记在网页上面位置的一串字符。三个作用一是可以作为超链接目的端二是在网页上快速定位三是为长网页创建目录。在第一行第二列插入书签并设置书签名称为“wf”，在产品中心图片右侧插入书签“top”。在第二行单元格的最后插入“>>>返回顶部”，并链接到书签“top”。23制作联系我们网页在网页中插入图片contact.gif，再插入一条水平线，该水平线属性同产品中心水平线。插入一个1行1列的布局表格，宽度为730像素，高度为400像素，使用大小与表格大小一致的图片lxus.jpg做表格背景。表格居中，单元格衬距、单元格间距、边框粗细均设为0。在表格内输入联系方式选中E-Mail地址，链接该E-Mail地址

24制作客户留言表单插入一个表单在第一行第一列输入“留言标题”，在第二列中插入文本框第二行第一列中输入“您的称呼”，在第二列，插入两个单选按钮，分别设为“先生”和“女士”，两个都设置组名称为Sex第三行第一列输入您的QQ，将第二列拆分为3列，在第二列插入一个宽10的文本框，设置文本框名称为QQ，在第三列输入您的邮箱，第四列插入一个名称为email、宽度为20的文本框。25在第四行的第一列输入您的留言，合并第五行的两个单元格。在该单元格中插入文本区，设置名称为note，宽度为100，行数为20行。文本区一般用于大量文本的输入。合并第六行的单元格，然后将【提交】按钮和【重置】按钮剪切到第六行，并将它们居中。在站点访问者填好表单后，单击提交按钮，所输入的数据被提交给事先设定好的表单处理程序。在默认情况下，表单结果会被保存为文本文件。单击重置按钮则将删除所输入的文本，清除所做过的选择，恢复到表单的默认状态。在表单虚线内右击鼠标，打开【表单属性】对话框，选择将结果发送到电子邮件地址，并填入。单击【选项】按钮，在【电子邮件结果】选项卡中设置电子邮件格式为带格式文本，邮件标题为客户留言。2627建立页面超链接打开网页index.htm，选中网页首页，单击【插入超链接】图标，在打开的【插入超链接】对话框中，选中原有文件或网页中的当前文件夹，在其中选中index.htm，单击【确定】完成设置。然后选中公司简介，同样单击【插入超链接】图标，在打开的【插入超链接】对话框中，选中原有文件或网页中的当前文件夹，在其中选中intro.htm，在单击【目标框架】按钮，在打开的【目标框架】对话框中，选择content，单击确定完成设置。产品中心、企业文化、客户留言、联系我们的链接设置同公司简介一样2814.3案例小结29本章首先介绍了有关多媒体网页的一些基本概念，分析网页的设计理念和风