• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com专业计算机教程网站
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure
您的位置:首页 > 网页设计 >Dreamweaver教程 > dreamweaver做网页实例教程 嵌入式框架的妙用

dreamweaver做网页实例教程 嵌入式框架的妙用

作者:佚名 字体:[增加 减小] 来源:互联网 时间:2017-08-06

本文主要包含框架,嵌入式,教程,网页,实例,页面,表示,如图,所示,链接等相关知识,佚名 希望在学习及工作中可以帮助到您
正确使用嵌入式框架可以给网站的创建带来许多方便,比如当单击某个在线播放的 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 _fcksavedurl="http://www.doking.cn" scrolling="auto"></iframe>

  (读者可打开【光盘】|【源文件】|【实例 4 】|【 4.1.txt 】文件,直接复制获得)

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

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

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

  ( 8 )保存文件,完成操作。

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

您可能想查找下面的文章:

  • dreamweaver利用预设模板来快速的架构一个简易网站
  • Dreamweaver用框架建立网站把浏览器的显示空间分割为几个部分
  • dreamweaver做网页实例教程 嵌入式框架的妙用
  • Dreamweaver中框架的使用技巧

相关文章

  • 2017-08-06dreamweaver怎么制作网页模板?
  • 2017-08-06Dreamweaver网页制作技巧
  • 2017-08-06dreamweaver[dw9,dw8,cs3 cs5]安装视频教程
  • 2017-08-06Dreamweaver设置页面属性后采用HTML格式怎么办?
  • 2017-08-06通过Dreamweaver学习了解CSS
  • 2017-08-06Dreamweaver中不用CSS样式为表格添加细线边框的方法
  • 2017-08-06Dreamweaver登陆界面怎么显示?
  • 2017-08-06dreamweaver8调出新建、打开两个命令的快捷工具栏
  • 2017-08-06DreamWeaver中批量删除超级链接的方法(图文)
  • 2017-08-06Dreamweaver技巧之在网页中给视频播放窗口预设图像

文章分类

  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure

最近更新的内容

    • 网站制作之DreamWeaver入门及软件安装方法附软件下载
    • DW怎么设置滚动字幕?
    • Dreamweaver CS5更改代码颜色方法(可自定义)
    • dreamweaver[dw9,dw8,cs3 cs5]安装视频教程
    • 巧用DW判断字符串中是否有换行
    • dreamweaver翻译器没有被装载由于错误coldfusion.htm有不正确的设置信息
    • dreamweaver cs5怎么给网页制作图片的挤压效果?
    • Dreamweaver CS4安装试用以及截图
    • 在Dreamweaver中插入空格的方法介绍
    • Dreamweaver制作基于WordPress的留言本的图文教程

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有