《第七章网页设计与网站建设基础知识.ppt》由会员分享，可以在线阅读。更多相关《第七章网页设计与网站建设基础.ppt（28页珍藏版）》请在智学网搜索。

1. 第 7 章 网页制作 第 7 章 网页制作 第 7 章 网页制作 网页制作 7.0 本章要求 7.1 理解理解.2 创建网站和网页 创建网站和网页 7.3 HTML 制作 网页制作 7.4发布与发布WEB页面第七章网页制作网页制作通过本章的学习，您应该掌握（1）窗口的构成和视图方式2000年。 （2）创建网站和网页，插入和编辑图片、表格、多媒体信息等。 （3）创建框架网页和表格。 (4)通过搭建个人服务器发布WEB或预览WEB页面。返回本章首页 返回本章首页 第7章 网页制作 网页制作 7.1 了解界面和Wo

2.rd非常相似。窗口左下角有三个查看按钮。 1.“普通”视图是普通的编辑环境。 2、“HTML”视图是自动生成的HTML语句，可以修改HTML源文件。 3.“预览”视图可以预览网页的效果。第七章 网页制作 网页制作 主编辑窗口 视图栏 菜单栏 工具栏 文件夹栏 窗口转换栏 状态栏 第七章 网页制作 网页制作 2000 2000 有 6 个视图，您可以用它们来编辑网页、管理站点文件夹、生成报告、管理站点的导航地图、编辑站点中网页之间的链接以及实施任务管理。 1. 网页视图 2. 文件夹视图 3. 报表视图 4. 导航视图 5. 超链接视图 6. 任务视图 返回本章首页 返回本章首页 第 1 章

3. 第 7 章 网页制作 网页制作 7.2 创建站点和网页 创建站点和网页 1. 1. 创建站点 创建站点 为了将网页发布到万维网的 WEB 服务器上，供其他用户浏览和使用使用时，需要先创建一个站点。然后使用“导航”视图来管理网页的层次关系和链接关系。创建新站点时，“文件夹”视图或“文件夹列表”列中将出现两个新文件夹。其中一个文件夹名为“”。该文件夹供用户保存当前网站。图片文件，在制作网页之前，可以将所有想要使用的图片保存到这个文件夹中；另一个文件名为“”，该文件夹是用来保存系统像“”一样的缓存文件夹，使用过程中请勿删除。第七章 网页制作 网页制作 2. 2. 新建

4、网页创建 新建网页创建主要包括文字处理、图像处理、表格处理和超链接设置等操作。它是一个具有并排图形和文本的综合文档处理模块。文本插入、删除、格式化、查找与替换、复制与移动、段落格式化等常规文字处理操作完全相同。用户只需要在2000中使用类似的方法即可完成文本处理。本节重点介绍如何使用“表格”工具对网页进行布局、插入和编辑图片、设置超链接以及使用框架来创建网页的布局。第七章 网页制作 网页制作 3. 创建表格 3. 创建表格 使用创建的表格不仅可以清晰地表达文字、图像、表格，还可以提供导航工具和WEB站点的整体布局。它用于网页设计。

5、计算过程应用广泛。 1 创建表格 2 编辑表格 3 设置表格属性 您可以使用“表格属性”命令重新指定表格的宽度、对齐方式、边框粗细、单元格边距和空间等属性。 4 文本与表格相互转换第七章网页制作网页制作4.插入图片4.插入图片1 1.网页图片格式，网页图片格式。网页中常用的图片格式有GIF和JPEG。 。注意这两种格式的区别 2 2.在网页中插入图片，在网页中插入图片 3 3.添加视频或背景音乐，添加视频或背景音乐 4 4.图片属性，图片属性 5 5.编辑图片、编辑图片第七章网页制作网页制作五、特效五、特效这里简单介绍一下如何使用“滚动字幕”功能为网页添加特效。第7章

6. 网页制作 网页制作 6. 网页属性设置 6. 网页属性设置 网页的属性包括网页的标题、位置、背景、页边距、语言等重要信息。 1. 常规属性设置 (1) 位置框：指定网页的URL。 (2)标题：给出网页的标题。 (3)背景音乐：指定打开网页时浏览器自动播放的音乐。 2、背景属性设置 第七章网页制作 网页制作 3、设置网页边距主要用于设置网页相对于窗口的上边距和左边距。第七章 网页制作 网页制作 7. 保存和预览网页 7. 保存和预览网页 2000 没有自动保存功能，所以一般情况下，用户需要保存当前站点的网页。如果要将网页保存到其他位置，则需要使用“文件”菜单中的“另存为”命令来保存具体的保存方式。

7. 类似。第7章 网页制作 网页制作 超链接是从一个网页或文件到另一个网页或文件的链接。当站点访问者单击超链接时，目标将显示在 Web 浏览器中，并根据目标类型打开或运行。超链接的形式有很多种，这里主要介绍以下三种类型。 (1) 创建网页的超链接 (2) 创建电子邮件的超链接 (3) 使用书签创建超链接。书签可用于跳转到同一页面的不同部分。您需要在创建超链接之前定义它。书签。然后只需将超链接直接指向书签即可。 8. 创建超链接 8. 创建超链接 第 7 章 网页制作 网页制作 9. 9. 框架的创建与应用 框架的创建与应用 网页是一种特殊的 HTML 网页，它可以将浏览器窗口分为几个区域，每个区域

