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

 时间:2024-10-13 21:30:05

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怎么关闭自动播放?
  • 网页的版式设计—文字的格式化
  • 热门搜索
    防止溺水手抄报 父亲节手抄报内容 我和我的祖国手抄报简单又漂亮 儿童节手抄报简单漂亮 做一个有道德的人手抄报 端午节手抄报。 防溺水手抄报简单好画图片 诗配画手抄报 母亲节手抄报简单字少 抗击疫情手抄报简单