dreamweaver不仅可以做静态网页,还可以做动态网页,在网页制作中,常常会有相同类型的网页,对此常常用表格来进行布局。但有时有表格布局并不能实现网页的需求,在同一页面下有多个子页面时,就要使用框架结构来布局,该怎么创建框架结构并保存呢?下面我们分享两个实例教程,请看下文详细介绍。

软件名称:
Adobe dreamweavercs5 官方离线中文安装版
软件大小:
87.67MB
更新时间:
2016-09-14立即下载

实例教程一:

1、打开Dreamweaver 软件,设置好站点,建立新文件,类型为HTML,选择“新建”下的“更多

Dreamweaver怎么创建框架结构? dw设置框架结构的教程

2、选择 示例中的页-框架页

Dreamweaver怎么创建框架结构? dw设置框架结构的教程

3、选择自己所需要的框架结构,点击“创建”(此以上下结构为例)

Dreamweaver怎么创建框架结构? dw设置框架结构的教程

4、新建好后,将编辑视图切换为“设计”,点击 窗口-框架 ,打开框架操作面板

Dreamweaver怎么创建框架结构? dw设置框架结构的教程

5、选中框架操作面板中相应框架区域,可为此框架命名

Dreamweaver怎么创建框架结构? dw设置框架结构的教程

6、点击框架分界线

Dreamweaver怎么创建框架结构? dw设置框架结构的教程

7、点击 文件-框架集另存为 保存框架

Dreamweaver怎么创建框架结构? dw设置框架结构的教程

8、在框架操作面板中选中相应框架,点击属性面板中“源文件”右侧的“浏览文件”指令,插入页面

Dreamweaver怎么创建框架结构? dw设置框架结构的教程

9、用此方法完成所有框架页面的插入。完成操作后保存文件,按<F12>键在浏览器中预览文件

Dreamweaver怎么创建框架结构? dw设置框架结构的教程 

实例教程二:

1、在开始菜单打开dreamweaver,打开之后,见到的第一页默认应该是下图所示的这样,我们选择html,就进入网页的编辑窗口了。

Dreamweaver怎么创建框架结构? dw设置框架结构的教程

上一页12 下一页 阅读全文

标签:
Dreamweaver,框架结构

免责声明:本站文章均来自网站采集或用户投稿,网站不提供任何软件下载或自行开发的软件! 如有用户或公司发现本站内容信息存在侵权行为,请邮件告知! 858582#qq.com
白云城资源网 Copyright www.dyhadc.com

P70系列延期,华为新旗舰将在下月发布

3月20日消息,近期博主@数码闲聊站 透露,原定三月份发布的华为新旗舰P70系列延期发布,预计4月份上市。

而博主@定焦数码 爆料,华为的P70系列在定位上已经超过了Mate60,成为了重要的旗舰系列之一。它肩负着重返影像领域顶尖的使命。那么这次P70会带来哪些令人惊艳的创新呢?

根据目前爆料的消息来看,华为P70系列将推出三个版本,其中P70和P70 Pro采用了三角形的摄像头模组设计,而P70 Art则采用了与上一代P60 Art相似的不规则形状设计。这样的外观是否好看见仁见智,但辨识度绝对拉满。