《Adobe Dreamweaver CS6中文版经典教程》——第2课 HTML基础2.1 什么是HTML

第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的基础。

时间: 2024-12-02 03:16:06

《Adobe Dreamweaver CS6中文版经典教程》——第2课 HTML基础2.1 什么是HTML的相关文章

《Adobe Dreamweaver CS6中文版经典教程》——导读

前言 Adobe Dreamweaver CS6是行业领先的Web内容制作程序.无论你是为了生活还是为了自己的事业而创建网站,Dreamweaver都提供了你所需的所有工具,帮助你达到专业水平. 关于经典教程 本书是在Adobe产品专家的支持下开发的图形和出版软件的官方培训系列教材中的一种. 精心合理的课程设计,可使你按自己的进度来学习.如果你是Dreamweaver的初学者,那么你将会学到使用这款软件的基础知识.如果你是经验丰富的用户,那么你将会发现经典教程讲解了许多高级特性,包括使用Drea

《Adobe Dreamweaver CS6中文版经典教程》——1.4 选择工作区布局

1.4 选择工作区布局 自定义软件环境的快捷方式是使用Dreamweaver中预建的工作区之一.这些工作区已经被专家进行了优化,以使你所需的工具唾手可得. Dreamweaver CS6包括11种预建的工作区.要访问这些工作区,可以从位于"应用程序"栏中的"工作区"菜单中选择它们,如图1.16所示. Dreamweaver的长期用户可能选择"经典"工作区.它以适于在Dreamweaver以前的版本中查看和使用的方式显示面板和工具栏,如图1.17所

《Adobe Dreamweaver CS6中文版经典教程》——2.3 编写你自己的HTML代码

2.3 编写你自己的HTML代码 编写代码的思想听起来可能很困难,但是创建网页实际上要比你所想的容易得多.在下面几个练习中,你将通过创建一个基本的网页以及添加并格式化一些简单的文本内容,来学习HTML的工作方式. 注意: 你可以自由地在练习中使用任意文本编辑器,但是一定要将文件保存为纯文本文件. 1.启动"记事本"(Windows)或TextEdit(Mac). 2.在空白文档窗口中输入以下代码: <html> <body> Welcome to my firs

《Adobe Dreamweaver CS6中文版经典教程》——1.3 处理面板

1.3 处理面板 尽管可以从菜单访问大多数命令,但Dreamweaver还是把它的大量功能散布在用户可选择的面板和工具栏中.你可以在屏幕四周随意显示.隐藏.排列和停靠面板(见图1.6).如果你愿意,甚至可以把它们移到第二个或第三个视频显示界面上. "窗口"菜单列出了所有可用的面板.如果你在屏幕上没有看到特定的面板,可以从"窗口"菜单中选择它.菜单中出现的勾号指示面板是打开的.偶尔,一个面板可能在屏幕上位于另一个面板后面,并且难以定位.在这些情况下,只需在"

《Adobe Dreamweaver CS6中文版经典教程》——1.7 创建自定义的快捷键

1.7 创建自定义的快捷键 Dreamweaver的另一个强大特性是创建你自己的快捷键以及更改现有的快捷键的功能.快捷键是独立于自定义的工作区加载和保存的. 如果你必须通过快捷键使用某个命令,而该命令又没有快捷键,就可以自己创建它.试试下面的操作. 1.选择"编辑">"快捷键"命令,打开"快捷键"对话框,如图1.22所示. 2. 单击"复制副本"按钮,创建一组新的快捷键.3. 在"复制副本名称"框中输

《Adobe Dreamweaver CS6中文版经典教程》——1.2 切换和拆分视图

1.2 切换和拆分视图 Dreamweaver分别为编码员和设计人员提供了专用的环境,还提供了一个把这两者混合在一起的复合选项. 1.2.1 "设计"视图"设计"视图在Dreamweaver工作区中着重显示其所见即所得的编辑器,它非常接近(但并非完美)地描绘了Web页面在浏览器中的样子.要激活"设计"视图,可以单击"文档"工具栏中的"设计"按钮,如图1.2所示. 1.2.2 "代码"视图

《Adobe Dreamweaver CS6中文版经典教程》——2.2 HTML起源于何处

2.2 HTML起源于何处 HTML和第一种浏览器是由在瑞士日内瓦的CERN(Conseil Européen pour la Recherche Nucléaire,它是European Council for Nuclear Research(欧洲核物理研究委员会)的法语形式)粒子物理实验室工作的科学家Tim Berners-Lee于20世纪90年代早期发明的.他原本打算使用该技术通过当时刚刚问世的Internet共享技术论文和信息.他公开地共享他的HTML和浏览器发明,尝试使整个科学界及其

《Adobe Dreamweaver CS6中文版经典教程》——1.6 个性化首选参数

1.6 个性化首选参数 在你继续使用Dreamweaver时,你将为每种活动设计你自己最佳的面板和工具栏的工作区.你可以在你自己命名的自定义的工作区中存储这些配置. 要保存自定义的工作区,可以从"应用程序"栏上的"工作区"菜单中选择"新建工作区",如图1.21所示.

《Adobe Dreamweaver CS6中文版经典教程》——2.4 常用的HTML4代码

2.4 常用的HTML4代码 HTML代码元素服务于特定的目的.标签可以创建结构,应用格式化效果,标识合乎逻辑的内容,或者生成交互性.创建独立结构的标签称为块(block)元素:在另一个标签的主体内执行其工作的标签称为内联(inline)元素.**2.4.1 HTML标签**表2.1显示了一些最常用的HTML标签.为了最大限度地利用Dreamweaver和你的网页,了解这些元素的本质以及如何使用它们是有帮助的.记住,一些标签可以服务于多个目的. 2.4.2 HTML字符实体实体为每个字母和字符而