本节书摘来自异步社区《Adobe Dreamweaver CS6中文版经典教程》一书中的第2 章,第2.1节,作者:【美】Adobe公司 更多章节内容可以访问云栖社区“异步社区”公众号查看。
第2课 HTML基础
课程概述
在这一课中,你将熟悉HTML,并将学习如何执行以下任务:
- 手工编写HTML代码;
- 了解HTML语法;
- 插入代码元素;
- 格式化文本;
- 添加HTML结构;
- 利用Dreamweaver创建HTML。
完成本课程大约需要45分钟的时间。本课程没有支持文件。
HTML 是Web 的支柱,也是Web 页面的骨架。像你身体里的骨骼一样,它是Internet 的结构组织和实质内容。但是除了Web 设计师之外,其他人通常看不到它。如果没有它,Web 将不会存在。Dreamweaver 具有许多特性,可以帮助你快速、有效地访问、创建和编辑HTML 代码。
2.1 什么是HTML
“其他软件可以打开Dreamweaver文件吗?”
在Dreamweaver课程中,一个学生问到这个问题。尽管这个问题的答案对于经验丰富的开发人员来说可能是显而易见的,但它阐释了讲授和学习Web设计时的一个基本问题。大多数人都会把软件与技术混为一谈。他们认为扩展名.htm或.html属于Dreamweaver或Adobe。例如,印刷设计人员习惯于处理以.ai、.psd、.indd等结尾的文件。这些是由具有特定能力和局限性的软件创建的专有文件格式。大多数情况下的目标是创建最终的打印部分。创建文件的软件提供了解释用于产生打印页面的代码的功能。随着时间的推移,设计师认识到在不同的软件中打开这些文件格式可能产生无法接受的结果,甚至破坏文件。
另一方面,Web设计师的目标是创建用于在浏览器中显示的网页。原始软件的能力和/或功能几乎不会对得到的浏览器显示产生任何影响,因为显示完全与HTML代码以及浏览器解释它的方式相关。尽管软件可能编写良好或糟糕的代码,但是浏览器会做所有困难的工作。
Web基于HTML(Hypertext Markup Language,超文本标记语言)。该语言和文件格式不属于任何单独的软件或公司。事实上,它是非专有的纯文本语言,可以在任何计算机上的任何操作系统的任何文本编辑器中编辑它。Dreamweaver的核心是一种HTML编辑器——尽管它远远超越了这一点。但是为了最大化Dreamweaver的潜力,首先需要很好地理解HTML是什么,它可以做什么,以及它不可以做什么。本章打算简要介绍HTML的基础知识及其功能,以此作为理解Dreamweaver的基础。