雅诗兰黛dw粉底液

本文格式为Word版，下载可任意编辑——雅诗兰黛dw粉底液课程目标：

n使用CSS美化网页元素n使用DIV+CSS布局网页n制作各种流行的网页组件n制作语义化的表单n掌管一些常用的网页制作技巧第一次课：

1、DW5工作界面的熟悉。

2、新建站点（为什么要站点）、网页文件（留神“页面属性”“标题/编码”的设置和重要性）、样式文件（外部）3、网页根本布局：

DOCTYPE(文档类型)html……样式代码…JS脚本代码…各种标记写成的网页内容代码…Body4、html与xhtml的识别相关规矩XHTMLHTML标签名称务必小写大小写均可属性名称务必小写大小写均可标签嵌套务必严格嵌套没有严格规定标签封闭标签务必封闭封闭与不封闭均可空元素标签务必封闭，如封闭与不封闭均可，如与均可属性值用双引号括起来可以不必使用双引号属性值形式务必使用完整形式经常使用简写方式设定属性值标签类型区分“内容标签”与“布局标签”没有严格规定5、html常用内容标签标签说明-定义各级标题定义段落定义链接插入一幅图片定义无序列表定义无序列表定义自定义列表加粗强调内容做网页实例。。。。first.html6、布局标签标签：定义HTML文档中的分区或节(简朴说：就是用于布局！

)标签：行内元素识别“表格布局”和“div布局”。

７、ＣＳＳ简介：

级联样式表(CascadingStyleSheet)，简称风格样式表(StyleSheet)；

用来举行网页风格设计ＣＳＳ作用：

有效地操纵网页外观精确定位网页元素改善用户体验CSS的优点内容与表现分开表现统一，易操纵布局页面更生动裁减页面代码量利于探寻引擎收录CSS语法规矩(演示)选择器{属性：值；

}标签、类、ID三种P{color:red;}.top{width:600px;}#nav(font-size:12px;)CSS样式引入网页文件(演示)行内式、嵌入式、链接式、导入式关于DOCTYPEDOCTYPE不成怕，但把它拿走，会让你怕了又怕。

最近在蓝色梦想转悠，察觉好多挚友提出有关DIV+CSS排版问题，以及IE与FF的兼容问题。怎么问的都有，结果就是一个——显示很古怪，很难调整。我们欣赏的大多数网站，或者用Dreamweaver创造一个新的网页文档时，源码的顶部都会有DocType声明，但是好多人没有留神它，甚至在创作时候直接将它删掉，其实这往往就是噩梦的开头。在遵循标准的任何Web文档中，DOCTYPE都是一项必需的元素。它会影响代码验证，并抉择了欣赏器最终如何显示你的web文档。为了制止DOCTYPE的问题重复展现，我根据手头的资料整理了这篇文档，以备自己及有兴趣的挚友参考。

在默认处境下，FF和IE的解释标准是不一样的，也就是说，假设一个网页没有声明DOCTYPE，它就会以默认的DOCTYPE解释下面的HTML。在同一种标准下，不同欣赏器的解释模型都有所差异，假设声明标准不同，不用我说，您自己想就可以了。学习网页标准，欣赏器兼容，从哪里开头您自己抉择，但是，请熟悉DOCTYPE：

一、什么是DOCTYPEDOCTYPE是DocumentType（文档类型）的简写，在页面中，用来指定页面所使用的XHTML（或者HTML）的版本。要想制作符合标准的页面，一个必不成少的关键组成片面就是DOCTYPE声明。只有确定了一个正确的DOCTYPE，XHTML里的标识和CSS才能正常生效。

二、DOCTYPE的规矩DOCTYPE声明的写法遵循确定的规矩，它指出阅读程序理应用什么规矩集来解释文档中的标记。在Web文档的处境下，“阅读程序”通常是欣赏器或者校验器这样的一个程序，“规矩”那么是w3c所发布的一个文档类型定义（dtd）中包含的规矩。

每个dtd都包括标记、attributes、properties等内容，它们用于标记web文档的内容；