8. 每个区域可以显示不同的网页。由一组框架组成的网页称为框架页面，每个框架页面都可以使用相应的模板来创建。 1 创建框架网页 创建框架网页 2. 设置框架网页的属性，设置框架网页的属性 3. 保存框架网页，保存框架网页，即可保存网页由框架和框架网页本身显示。值得注意的是，保存时，必须按照系统提示来确定将网页保存到哪个框架。一般情况下，2000会自动保存框架网页以及每个框架中的网页。第 7 章 网页制作 网页制作 10. 10. 表单 表单是信息的集合，用于收集有关站点访问者的信息，例如他们的订购、运输和付款方式。 1. 表单字段和表单字段 常见的表单字段包括以下几种： (1) 文本框 (2) 选项按钮 (3) 下拉框 (4) 勾选

9.框（5）按钮（6）密码字段（7）滚动文本框2 2.创建表单，创建表单（1）创建“请求”表单（2）创建“确认”表单第七章网页制作网页制作3.处理表格及处理表格。表单的最终目标是将用户信息发送到处理该信息的目标对象。要实现该功能，需要将表单信息发送到WEB服务器。发送方式有四种：第一种是直接发送到文件。第二种是将其作为电子邮件发送。第三步是发送到数据库。第四种是发送给其他对象。返回本章首页 返回本章首页 第 7 章 网页制作 网页制作 7.3 WEB 页面的 HTML 制作 1. 1. 基本基本语法 语法 在 HTML 中，所有标签都用括号括起来，如换行标签。一般来说，

10. 下面，标签不区分大小写。大多数标签成对出现，例如开始标签和结束标签。它们之间的区别在于结束标记有一个斜杠。当然，有些标签是成对出现的，比如or。对于许多标签，还包含一些属性来提供对标签作用的更详细的控制。所有属性都放在开始标记的尖括号内，属性和标记之间用空格分隔。使用“=”连接属性和属性值。第七章 网页制作 网页制作 二． 2. 文件结构 文件结构 1. HTML 标记 HTML 标记的一般形式为： ，标记HTML 文件的开始和结束。 。 2. HEAD标记 HEAD标记的一般形式为： ，标记文件的标题区域，用于命名文档，并提供有关文档内容的信息。 3.身体标记

11、BODY标记的一般形式为： ，表示文件的主体区域。实际文档内容标记在 和 之间，显示在 Web 浏览器窗口的用户区域中。该标签的属性及设置方法为： 第七章网页制作 网页制作 (1)页面背景颜色：=“颜色值”。 (2)页面背景图形：=“图形文件名”。 (3) 文本颜色：TEXT＝“颜色值”。 (4)超链接：与网页中的链接有关。 4、标签的一般形式为： ，表示HTML的标题。它是在标签内成对出现的标签。第七章 网页制作 网页制作 3. 3. 文本格式 文本格式 1. 文本分割 (1) 标记 (2) br (3) hr (4) Hn (n 从 1-

12. 6) (5) 居中对齐标记 2. 字体标记 设置字体大小、颜色和字体样式的方法有多种： (1) 设置文档主体的文本颜色：标记 (2)设置字体大小、颜色、字体：标记。 (3) 设置字体大小、颜色、字体标签。 第7章网页制作 网页制作 四．四．列表格式 列表格式 HTML 提供了多种类型的列表标签用于项目标识，并且各种列表可以相互嵌套。 ，各种列表标签嵌套时不能重叠。 (1)无序列表的一般格式：，列表项标记。 (2)有序列表的一般格式：、列表项标记。 (3)目录列表的一般格式：，列表项为。第 7 章 网页制作 网页制作 5. 5. HTML 超链接和图像格式 超链接和图像格式 1. 超文本链接 (1) 链接到另一个

13、一个文件或URL，其常用的格式是：第一个文件。 (2) 要链接到另一个段落，必须先为要跳转到的目标位置定义一个书签，然后使用设置链接到指定的书签。第七章 网页制作 网页制作 2、设置图片 设置图片常用的标签表示为，即图形文件的名称。 IMG 元素有两个重要属性： ALT。属性描述和文本根据位置对齐。参数包括TOP、、、LEFT 和。第7 章网页制作 网页制作 6. 6. HTML 表格格式 表格格式 表格由标签定义，每个表格以可选标题（由标签定义）开头。使用 .标记来定义表行，.标记来定义数据项，并且 .标记来定义数据内容。返回本章首页 返回本章首页 第七章 网页制作 网页制作 7.4 发布网页 7.4.1 申请服务器空间 7.4.2 设置个人服务器 设置流程图搭建个人服务器如下。安装DNS、设置本地IP地址、创建域并映射IP地址、安装和设置FTP服务器 7.4.3 使用发布WEB页面返回本章首页。返回本章首页。