dreamweaver cs6利用层布局网页的具体操作方法

说到dreamweaver cs6软件 , 相信很多人都在使用 , 但是你们知道dreamweaver
cs6怎么利用层布局网页吗?下文就为你们带来了dreamweaver cs6利用层布局网页的具体操作方法 。

dreamweaver cs6利用层布局网页的具体操作方法


dreamweaver cs6利用层布局网页的具体操作方法

文章插图


我们先显示网格 。在DIV布局中首页要显示网格 , 能更加直观的通过网格来绘制层 。点击查看网格显示网格 。


dreamweaver cs6利用层布局网页的具体操作方法

文章插图
然后进行网格设置 。点击查看网格网格设置 , 对网格进行设置 。


dreamweaver cs6利用层布局网页的具体操作方法

文章插图

dreamweaver cs6利用层布局网页的具体操作方法

文章插图

dreamweaver cs6利用层布局网页的具体操作方法

文章插图
显示标尺 。点击查看标尺显示 , 可以显示标尺 。


dreamweaver cs6利用层布局网页的具体操作方法

文章插图

dreamweaver cs6利用层布局网页的具体操作方法

文章插图
接着我们点击绘制层 , 在网格上直接绘制一个网页头 , 并插入图片 。


dreamweaver cs6利用层布局网页的具体操作方法

文章插图

dreamweaver cs6利用层布局网页的具体操作方法

文章插图
在图像下面绘制一个层 , 设置属性用来放置导航条 。并绘制其他的层来放置内容 。


dreamweaver cs6利用层布局网页的具体操作方法

文章插图
这样一个简单的网页页面就做好了 , 点击F12预览 。


dreamweaver cs6利用层布局网页的具体操作方法

文章插图
看完了上文为你们描述的dreamweaver cs6利用层布局网页的具体操作方法 , 你们是不是都学会了呀!

【dreamweaver cs6利用层布局网页的具体操作方法】

    推荐阅读