此外还包括一些规矩，它们规定了哪些标记能展现在其他哪些标记中。每个web建议标准（譬如html4frameset和xhtml1.0transitional）都有自己的dtd。

以下是从手册上摘抄的规矩：

语法：

HTML顶级元素可用性“注册//组织//类型标签//定义语言““URL“可能值：

-顶级元素：指定DTD中声明的顶级元素类型。这与声明的SGML文档类型相对应。

HTML默认。HTML。

-可用性：指定正式公开标识符(FPI)是可公开访问的对象还是系统资源。

PUBLIC默认。可公开访问的对象。SYSTEM系统资源，如本地文件或URL。

-注册：指定组织是否由国际标准化组织(ISO)注册。

+默认。组织名称已注册。

-组织名称未注册。Internet工程任务组(IETF)和万维网协会(W3C)并非注册的ISO组织。

组织：指定说明负责由!DOCTYPE声明引用的DTD的创造和维护的团体或组织的名称，即OwnderID。

IETFIETF。

W3CW3C。

-类型：指定公开文本类，即所引用的对象类型。

DTD默认。DTD。

-标签：指定公开文本描述，即对所引用的公开文本的唯一描述性名称。后面可附带版本号。

HTML默认。HTML。

-定义：指定文档类型定义。

Frameset框架集文档。

Strict摈弃全体W3C专家梦想逐步淘汰的代表性属性和元素，由于样式表已经很完善了。

Transitional包含除frameSet元素的全部内容。

-语言：指定公开文本语言，即用于创造所引用对象的自然语言编码系统。该语言定义已编写为ISO639语言代码(大写两个字母)。

EN默认。英语。

-URL：指定所引用对象的位置为了获得正确的DOCTYPE声明，关键就是让dtd与文档所遵循的标准对应。例如，假定文档遵循的是xhtml1.0strict标准，文档的doctype声明就理应引用相应的dtd。另一方面，假设doctype声明指定的是xhtmldtd，但文档包含的是旧式风格的html标记，就是不恰当的；

类似地，假设doctype声明指定的是htmldtd，但文档包含的是xhtml1.0strict标记，同样是不恰当的。

三、选择什么样的DOCTYPE如上例所示，XHTML1.0中有3种DTD（文档类型定义）声明可以选择：过渡的（Transitional）、严格的（Strict）和框架的（Frameset）。这里分别介绍如下。

1．过渡的一种要求不很严格的DTD，允许在页面中使用HTML4.01的标识（符合xhtml语法标准）。过渡的DTD的写法如下：

2．严格的一种要求严格的DTD，不允许使用任何表现层的标识和属性，例如等。严格的DTD的写法如下：

3．框架的一种特意针对框架页面所使用的DTD，当页面中含有框架元素时，就要采用这种DTD。框架的DTD的写法如下：

使用严格的DTD来制作页面，当然是最梦想的方式。但是，对于没有深入了解Web标准的网页设计者，对比适合的是使用过渡的DTD。由于这种DTD还允许使用表现层的标识、元素和属性，对比适合大多数网页制作人员。

四、需要留神的问题没什么更加的，就是确定要将DOCTYPE声明放在XHTML文档的顶部，上面哪怕多个HTML解释标记都不行。

最好例如代码也加上DOCTYPE，否那么效果会有差异。

关于“meta”标签meta标签meta是html语言head区的一个辅佐性标签。几乎全体的网页里，我们可以看到类似网页中meta标签的使用，关键字下面这段的html代码：

可能你认为这些代码可有可无。其实假设你能够用好meta标签，会给你带来意想不到的效果，例如参与关键字会自动被大型探寻网站自动搜集；

可以设定页面格式及刷新等等。

编辑本段meta标签的组成meta标签共有两个属性，它们分别是http-equiv属性和name属性，不同的属性又有不同的参数值，这些不同的参数值就实现了不同的网页功能。

⒈name属性name属性主要用于描述网页，与之对应的属性值为content，content中的内容主要是便于探寻引擎机器人查找信息和分类信息用的。

meta标签的name属性语法格式是：；

。

其中name属性主要有以下几种参数：

A、Keywords（关键字）说明：keywords用来报告探寻引擎你网页的关