HTML第四讲 Dreamweaver与框架集

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.框架技术

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

②浮动框架:嵌入式

浮动框架案例:

效果图以下:

11

代码以下:


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

相关文章
相关标签/搜索