如何运用Dreamweaver做成一个简单页面?

 时间:2026-02-14 10:28:12

1、安装adobe dreamweaver,打开点击html,如图所示 

如何运用Dreamweaver做成一个简单页面?

2、点击创建

如何运用Dreamweaver做成一个简单页面?

3、这部比较关键。需要在body加div,以及加相应的css如图中的

<style>

.a{width:100px; background-color:#9B1315;height:100px;}

</style>

是框架的属性

<div class="a"></div>

是框架的结构这是最基本的css+div的形式做的矩形。

如何运用Dreamweaver做成一个简单页面?

4、如图看到的就是这个图形了。 background-color:#9B1315是表示背景颜色。都可以进行更换的

如何运用Dreamweaver做成一个简单页面?

5、然后就是进行保存才可以预览效果了。ctrl+s进行保存

如何运用Dreamweaver做成一个简单页面?

6、最后按住F12就可以如图预览网页了

如何运用Dreamweaver做成一个简单页面?

  • 怎样制作网页打开特效【Dreamweaver教程】
  • Windows7电脑怎样设置显示文件类型的扩展名?
  • mysql 如何调用程序
  • Firefox怎么关闭自动播放?
  • 网页的版式设计—文字的格式化
  • 热门搜索
    韩国恐怖电影大全 家长的话大全 阳台装修效果图大全 童谣大全自编 怀孕注意事项大全 名句大全 日本啪啪啪漫画大全 踉踉跄跄怎么读 出了交通事故怎么处理 花木兰简介