繁體中文当前位置: 首页 > 图文教程 > 网页制作 > Dreamweaver > DW MX实例四：嵌入式框架的妙用
- Dreamweaver
- 用Dreamweaver实现Real与网页结合
- 用Dreamweaver MX巧妙格式化表格
- 用Dreamweaver MX轻松操作表格
- 用Dreamweaver MX实现网站批量更新
- 轻松处理Dreamweaver段落缩进
- 让IIS Web服务器不再拒认ASP网页
- 巧使网页图片产生旋转效果
- 相对路径和绝对路径在网页中的用途
- 网站构成的基本元素—网页布局
- 增强网站的魅力 网页制作技巧三则
- 制作个人主页有诀窍
- 网页设计进阶：巧用记事本编辑网页网页设计进阶：巧用记事本编辑网页
- 高手进阶：网页设计中的文字运用
- 制作弹出窗口常用技巧九则
- 巧制可全屏拖动的图片
- 网页布局设计基础
- 个人首页制作诀窍
- 一些与网页密切相关的技术
- 网页上的视觉传达与艺术表现
- 制作网页十大诀窍
Dreamweaver 中的 DW MX实例四：嵌入式框架的妙用
出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-11-23 浏览: 136 ::
收藏到网摘: n/a
效果说明 建立文件，以大型网站的链接作为实例，当单击链接时，该网站的内容就会出现在表格中，供用户浏览。
创作思想 打开 Dreamweaver MX 2004 软件新建页面及表格，表格的第一行为导航栏，第二行为内容显示，在第二行中插入嵌入式框架代码。
操作步骤
（ 1 ） 打开 Dreamweaver MX 2004 软件新建文件，如图 4-1 所示。
（ 2 ）为了便于操作，先保存页面，如图 4-2 所示。
（ 3 ）为了使页面美观，可插入表格，如图 4-3 所示。
（ 4 ）添加导航文字并设置表格参数，如图 4-4 所示。
＜iframe width=500 height=400 name=main frameborder=0 src=http://www.doking.cn scrolling="auto"＞＜/iframe＞
（读者可打开【光盘】｜【源文件】｜【实例 4 】｜【 4.1.txt 】文件，直接复制获得）
提示： iframe 的参数中 width 表示宽度， height 表示高度， name 表示名称， frameborder 表示边框， src 表示默认网址， scrolling 表示是否显示页面滚动条。
（ 6 ）设置文字“网易”的链接。当单击“网易”二字时，嵌入式框架的内容就会跳转到网易页面，如图 4-6 所示。
图 4-6 创建文字的超链接
（ 7 ）接着用相同的方法为“ 21CN ”和“新浪”建立超级链接，注意【目标】参数一定要设置为“ main ”。
（ 8 ）保存文件，完成操作。
本例是用一些网站的首页来做链接案例的，一般这个技术适用于某些相关内容之间的浏览，如一个教程案例需要几个页面显示，那么这几个页面间连接就可以用此技术来实现。
评论 (0) All
