1.Dreamweaver

Dreamweaver软件：制作网页，使用所见即所得的接口，亦有HTML编辑的功能。

①工欲善其事，必先利其器。（制作网页，所见即所得）

②代码可看到效果，效果可生成代码。

新建html文件说明：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">    
<html xmlns="http://www.w3.org/1999/xhtml">    
<head>    
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />    
<title>无标题文档</title>    
</head>

<body>  
</body>    
</html>

说明：

①第一段代码：声明部分，采用w3c标准，指定xhtml语言规范。

②html xmlns：采用语法规范范本。

③meta：网页头信息。

2.框架技术

①固定框架：整个页面是个框架，如窗户，四分五裂。

②浮动框架：嵌入式

浮动框架案例：

效果图如下：

11

代码如下：

230832123.png


注：div+css(xhtml+css)   web2.0标准