您的位置:首页 > 技术中心 > 软件教程 >

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

时间:2022-10-26 18:15

      说到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利用层布局网页的具体操作方法,你们是不是都学会了呀!




热门排行

今日推荐

热门手游