站长资源网页制作

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

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

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 下一页 阅读全文