DreamweaverCC2015中文版案例教程第2版全套配套课件教学资源第2章.pptVIP

第2章 Dreamweaver CC 2015中的源代码 文本、图像、表格、样式、框架等基本元素或对象的建立都是以HTML为基础的。可以说，HTML是搭建网站的基本“材料”。 每一种可视化的网页制作软件都会提供源代码控制功能，也就是说，在软件中可以随时调出源代码进行修改或编辑。Dreamwcaver也不例外，相对于Dreamweaver的早期版本， Dreamweaver CC2015提供的源代码控制功能更为强大、更为灵活。 2.1 HTML基础 HTML是应用标签使页面文件显示出预期的效果,也就是在文本文件的基础上，加上一系列的标记语言，形成后缀名是．html或．htm的文件 。 2.1.1 什么是HTML 在使用排版语言制作文本时，需要加一些控制标记来控制输出的字型、字号等，以获得所需的输出效果。与此类似，编制HTML文本时也需加一些标记，说明段落、标题、图像、字体等。 2.1 HTML基础 2.1.2 HTML文件的基本结构 正确结构化或平衡的HTML标记由一个开始标签和一个封闭标签组成。标签封闭在小于尖括号（）和大于尖括号（）内。通过重复输入原始标签并在开始尖括号后面输入一个斜杠（/）来创建封闭标签。可以用简写形式书写空标签（如水平标线）。 2.1 HTML基础 2.1.3 编写你自己的HTML代码 编写代码的思想听起来可能很困难，但是创建Web页面实际上要比你所想的容易得多。在下面几个练习中，你将通过创建一个基本的web页面以及添加并格式化一些简单的文本内容，来学习HTML的工作方式。 2.1 HTML基础 2.1.4 利用HTML格式化文本 标签通常服务于多个目的。除了如前面所解释的那样创建段落结构之外，它们还可以影响基本的文本格式化效果，以及标识页面内容的相对重要性。 2.2 XHTML基础 2.2.1 什么是XHTML XHTML是当前HTML版本的发展和延伸。HTML语法要求比较松散。这样对网页编写来说比较方便。但对于计算机来说，语言的语法越松散，处理起来就越困难。对于很多新的设备，比如手机。难度就比较大，因此新的开发环境就要求语法更加严格。 XHTML是HTML的一种扩展。与HTML相比，XHTML具有更加规范地书写标准、更好的跨平台能力。 2.2 XHTML基础 2.2.2 XHTML的基本结构 XHTML的规范相对较为严格，下面我们先通过一个最简单的XHTML页面实例了解XHTML， 其代码如下： !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN /TR/xhtml1/DTD/xhtml1-transitional.dtd html xmlns=/1999/xhtml head meta http-equiv=Content-Type content=text/html; charset=utf-8/ title无标题文档/title /head body /body /html 2.3 网页中常用的标签 2.3.1 网页基本标签 在使用排版语言制作文本时，需要加一些控制标记，来控制输出的字型、字号等，以获得所需的输出效果。与此类似，编制文本时也需要加一些标记来说明段落标题、图像、字体等。 通过前面的学习，已经知道HTML文件是由html、head和body三个基本标签组成的，除此之外，还有一些其他基本标签。 2.3 网页中常用的标签 2.3.2 网页格式标签 一个网页就像一个房子，网页中文本、图像、表格是里面的物品，如何让这些物品和谐相处，美观呈现，需要对它们进行布局排列，格式标签可以用来设置网页里“布局排版”的样式。 2.3 网页中常用的标签 2.3.3 网页文本标签 文本标签用来改变HTML文件中文字的外观，增加文件的美观程度，下面对常用的文本标签进行介绍。 2.3 网页中常用的标签 2.3.4 网页超链接标签 超链接可以说是HTML超文本文件的命脉，HTML通过超链接标签来整合分散的图像、文字、影像和音乐等信息，此类标签的主要用途为标示超文本文件链接。 2.3 网页中常用的标签 2.3.5 图像标签 图像在网页中占有重要地位，可以丰富网页视觉效果，可以建立链接，它有一个专门的标签。 2.3 网页中常用的标签 2.3.6 网页表格标签 在HTML代码中通过表格标签来制作表格，下面介绍常用的表格标签。 2.3 网页中常用的标签 2.3.7 网页分区标签 在一间大房子里面，可以划分“多室多厅”，用“分区标签”可以在网页中实现这种“划分”效果。分区标签主要有两个。 div：区域标签（又称容器标 span：文字图片等简短内容的容器 2.4 使用Dreamweaver编辑源代码 2.4