1.Dreamweavercss
Dreamweaver软件:制做网页,使用所见即所得的接口,亦有HTML编辑的功能。html
①工欲善其事,必先利其器。(制做网页,所见即所得)web
②代码可看到效果,效果可生成代码。框架
新建html文件说明:ide
<!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>ui
<body>
</body>
</html>xml
说明:htm
①第一段代码:声明部分,采用w3c标准,指定xhtml语言规范。blog
②html xmlns:采用语法规范范本。接口
③meta:网页头信息。
2.框架技术
①固定框架:整个页面是个框架,如窗户,四分五裂。
②浮动框架:嵌入式
浮动框架案例:
效果图以下:
代码以下:
注:div+css(xhtml+css) web2.0标准