网页设计-网页设计-第1章 网站开发入门.pptxVIP

;案例说明;案例步骤;案例步骤;案例步骤;案例步骤;案例步骤;案例步骤;支撑知识点;;;;;案例说明;案例步骤;案例步骤;案例步骤;案例步骤;案例步骤;支撑知识点;在起始页中单击“HTML”项，创建一个.html格式的文档并进入Dreamweaver CC工作界面。;Dreamweaver CC的工作界面由应用程序栏、文档标签、文档工具栏、文档窗口、标签选择器、状态栏、属性检查器和面板组等组成。;文档标签栏;文档工具栏;文档工具栏;文档工具栏;状态栏;属性检查器;“插入”面板;“文件”面板;“CSS设计器”面板;设置Dreamweaver的常规首选参数;;;;;;;案例说明;案例步骤;;;;;;;HTML标签是由尖括号括起来的关键词，绝大多数HTML标签都是成对出现的，包含首标签和尾标签。首标签的格式为标签名，尾标签的格式为/标签名，首标签和尾标签的中间为元素内容。;HTML文档源码中一行可以写多个不同的标签，也可将一对标签写在不同的行中，但每对标签必须嵌套使用，不能交叉使用。表1-1列出了标签的正确用法和错误用法。;在HTML文件中，每个标签都有名称、可选择的属性和标签内容，标签的属性都在首标签内标明。首标签的基本语法如下：;当一段文字被一组HTML标签包含在中间时，则这段文字和包含文字的HTML标签一起被称为一个元素。;;网页中的所有代码内容都包含在html/html标签对中，它用于表示该文件是以超文本标记语言（HTML）编写的。首标签html用于HTML文档的最前边，用来标识HTML文档的开始；而尾标签/html放在HTML文档的最后面，用来标识HTML文档的结束，两个标签必须成对使用。;head标签是HTML文档所有头部元素的容器，它里面的元素用来描述HTML文档的相关信息，如指定网页标题、编码方式，指示浏览器在何处找到CSS样式表等。;body标签是HTML文档的主体部分，在此标签对之间可包含p/p、h1/h1、div/div、a和br等众多标签，它们定义的文本和图像等都会在浏览器中显示出来。;;;Web标准化设计是指采用Div（这是HTML中的一个标签）+CSS布局网页，放弃原来的table（表格）布局。该布局方式有以下几方面的优势。;符合Web标准的HTML代码规范