信息技术应用基础 教学课件 作者 孟繁增 等 第8章--改.pptVIP

第8章 网页制作软件FrontPage 2003 知识目标 了解FrontPage 2003软件的基本功能 理解网站、网页与主页的含义 认识并使用超链接 了解模板与框架的基本概念 了解网页排版的基本原则 技能目标 能够说出网站、网页与主页的含义 能够熟练地创建和保存网页文件 能够完成简单网站的创建、编辑和管理 能够在本地计算机和互联网上发布网站 能够对网站、网页与主页进行简单评价 8.1 网页的基本概念 8.1.1 网页和网站 在Internet提供的WWW浏览功能中，呈现出的一页内容（包括文字、图片、图像、声音等）称为网页。一个网页文件就是一个HTML文档。HTML即超文本标记语言 网站是相关网页的集合，是许多相关网页有机结合而相成的一个信息服务中心。网站内各网页之间有一定的链接关系。 主页特指用户进入站点后所看到的第一个页面。 8.1.2 网页基本元素 文本 图片:在网页中插入的图片文件通常为JPG、GIF、PNG等格式。 超级链接：简称超链接，是“超文本链接”的缩略语。水平线：在网页中为分隔不同区域而添加的水平线段。 表格：在网页中采用表格具有两个目的：（1）用于网页布局设计，能够合理地定位页面上的文本和图像等页面元素；（2）用来显示分类数据。 表单：通过表单可以获取浏览者的信息或请求，从而达到与浏览者沟通交流的目的。 框架：框架是网页的一种特殊结构，它可以将浏览视窗分为不同的子窗口，而每一个框架可打开一个网页文件。 动态元素：包括GIF动画、悬停按钮、广告横幅、滚动字幕、网站计数器和动态视频等。 8.1.3 HTML语言基础 HTML语言是超文本标记语言（Hyperlink Text Markup Language）的缩写。它是一种描述文档结构的语言，它在文本文件的基础上加入了一系列描述性标识符号，用于描述对象所在的地址，指明描述对象的性质，如指明是表格、线条、图片、多媒体文件或是其它对象。用HTML语言编写的页面是纯文本文档，可以被任何文本编辑器读取。 HTML文档包含两种信息：页面本身的文本和表示页面元素、结构、格式及其它超文本链接的HTML标签。 1．标签的格式 HTML标签的格式： 〈标签名〉相应内容〈／标签名〉 2．常用标签 HTML标签 HEAD标签 BODY标签 TITLE标签 P标签 注释：!--注释信息-- 操作实例6-1 利用记事本创建网页文件“实例一.htm”。 8.2 FrontPage 2003简介 8.3 创建和设计网页 创建网站的基本步骤： 1．创建网站文件夹。 2．搜集图片、声音等文件素材，并按类别存放到所创建的网站文件夹下。 3．启动FrontPage 2003，创建站点。 4．创建并编辑网页。 下面以软件3041、2班级（合堂班级）网站为例来介绍网站的创建以及网页的设计等操作。 8.3.1 建立网站 1．准备工作 （1）在E:\上创建一个名为mySite的网站文件夹。 （2）在E:\mySite文件夹下创建两个文件夹：images（存放图像素材文件）和midi（存放声音素材文件）。 （3）搜集网站素材，并存放到相应的文件夹中。 2．建立网站 （1）选择【开始】→【程序】→【Microsoft Office】→【Microsoft Office FrontPage 2003】快捷方式，启动FrontPage 2003。 （2）选择【文件】→【新建】命令，自动打开“新建”任务窗格。 （3）单击“新建”任务窗格的“其它网站模板”选项，打开“网站模板”对话框，如图6-5所示。 （4）选择“常规”选项卡，单击“空白网站”模板。在“指定新网站的位置”输入框内输入“E:/mySite”，指定该文件夹为网站文件的保存位置。如果需要指定其它位置，则单击【浏览】按钮，以找到目标文件夹。 8.3.2 创建网页 在创建网站后，接下来的工作是创建并编辑网页。 1．单击“常用”工具栏上的【新建】按钮，即可创建新的网页。创建的网页文件名默认为new_page_1.htm，其中“1”为序号。 2．保存文件。在“常用”工具栏上单击【保存】按钮，在打开的“另存为”对话框中输入文件名为“index.htm”，保存类型为“网页” 。若保存的网页为网站的首页，通常将其命名为index.htm或index.html，文件名为小写字符。 8.4 编辑网页 8.4.1 添加基本元素 1．设置网页属性 2．设置页面的背景图片 3．预览网页(快捷键【F12】) 4．在网页中利用表格进行排版 设置表格边框 设置单元格的背景图片 添加文字 插入图片 8.4.2 创建超链接 1．网站内的链接 2．链接到网站外的网址 3．链接到电子邮箱 8.4.3 插入Web组件 8.4.4 完善