首 页
网络学院
视频教程
资源下载
HOT
实例教程
图文教程
专题中心
学习社区
繁體中文
当前位置:
首页
>
图文教程
>
网页制作
>
Dreamweaver
> DW MX实例四:嵌入式框架的妙用
Dreamweaver
DW MX 2004的Flash动画元素
在Dreamweaver中自动设置网页的水平线颜色
Dreamweaver小技巧:超高速下载图像
DW MX 2004新功能:图片处理
去除DW MX 2004表格宽度辅助
DreamweaverMX2004技巧两则
让你的主页声色并茂—巧为网页添加背景音乐
关于Dreamweaver乱码问题的解决方案
更加便捷实用!巧妙复制主页内容另一妙法
解决在Dreamweaver中不支持中文文件名的方法
Dreamweaver使用技巧之如何巧用DW4文件库更新网站
Dreamweaver使用技巧--让css使网页图片半透明
Dreamweaver4使用技巧之--为你的站点定做颜色
CourseBuilder For Dreamweaver 3 (1)
DreamWeaver批处理提高篇
CourseBuilder For Dreamweaver 3 (4)
Dreamweaver4探谜系列(2)
Dreamwaver 常见问答解答
CourseBuilder For Dreamweaver 3 (2)
CourseBuilder For Dreamweaver 3 (3)
No.
«
‹
3
4
5
6
›
»
技术文章搜索
关键字
Dreamweaver 中的 DW MX实例四:嵌入式框架的妙用
出处:
互联网
整理:
软晨网(RuanChen.com)
发布:
2009-11-23
浏览: 125 ::
收藏到网摘: n/a
DW MX实例三:巧用框架建立网站
DW MX实例五:模板构建和更新网站
正确使用嵌入式框架可以给网站的创建带来许多方便,比如当单击某个在线播放的 MP3 文件时,就可以使用嵌入式框架进行局部刷新。
效果说明 建立文件,以大型网站的链接作为实例,当单击链接时,该网站的内容就会出现在表格中,供用户浏览。
创作思想 打开 Dreamweaver MX 2004 软件新建页面及表格,表格的第一行为导航栏,第二行为内容显示,在第二行中插入嵌入式框架代码。
操作步骤
( 1 ) 打开 Dreamweaver MX 2004 软件新建文件,如图 4-1 所示。
( 2 )为了便于操作,先保存页面,如图 4-2 所示。
( 3 )为了使页面美观,可插入表格,如图 4-3 所示。
( 4 )添加导航文字并设置表格参数,如图 4-4 所示。
( 5 )插入如下嵌入式框架代码,如图 4-5 所示。
<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 )保存文件,完成操作。
本例是用一些网站的首页来做链接案例的,一般这个技术适用于某些相关内容之间的浏览,如一个教程案例需要几个页面显示,那么这几个页面间连接就可以用此技术来实现。
DW MX实例三:巧用框架建立网站
DW MX实例五:模板构建和更新网站
评论 (0)
All
登陆
还没注册?