dreamweaver cs6使用框架结构制作网页的操作流程
时间:2022-10-26 16:17
今天我们学习的是dreamweaver cs6使用框架结构制作网页的操作流程,还有不清楚的网友可以学习一下哦,相信对大家一定会有所帮助的。
dreamweaver cs6使用框架结构制作网页的操作流程
我们先打开dreamweaver cs6软件,设置好站点,建立新文件,类型为HTML,选择“新建”下的“更多”
![dreamweaver cs6使用框架结构制作网页的操作流程截图](/uploadfile/Uploads/news/20221026/6358ed0657367.png)
然后我们选择示例中的页-框架页
![dreamweaver cs6使用框架结构制作网页的操作流程截图](/uploadfile/Uploads/news/20221026/6358ed067aad2.png)
接着我们选择自己所需要的框架结构,点击“创建”(此以上下结构为例)
![dreamweaver cs6使用框架结构制作网页的操作流程截图](/uploadfile/Uploads/news/20221026/6358ed06a7287.png)
这时我们新建好后,将编辑视图切换为“设计”,点击窗口-框架 ,打开框架操作面板
![dreamweaver cs6使用框架结构制作网页的操作流程截图](/uploadfile/Uploads/news/20221026/6358ed06e7494.png)
再选中框架操作面板中相应框架区域,可为此框架命名
![dreamweaver cs6使用框架结构制作网页的操作流程截图](/uploadfile/Uploads/news/20221026/6358ed07165ab.png)
接着点击框架分界线
![dreamweaver cs6使用框架结构制作网页的操作流程截图](/uploadfile/Uploads/news/20221026/6358ed07299bf.png)
然后我们点击文件-框架集另存为保存框架
![dreamweaver cs6使用框架结构制作网页的操作流程截图](/uploadfile/Uploads/news/20221026/6358ed0744249.png)
这个时候在框架操作面板中选中相应框架,点击属性面板中“源文件”右侧的“浏览文件”指令,插入页面
![dreamweaver cs6使用框架结构制作网页的操作流程截图](/uploadfile/Uploads/news/20221026/6358ed076f1dd.png)
最后用此方法完成所有框架页面的插入。完成操作后保存文件,按键在浏览器中预览文件
![dreamweaver cs6使用框架结构制作网页的操作流程截图](/uploadfile/Uploads/news/20221026/6358ed0781c8b.png)
上文就是dreamweaver cs6使用框架结构制作网页的操作流程,你们是不是都学会了呀!