网页制作技术
合集下载
相关主题
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
网页制作技术
(4) 链接的目标 链接的目标就是指链接的内容怎样表现出来。
_blank：是指在新的窗口中打开网页。 _seft：是指在当前窗口中打开网页。 _top：是指在最顶层打开网页。 _parent：是指在父框架打开网页
网页制作技术
四、网页制作常用方法
1.用可视化网页制作工具进行页面设计 (1) FrontPage软件 (2) Dreamweaver软件 (3) Word文字处理软件
网页制作技术
二、管理站点资源
1.站点中建立文件和文件夹 2.将其它文件和文件夹导入到站点中 3.站点中的文件和文件夹的复制、移动和删除 4.导出和导入站点
网页制作技术
7.4 网页制作
一、基本操作
1.新建网页文件 执行“文件”→“新建”命令； 在“新建文档”对话框的“类别”列表中选 择“基本页”； 在“基本页”列表中选择“HTML”项，创 建一个新的网页文档。
手工直接编写（例如，用你所喜爱的ASCII文本 编辑器或其他HTML的编辑工具）
通过某些格式转换工具将现有的其他格式文档 （如Word文档）转换成HTML文档
由Web服务器（或称HTTP 服务器）一方实时 动态生成。
网页制作技术
HTML定义了3种标记用于描述页面的整体结 构，以及浏览器和HTML工具对HTML页面的 确认 一般的页面结构如下：
超文本=文本+超链接
网页制作技术
2. 超媒体
(1) 什么是超媒体 超媒体进一步扩展了超文本所链接的信息类
型。它利用集成化的方法将多种媒体的信息联系 在一起，用户不仅可以从一个文本跳到另一个文 本，而且可以激活一段音乐，显示一个图形，播 放一段动画。 (2) 超媒体的特点 从组成上看超媒体可描述为：
网页制作技术
五、网页制作步骤
1. 选定主题 2. 收集资料 3. 构思阶段 4. 总体设计 5. 修改 6. 测试 7. 上传 8. 维护
网页制作技术
7.2 Dreamweaver简介
1. Dreamweaver的启动方法 2. Dreamweaver的界面 (1) 有哪几部分组成 (2) 各自的作用
网页制作技术
2.网页的保存和打开
执行“文件”→“保存”命令，进入“另存为” 对话框，进行相应设置，设置完毕，单击“保存” 即可。 注意：新建网页后，应该立即保存，这样以后在页 面中插入的图片、链接可以以相对路径保存。 如果要对网页进行编辑，首先需要打开该网页文 件，其操作为：执行“文件/打开”命令或在文件 面板中双击网页。
网页制作技术
7.3 站点的创建和管理
一、建立新站点
一旦创建好站点结构，必须在Dreamweaver中指 定新站点，这样就可以使用带FTP功能的 Dreamweaver将站点上传到Web服务器中。
在创建网页之前最好建立本地站点，站点的本地 根目录应该是一个专门为该站点创建的文件夹。 建立站点的操作步骤：可参见实验二
网页制作技术
2.直接编写HTML格式文件 HTML（Hyper Text Markup Language， 超文本标记语言）是一种用来制作超文本文 档的简单标记语言 用HTML编写的超文本文档称为HTML文档， 它能独立于各种操作系统平台（如UNIX， Windows等）。
网页制作技术
生成一个HTML文档主要有以下三种途径：
网页制作技术
三、超文本、超媒体、超链接
1. 超文本
(1) 什么是超文本 超文本是指在文本中包含了与其他文本连接的文
件。 (2) 超文本的特点 它的链接对象是纯文本，使用了超级链接的文本下 方带有下划线，单击文件中已经定义了超链接的文 字，便可以显示与该文字相关的说明的文字资料。 从组成上看，超文本可描述为：
<HEAD>标记出现在文档的起始部分，标明 文档的题目（或介绍）、标题或主题信息， 该部分包含的是文档的无序信息，若不需头 部信息则可省略此标记。结束标记</HEAD> 指明文档标题部分的结束之处。
网页制作技术
<BODY>标记
HTML文档中的<BODY>标记用来指明文档的 主体区域，表示正文开始，通常包含其他字 符串（如标题、段落、列表等），也可简单 地理解成标题以外的所有部分。使用结束标 记</BODY>指明主体区域的结束之处。
第7章 网页制作技术
7.1 网页制作的基本概念
一、网页
1. 什么是网页 网页是一种存储在Web服务器上，通过Web
进行传输，并被浏览器所解析和显示的文档类型， 其内容由HTML语言构成。 2. 网页的特点
网页制作技术
网页制作技术
网页制作技术
2. 站点的特点
(1) 站点存储在Web服务器上。当用户访问一个 站点时，该站点中首先被打开的页面称为首页或 主页。 (2) 本地站点中的所有内容一般被组织在外部存 储器的同一个目录中，根据站点栏目或者资源类 型对文件进行分类，分别放置在不同的子目录中。 (3) 本地站点在制作完毕后，如果不经过发布是 不能被其他浏览者访问的，发布就是将本地站点 的内容传输到连接在Internet上的Web服务器中。
超媒体=媒体+超链接
网页制作技术
3. 超链接 (1) 什么是超链接
超链接是WWW上使用最多的一种技术。它是 超文本、超媒体以及与其他媒体之间的链接，也 是一种从源端点到目标端点的链接。 (2) 超链接的作用
通过超链接这种方式，可以实现不同网页之间 的跳转。
网页制作技术
(3) 超链接的形式
空链接：在链接的目标中输入一个“#”，即为空链接。 图片链接：在链接的目标中输入图片的路径，在这里图 片一定要在站点内的文件夹中ຫໍສະໝຸດ Baidu 书签链接：在链接的目标中输入“#”加书签名，书签就 是在当前网页中建立的一个锚点。 网页链接：在链接的目标中输入http://网址表示链接的 是外网的网页。如果直接输入网址，表示链接的是内部 的网页。 电子邮件链接：在链接的目标中输入mailto:电子邮件 地址，当单击链接源时，就会弹出Outlook。
<HTML> <HEAD> 头部信息 </HEAD> <BODY> 文档主体，正文部分 </BODY>
</HTML> 。
网页制作技术
<HTML>标记
<HTML>标记是HTML文档的第一个标记，它 通知客户端该文档是HTML文档。结束标记 </HTML>应该出现在HTML文档的尾部。
<HEAD>标记
(4) 链接的目标 链接的目标就是指链接的内容怎样表现出来。
_blank：是指在新的窗口中打开网页。 _seft：是指在当前窗口中打开网页。 _top：是指在最顶层打开网页。 _parent：是指在父框架打开网页
网页制作技术
四、网页制作常用方法
1.用可视化网页制作工具进行页面设计 (1) FrontPage软件 (2) Dreamweaver软件 (3) Word文字处理软件
网页制作技术
二、管理站点资源
1.站点中建立文件和文件夹 2.将其它文件和文件夹导入到站点中 3.站点中的文件和文件夹的复制、移动和删除 4.导出和导入站点
网页制作技术
7.4 网页制作
一、基本操作
1.新建网页文件 执行“文件”→“新建”命令； 在“新建文档”对话框的“类别”列表中选 择“基本页”； 在“基本页”列表中选择“HTML”项，创 建一个新的网页文档。
手工直接编写（例如，用你所喜爱的ASCII文本 编辑器或其他HTML的编辑工具）
通过某些格式转换工具将现有的其他格式文档 （如Word文档）转换成HTML文档
由Web服务器（或称HTTP 服务器）一方实时 动态生成。
网页制作技术
HTML定义了3种标记用于描述页面的整体结 构，以及浏览器和HTML工具对HTML页面的 确认 一般的页面结构如下：
超文本=文本+超链接
网页制作技术
2. 超媒体
(1) 什么是超媒体 超媒体进一步扩展了超文本所链接的信息类
型。它利用集成化的方法将多种媒体的信息联系 在一起，用户不仅可以从一个文本跳到另一个文 本，而且可以激活一段音乐，显示一个图形，播 放一段动画。 (2) 超媒体的特点 从组成上看超媒体可描述为：
网页制作技术
五、网页制作步骤
1. 选定主题 2. 收集资料 3. 构思阶段 4. 总体设计 5. 修改 6. 测试 7. 上传 8. 维护
网页制作技术
7.2 Dreamweaver简介
1. Dreamweaver的启动方法 2. Dreamweaver的界面 (1) 有哪几部分组成 (2) 各自的作用
网页制作技术
2.网页的保存和打开
执行“文件”→“保存”命令，进入“另存为” 对话框，进行相应设置，设置完毕，单击“保存” 即可。 注意：新建网页后，应该立即保存，这样以后在页 面中插入的图片、链接可以以相对路径保存。 如果要对网页进行编辑，首先需要打开该网页文 件，其操作为：执行“文件/打开”命令或在文件 面板中双击网页。
网页制作技术
7.3 站点的创建和管理
一、建立新站点
一旦创建好站点结构，必须在Dreamweaver中指 定新站点，这样就可以使用带FTP功能的 Dreamweaver将站点上传到Web服务器中。
在创建网页之前最好建立本地站点，站点的本地 根目录应该是一个专门为该站点创建的文件夹。 建立站点的操作步骤：可参见实验二
网页制作技术
2.直接编写HTML格式文件 HTML（Hyper Text Markup Language， 超文本标记语言）是一种用来制作超文本文 档的简单标记语言 用HTML编写的超文本文档称为HTML文档， 它能独立于各种操作系统平台（如UNIX， Windows等）。
网页制作技术
生成一个HTML文档主要有以下三种途径：
网页制作技术
三、超文本、超媒体、超链接
1. 超文本
(1) 什么是超文本 超文本是指在文本中包含了与其他文本连接的文
件。 (2) 超文本的特点 它的链接对象是纯文本，使用了超级链接的文本下 方带有下划线，单击文件中已经定义了超链接的文 字，便可以显示与该文字相关的说明的文字资料。 从组成上看，超文本可描述为：
<HEAD>标记出现在文档的起始部分，标明 文档的题目（或介绍）、标题或主题信息， 该部分包含的是文档的无序信息，若不需头 部信息则可省略此标记。结束标记</HEAD> 指明文档标题部分的结束之处。
网页制作技术
<BODY>标记
HTML文档中的<BODY>标记用来指明文档的 主体区域，表示正文开始，通常包含其他字 符串（如标题、段落、列表等），也可简单 地理解成标题以外的所有部分。使用结束标 记</BODY>指明主体区域的结束之处。
第7章 网页制作技术
7.1 网页制作的基本概念
一、网页
1. 什么是网页 网页是一种存储在Web服务器上，通过Web
进行传输，并被浏览器所解析和显示的文档类型， 其内容由HTML语言构成。 2. 网页的特点
网页制作技术
网页制作技术
网页制作技术
2. 站点的特点
(1) 站点存储在Web服务器上。当用户访问一个 站点时，该站点中首先被打开的页面称为首页或 主页。 (2) 本地站点中的所有内容一般被组织在外部存 储器的同一个目录中，根据站点栏目或者资源类 型对文件进行分类，分别放置在不同的子目录中。 (3) 本地站点在制作完毕后，如果不经过发布是 不能被其他浏览者访问的，发布就是将本地站点 的内容传输到连接在Internet上的Web服务器中。
超媒体=媒体+超链接
网页制作技术
3. 超链接 (1) 什么是超链接
超链接是WWW上使用最多的一种技术。它是 超文本、超媒体以及与其他媒体之间的链接，也 是一种从源端点到目标端点的链接。 (2) 超链接的作用
通过超链接这种方式，可以实现不同网页之间 的跳转。
网页制作技术
(3) 超链接的形式
空链接：在链接的目标中输入一个“#”，即为空链接。 图片链接：在链接的目标中输入图片的路径，在这里图 片一定要在站点内的文件夹中ຫໍສະໝຸດ Baidu 书签链接：在链接的目标中输入“#”加书签名，书签就 是在当前网页中建立的一个锚点。 网页链接：在链接的目标中输入http://网址表示链接的 是外网的网页。如果直接输入网址，表示链接的是内部 的网页。 电子邮件链接：在链接的目标中输入mailto:电子邮件 地址，当单击链接源时，就会弹出Outlook。
<HTML> <HEAD> 头部信息 </HEAD> <BODY> 文档主体，正文部分 </BODY>
</HTML> 。
网页制作技术
<HTML>标记
<HTML>标记是HTML文档的第一个标记，它 通知客户端该文档是HTML文档。结束标记 </HTML>应该出现在HTML文档的尾部。
<HEAD>标记