DW网页设计100例4：嵌入式框架的妙用_咸菜和毛豆的空间

来源：百度文库 编辑：神马文学网 时间：2024/04/27 14:47:00

正确使用嵌入式框架可以给网站的创建带来许多方便，比如当单击某个在线播放的 MP3 文件时，就可以使用嵌入式框架进行局部刷新。

效果说明

建立文件，以大型网站的链接作为实例，当单击链接时，该网站的内容就会出现在表格中，供用户浏览。

创作思想

打开 Dreamweaver MX 2004 软件新建页面及表格，表格的第一行为导航栏，第二行为内容显示，在第二行中插入嵌入式框架代码。

操作步骤

（ 1 ） 打开 Dreamweaver MX 2004 软件新建文件，如图 4-1 所示。

 

 

 

（ 2 ）为了便于操作，先保存页面，如图 4-2 所示。

 

 

 

（ 3 ）为了使页面美观，可插入表格，如图 4-3 所示。

 

 

（ 4 ）添加导航文字并设置表格参数，如图 4-4 所示。

 

 

 

（ 5 ）插入如下嵌入式框架代码，如图 4-5 所示。

 

 

提示： iframe 的参数中 width 表示宽度， height 表示高度， name 表示名称， frameborder 表示边框， src 表示默认网址， scrolling 表示是否显示页面滚动条。

 

 

（ 6 ）设置文字“网易”的链接。当单击“网易”二字时，嵌入式框架的内容就会跳转到网易页面，如图 4-6 所示

 

（ 7 ）接着用相同的方法为“ 21CN ”和“新浪”建立超级链接，注意【目标】参数一定要设置为“ main ”。

（ 8 ）保存文件，完成操作。

本例是用一些网站的首页来做链接案例的，一般这个技术适用于某些相关内容之间的浏览，如一个教程案例需要几个页面显示，那么这几个页面间连接就可以用此技术来实现。

DW网页设计100例4：嵌入式框架的妙用_咸菜和毛豆的空间 DW网页设计3：巧用框架建立网站 DW网页设计：1添加透明背景的 Flash DW网页设计100例52：制作电子相册 DW网页设计1：构建开发环境 DW网页设计2：快速建立站点 DDC传媒_中国数字艺术联盟 - 网页设计的尺寸和网页广告的规则 一个典型的嵌入式系统设计和实现 DW网页设计35：构建Java插入模块 很多人问的问题：怎样设计网页_网页陶吧_网页设计_天极Yesky 很多人问的问题：怎样设计网页_网页陶吧_网页设计_天极Yesky 设计模式：设计自己的MVC框架 不敢和上级沟通是不成熟的表现dw 毛豆榨菜肉丝[图] <家常菜谱> - 毛豆榨菜肉丝的做法_怎么做毛豆榨菜肉丝_123美食网 【文怡在做菜】粥粥的好朋友－－－【咸菜炒毛豆】 合理的网页设计 嵌入式软件可靠性设计注意的问题 网页设计_Chrome多线程模型的优缺点_学聚网 基于CSS的DIV网页设计 - 使用固定层方法设计网页 - 三栏_爱上你的微笑 快速实现ARM和DSP的通信和协同工作（二）-工业控制|嵌入式设计-电子系统设计 快速实现ARM和DSP的通信和协同工作（三）-工业控制|嵌入式设计-电子系统设计 快速实现ARM和DSP的通信和协同工作（四）-工业控制|嵌入式设计-电子系统设计 灯光的空间设计 【灯光的空间设计】