HTML语言介绍(一).ppt

第2课 HTML语言介绍（一）
1.1 课前导读
1.2 课堂教学
2.2.1 2.2.2 2.2.3 2.2.4 2.2.5
HTML基础 HTML入门——简单标记的认识与使用 段落和文字标记 建立超级链接 加入图片
1.3 上机练习
1.4 课后作业
1.1 课前导读
1. 什么是HTML 2. HTML的作用 3. HTML的编辑环境 4. 专用的网页编辑器
⑥ 加入多媒体。可以在网页中加入音频、视频、 动画，还能设定播放的时间和次数。
⑦ 交互式窗体、计数器等。为获取远程服务而设 计窗体，可用于检索信息、定购产品等。
HTML是最基本的网页制作语言，其他的专用网页 编辑器（如FrontPage，Dreamweaver等）都是以HTML 为基础的。
3. HTML的编辑环境
1. 什么是HTML
HTML是Hyper Text Markup Language（超文本标 记语言）的缩写，它是构成Web页面（Page）的主要 工具，是用来表示网上信息的符号标记语言。
HTML是一种用于网页制作的排版语言，是Web最 基本的构成元素。HTML并非一种编程语言。用HTML标 记文档或给文档添加标记，使文档可在WWW上发布。 用HTML准备的文档包含引用图形和格式标记。用Web 浏览器可以查看这些HTML文档。
用HTML的语法规则建立的文档可以运行在不同操 作 系 统 的 平 台 上 。 因 此 ， HTML 文 档 属 于 纯 文 本 文 件 （它能用任意的文本编写器书写）。
2. HTML的作用
HTML语言作为一种网页编辑语言，易学易懂，能 制作出精美的网页效果，其作用如下：
① 格式化文本。如设置标题、字体、字号、颜 色；设置文本的段落、对齐方式等。
① 完全的所见即所得工具：所谓所见即所得，就 是在编辑网页时看到的效果，与使用浏览器时看到的 效果基本一致。如果希望建立一个美观而又不复杂的 站点，这种工具非常适合，可以很轻松地制作想要的 效果，但是必须按照这些软件的要求来设计。典型的 工具有Drumbeat、NetobjectFusion。
② 纯粹的HTML代码编辑工具：用纯粹的HTML代码 编辑工具，用户可以对页面进行完全的控制。使用这 些工具时，直接编辑原始的HTML代码，在对页面进行 加工时，不会破坏原有的代码。
当然，这并不是说用户得从头到尾编写每一种效 果的HTML源代码。因为这些工具通常带有许多辅助工 具，可以帮助用户创建表格、表单，以及其他复杂的 结构，并对创建的页面进行预览。
这些工具最大的不足是必须会HTML语言。当然， 要想成为一个好的网页制作人员，HTML还是应当掌握 的。
这 类 工 具 中 典 型 的 有 HomeSite 、 HotDogProfessional、HTMLedPro、WebEditPro。
HTML文件的设计制作与一般程序设计语言之间最 大的不同在于，HTML具有跨平台的处理能力。也就是 说，只要有适当的浏览器，不管使用何种操作系统， 都能阅读制作的HTML文件。
4. 专用的网页编辑器 HTML作为最基本的网页编辑语言，能实现制作网
页的各种效果。但是，它毕竟是一种代码，得记住一 些标记。因此，为了使设计网页更加简单方便，有些 公司和人员就设计了专用的网页编辑器。专用的网页 编辑器主要分为3大类。
② 建立超链接。通过超链接检索在线的信息， 只需用鼠标单击，就可以到达任何一处。
③ 创建列表。把信息用一种易读的方式表现出 来。
④ 插入图像。使网页图文并茂，还可以设置图 像的各种属性，如大小、边框、布局等。
⑤ 建立表格。表格为浏览者提供了快速找到需要 信息的显示方式，还可以用表格来设定整个网页的布 局。
③ 混合型工具：介于上面两种工具之间，混合型 工具在所见即所得的工作环境下可以完成主要的工作， 同时也能切换到一个文本编辑器，对HTML源代码进行 直接地调整。
像所见即所得的工具一样，混合型的创作工具通 常 也 不 能 完 全 控 制 HTML 页 的 代 码 。 但 Macromedia Dreamweaver在对已有的HTML页进行编辑时，会严格保 持 原 有 代 码 的 格 式 。 典 型 的 混 合 型 工 具 还 有 Adobe PageMill、FrontPage、CutePage、QuickSite等。
HTML的编辑环境很简单，任何一台计算机都可以 编辑网页。但要看到用户自己设计的网页效果，就需 要 安 装 一 个 浏 览 器 ， 如 Internet Explorer ， Netscape Navigator等。因此，只要计算机能运行某 个浏览器，就具备了网页制作的硬件环境。HTML要求 的软件环境更为简单，任何文本编辑器都可以用来制 作网页，包括记事本、写字板、Word、WPS等编辑程 序。不过在保存时，一定要用纯文本方式存盘。
FrontPage 是 较 好 的 所 见 即 所 得 的 网 页 编 辑 工 具 ， 也是常用的网页编辑器。它对一个Web站点有很强的 控制能力，可以统一Web站点内页面的外观和风格。 它的Web管理功能也很强大，用户可以通过图形的方 式观察和调整站点的结构。
Dreamweaver 的 最 佳 特 性 就 是 它 的 “ 往 返 式 （Roundtrip）HTML”编辑能力，这种特性使图形编 辑 工 具 和 代 码 编 辑 工 具 输 出 同 样 的 HTML 代 码 。 Dreamweaver是图形化HTML编辑工具中惟一不干扰原 有HTML代码的工具，所以用Dreamweaver编辑后，仍 然可以转回到原来的代码中用编辑工具进行修改。用 其他工具修改后，Dreamweaver能自动更新相应的页 面 。 它 能 很 方 便 地 产 生 动 画 ， 嵌 入 JavaApplet 、 ActiveX控件，以及Netscape插件，并对用户的动作 作出反应。此外，Dreamweaver在Internet Explorer 和Netscape Navigator两种浏览器之间的兼容性问题 上处理得也很好。