它的格式为：<BODY background=“image-URL” bgcolor=“color” text=“color” link=“color” alink=“color” vlink=“color” leftmargin=“value” topmargin=“value”>…</BODY>。
15 15
一个最基本的超文本文档的源代码
<HTML> <head> <title>第一次做网页</title> </head> <body> 第一次做网页，不好意思！嘻嘻！ <b>****好开 心:)*****</b> </body> </HTML>
16
文件头
文件主体
16
结构标记
• HTML文件标记：
21
21
HTML的基本概念
2）双标记
所谓“双标记”是指由“始标记”和“尾标记”两部分构成，必 须成对使用的标记。其中始标记告诉Web浏览器从此处开始执行该 标记所表示的功能，而尾标记告诉Web浏览器到这里结束该功能。 始标记前加一个斜杠（/）即成为尾标记。 双标记的语法是：<标记>内 容</标记>， 其中“内容”是指要被这对标记施加作用的部分。例如想突出对 某段文字的显示，可以将此段文字放在<EM></EM>这对标记对中， 写成： <EM>第一</EM>。 说明： HTML语言中的标记不区分大小写
19
19
一个简单的HTML实例
<HTML> <HEAD> <TITLE>一个简单的HTML示例</TITLE> </HEAD> <BODY> <P align=“CENTER”><b><FONT size=“7” color=“#0000FF”>网页设计大家学</FONT></b></P> </BODY> </HTML>
8
8
第一部分 Internet基础
4、URL和超链接 Internet是全球最大的信息库，每个服务器上都有 成千上万的各种资源，那么如何标识这些资源呢？用 于解决这一问题的是统一资源定位地址URL。URL是 全球www网服务器资源的标准寻址定位编码，它被用 来确定资源的相应位置，也就是人们常说的网址。 ＵＲＬ采用统一的格式： 协议名：//服务器的IP地址和域名/路径/文件名。 如：/index.html 超链接是www中最具活力的组成部分，通过它 Internet上的网页才得以连接，从而形成信息网。
11
11
学习HTML的意义
HTML是网页制作的基本语言，虽然不懂得HTML也 能够制作出漂亮的网页，但了解它可以更方便灵活地控制网 页。到目前为止很多网络专家还是用记事本之类的编辑器手 工编写HTML文件，他们认为采用这种方式编写的网页有 如下优点： （1）浏览器解释效率高。 （2）格式漂亮。 （3）无任何垃圾代码产生，加快了网页的传输速度。
13
13
HTML简介
创建HTML文档的方法： 1.首先打开“记事本”程序（方法是「开始」-「程序」「附件」-「记事本」） 2.将下面代码复制好粘贴到记事本上。 <html> 思考：我们常见的网页 <head> 还有哪些扩展名？ <title>这里是标题</title> </head> <body> 这里是放置网页内容的文本区域 </body> </html> 3.以扩展名为htm或是html 来保存文件即可。
27
27
HTML的文本格式标记
9 9
第一部分 Internet基础
上就是一个用超文本标记语言HTML 编写的文本文件，从而把文字、表格、图像、动画、 声音和视频等各种媒体有机组合在一起。Html语言 能够运行于各种操作系统。
10
10
学习HTML的意义
当电脑用户畅游互联网时，在浏览器中所看到 的各种各样缤纷多彩的网站页面，在后台都是由 HTML语言构成的。可以说，任何的网页页面都是 以HTML语言为核心和基础的，因此了解并掌握 HTML的相关语法知识，是网页设计制作人员所应 具备的基本素质。
20
20
HTML的基本概念
要了解HTML语言，先来熟悉一下HTML中的一些基本 概念。
1．标记
在HTML中用于描述功能的符号称为“标记”，它是用来控制文 字、图像等显示方式的符号，例如上页代码中的“HTML”、 “HEAD”、“BODY”等。标记在使用时必须用“< >” 括起来，标 记有单标记和双标记之分。 1）单标记 所谓“单标记”是指只需单独使用就能完整地表达意思的标记。 这类标记的语法是：<标记名称>。 最常用的单标记如<BR>, 它表示换行。
12
12
HTML简介
• HTML：HyperText Marked Language, 即超文本标记 语言，是一种用来制作超文本文档的简单标签语言。 • HTML文档 ：用HTML编写的超文本文档，其扩展 名：.htm或者.html。HTML文档可以用一个简单的文 本编辑器（记事本）手工输入创建，也可通常用专门 的软件（FP、DW）创建。
22
22
HTML标记
• 标记都是“<xxx>”的形式出现。
• HTML文档一行可以写多个标记，一个标记也可以 分多行写，建议书写时清晰
• HTML文档中的换行，回车和空格在网页预览中是 不显示的，必须使用标记表示换行（<br>），回车 （<p>）和空格*（ ）
23
23
标记属性
许多单标记和双标记的始标记内可以包含一些属性， 其语法是：<标记名称 属性1 属性2 属性3 … > 各属性之间无先后次序，属性也可省略（即取默认值）。 例如单标记<HR>表示在文档当前位置画一条水平线，一般是从窗口 中当前行的最左端一直画到最右端，它可以带这么一些属性： <HR size=“3” align=“LEFT” width=“75%”> 其中，size属性定义线的粗细，属性值取整数，缺省值为1； align属性表示对齐方式，可取LEFT（默认值）,CENTER，RIGHT； width属性定义线的长度，可取相对值（由一对“ ”号括起来的百分数， 表示相对于整个窗口的百分比），也可取绝对值（用整数表示的屏幕 像素点的个数，如width=“300”），默认值是100%。（说明：属性后 面是文字时加双引号，数字或者英文字母可以不加）
24
24
注释语句
• 功能：方便理解复杂的语句。 • 注释语句浏览器不会显示，仅供设计人员阅读方便 • 形式：<!--注释内容--> 说明：“<！--”表示注释开始，“-->”表示注释结束，中间的 所有内容表示注释文 • 如：<!-- This is a comment -->
25
25
HTML的语法规则
26
26
HTML的语法规则
• 与空格的表示方法有些相似，一些特殊符号是凭借特殊的符号码来 表现。通常由“&”前缀，加上字符对应的名称，再加上后缀“；” 而组成。如表3-1（P63)所示列出了一些常见的HTML特殊符号的表 示方法。
（6）网页中所有的显示内容都应该受限于一个或多个标记，不应有游 离于标记之外的文字或图像等，以免产生错误。
17
17
结构标记
<TITLE>标记：<TITLE>网页标题</TITLE>。 <TITLE>元素定义HTML文档的标题， <TITLE>与 </TITLE>之间的内容将出现在浏览器的标题栏中，一 个网页只能有一个标题，并且只能出现在文件的头部。
18
18
结构标记
• BODY文件主体标记 ： 文件主体用<BODY>和</BODY>标记，它是HTML文档 的主体部分，网页正文中的所有内容包括文字、表格、图像、 声音和动画等都包含在这对标记对之间。
3
3
第一讲 网页设计与制作基础
教学目标：
– – – – 了解internet基础知识 了解网页图像基础知识 了解常用的网页制作软件及其特点 了解网页的布局和色彩搭配
4
4
第一部分 Internet基础
1、Internet与www服务
计算机网络，简单地说，就是用通信线路把若干计 算机连接起来，再配以适当的软件和硬件，以达到计算 机之间资源共享和信息交换的目的。 Internet的中文名 称是因特网或国际互联网，它是一个几乎覆盖了全世界 的计算机网络。 Internet提供的服务主要有万维网、电子邮件、文 件传输、远程登录和新闻与公告类。
5
5
第一部分 Internet基础
1、Internet与www服务
www服务，也称为web，是互联网上最为先进、应 用最广、交互性能最好的信息检索工具。www采用网 页的形式提供文本、图像、动画、声音、视频等信息， 采用超文本、超链接的技术组织网页间的链接。用户可 以便捷地通过超链接从某一网页跳转到其他网页。 由于网页能存放在全球的任何一台计算机上，所以 一旦与WWW连接，用户就可以使用相同的方式轻松地 接收全球任何地方的信息。
6
6
第一部分 Internet基础
2、服务器与客户机
Internet连接着难以计数的计算机，按照功能它们 大致可以分为服务器和客户机两类。 服务器是提供资源和服务的计算机。例如，www服 务器上存储了大量网页供客户浏览，对网页进行管理 并为客户提供各种信息检索服务。一般而言，对服务 器的性能要求比较高，例如更快的运算速度、更大容 量的存储和更高的可靠性。 客户机是供用户使用资源和享受服务的计算机。客 户机上最常用的软件就是浏览器和收发邮件的相关程 序，还有网上聊天工具或网络游戏等其他程序。
