第九章网页制作解读.ppt

第九章 网页制作 本章内容 9.1 HTML概述 HTML简介 HTML文件的三个基本特征 HTML文件结构 HTML简介 HTML即超文本标记语言，简单易学。用HTML语言编写的网页实际上是一种文本文件，它以.htm或.html为扩展名，我们可以使用任何文本处理软件（例如：记事本、写字板）编写。 HTML简介 HTML文件的三个基本特征 文件扩展名为htm或html HTML文件由标记命令和文本组成 标记名文本内容/标记名 标记名写在“ ”内。多数HTML标记同时具有起始和结束标记，成对出现，但也有些HTML标记没有结束标记。HTML标记不区分大小写。 文件中含有热点文本 HTML文件结构 9.2 FrontPage2003 及应用 FrontPage基础 FontPage视图 网页制作 网页布局 创建表单页面 网页发布 FrontPage基础 FrontPage 2003中的视图 FrontPage 2003提供了以下几种视图以方便用户对站点的管理，用户可以在不同的视图中进行相应的操作。 FrontPage 2003中的视图 网页视图 ：创建、编辑、预览网页 文件夹视图：创建、移动和删除文件和文件夹 报表视图 ：了解站点的文件内容、更新链接情况、 组建错误、所有文件列表及变化情况等 导航视图 ：以层次结构图形式显示站点的链接结构 超链接视图：表示了各个网页间的链接关系 任务视图 ：创建和管理任务 远程网站视图：发布网站 网 页 制 作 创建站点 网页编辑 插入对象 创建超链接 创建站点 使用FrontPage 2003的模板和向导，用户可以轻松地创建出各种用途和风格的站点。 新建站点时，可以根据自己的需求选择不同的模板和向导。对于不同的模板和向导，其新建站点的步骤略有不同。 创建站点 该站点只有一个空白网页index.htm（主页）和用于存储图片的文件夹images，你可以打开index.htm进行编辑，也可以进一步根据网站规划创建文件夹和新建其他网页。 网页编辑 新建网页 打开网页 设置文字格式 设置段落格式 设置网页属性 预览网页 新建网页 根据“网页模板”创建网页，可以按下面的步骤： 单击“文件”菜单的“新建”命令，选择“新建网页”中的“其他网页模板”。 在弹出的对话框中选择所需的网页模板。 单击“确定” ，系统将新建一个基于所选模板的网页。 打开网页 打开网页的方法有多种，常用的有以下几种： 使用“文件”菜单的“打开”命令，或“常用”工具栏的“打开”按钮，在弹出的“打开文件”对话框中选择相应的网页； 如需要打开的文件已在打开的网站中，双击该网页图标即可将其打开。 设置文字格式 设置文字格式的一般操作步骤是：选中文字，单击“格式”菜单的“字体”命令，在 “字体”对话框中设置字体的各种属性，也可以使用“格式”工具栏中相应的命令按钮。 设置段落格式 文字段落的格式编排对于一个网页的外观是至关重要的。FrontPage 2003通过按Enter键划分段落。如果只是需要换行，按Shift+Enter键即可。按Enter键在HTML代码中插入的是p标记，而按Shift+Enter键则插入的是br标记。 设置段落格式 段落格式主要包括对齐方式、缩进和段落间距等。设置段落格式的一般方法如下： 将插入点移动到要设置格式的段落中，或是选中该段落，单击“格式”菜单的“段落”命令，在弹出的“段落”对话框中进行各种段落格式属性的设置。 设置网页属性 网页属性包括网页的标题、格式、页边距等。要设置网页属性，用户可以使用“文件”菜单的“属性”命令，或者在网页的任意地方单击鼠标右键，在弹出的菜单中选择“网页属性”命令，FrontPage 2003将显示“网页属性”对话框。 预览网页 方法1：使用预览视图 方法2：文件菜单——在浏览器中预览 插入对象 插入水平线 插入图片 插入字幕 插入交互式按钮 插入水平线 水平线将网页分割成几个部分，使得网页更具条理性。具体操作步骤如下： 在准备插入水平线的位置设置插入点； 单击“插入”菜单的“水平线”命令，插入水平线。 要修改水平线的外观，可以双击水平线，打开“水平线属性”对话框。 插入图片 在WWW上常用的图像文件格式是JPEG和GIF，适合于网络传输。 GIF采用无损压缩方式，支持动画、透明度、图形渐进，但图像包含的颜色不能超过256种。 JPEG格式它采用有损压缩方式，支持真彩色（24位色），并且在压缩大的图像方面已被证明很有效。 插入图片 插入图片的步骤： 移动光标至插入图像的位置； 单击“插入”菜单的“图片”命令，在子菜单中选择“来自文件”，弹出“图片”对话框； 利用“图片”对话框选取需要插入的图片文件，单击“插入”按钮，即可将图片插入