Dreamweaver MX 2004高级技巧

第一节 可视化操作iframe

  本教程根据付国涛的Dreamweaver MX进阶教程改编为Dreamweaver MX 2004高级技巧。

  iframe也称作嵌入式框架,嵌入式框架和框架网页类似,它可以把一个网页的框架和内容嵌入在现有的网页中。

  从Dreamweaver MX开始,可以可视化操作iframe,不再需要第三方插件。

  插入iframe

  1.点击“插入面板”的“标签选择器”

  2.在“标签选择器”对话框中,选择iframe标签,点击“插入”按钮。

  3.在“标签编辑器-Iframe”对话框中,根据面板提示操作。最基本的两项是“源”和“名称”。源:点击“浏览”按钮,选择要出现在iframe中的网页文件。
名称:输入的名称,将作为这个iframe的标识,其它的链接如果要在这个iframe打开,网页打开“目标”就需要输入此“名称”。宽度和高度:可以输入象素值,也可以输入100%。边距宽度和边距高度:设置和外围标签的边距。对齐:设置对齐方式。滚动:设置是否允许出现滚动条。显示边框:选择是否出现边框。

时间: 2024-10-25 12:21:11

Dreamweaver MX 2004高级技巧的相关文章

Dreamweaver MX 2004高级技巧(1)可视化操作iframe

dreamweaver|高级|技巧 本教程根据付国涛的Dreamweaver MX进阶教程改编为Dreamweaver MX 2004高级技巧. iframe也称作嵌入式框架,嵌入式框架和框架网页类似,它可以把一个网页的框架和内容嵌入在现有的网页中. 从Dreamweaver MX开始,可以可视化操作iframe,不再需要第三方插件. 插入iframe 1.点击"插入面板"的"标签选择器" 2.在"标签选择器"对话框中,选择iframe标签,点击

Dreamweaver MX 2004高级技巧(4)制作弹出小窗口

dreamweaver|高级|技巧 弹出窗口经常用于发布站内公告,或作为一个网站的广告来使用,今天给大家介绍如何使用Dreamweaver MX 2004制作弹出小窗口 1. 新建立一个html页面,设置页面属性.左边界,顶部边界为 0 ,在标题处输入标题名称. 2. 在页面中插入图片.也可以是文字, Flash 动画等.小窗口页面就准备好了. 让一个页面把刚才的小窗口弹出: 1. 新建一个需要添加弹出小窗口页面,当然也可以打开自己制作的网站的首页,在标签选择器中选择" body "标

Dreamweaver MX 2004高级技巧(3)制作弹出菜单

dreamweaver|菜单|高级|技巧 利用Dreamweaver MX 2004提供的行为,可以直接做出弹出菜单.下面讲解制作一个弹出菜单的具体步骤. 1.可以直接给图片加上弹出菜单.但是不能给文本直接加上弹出菜单.如果需要给文本加上弹出菜单,首先需要把文本变成链接.选中文本,在属性面板的链接项输入"javascript:;",就给文本加上链接了.如图: 2.文本链接默认的颜色是蓝色,并且有下划线.如果要更改链接文本的外观使它看上去不是一个链接,切换到代码视图下,打到这个链接的a

Dreamweaver MX 2004高级技巧(2)滚动字幕

dreamweaver|高级|技巧 在网页中,制作滚动字幕使用marquee标签,如果用手写的方法,实在是太麻烦了.从Dreamweaver MX 2004开始,可以使用"标签选择器"插入各种标签,并且可以使用"标签检查器"设置标签的属性值,它的功能类似于属性面板,但是比属性面板更强大. 使用"标签选择器"插入marquee标签 1.把光标插入点放在需要插入滚动字幕的地方. 2.点击插入面板的"标签选择器 " 3.选择 mar

Dreamweaver MX 2004高级技巧(8)制作居中的网页

dreamweaver|高级|技巧|网页 本文介绍两种居中的网页,一种是页面居中,一种是页面上下左右居中. 页面居中的网页 实现方法:设置body标签居中. 1.打开一个网页或新建一个网页,在文档左下角的"标签选择器"上选择"body"标签. 2.在"属性面板"上点击"居中对齐".现在居中的页面就做好了,往里面填充内容就可以了. 转换到代码视图,看看生成的代码,原来生成的是"<div align="c

Dreamweaver MX 2004高级技巧(10)使用上标和下标

dreamweaver|高级|技巧 本文的目的,是想通过使用上标和下标,掌握在dreamweaver中输入标签的方法. 输入上标 1.在文档中,把插入点放在要输入上标的地方. 2.在"插入"面板,单击"标签选择器". 3.在"标签选择器"中选择sup标签,单击"插入"按钮. 4.在"标签编辑器"中,输入上标的内容. 5.输入上标的结果. 输入下标 按照输入上标的方法,在"标签选择器"中选

Dreamweaver MX 2004高级技巧(9)在居中页面使用层

dreamweaver|高级|技巧|页面 在居中页面中使用层,最大的问题就是层的定位问题,当改变显示器分辨率后,层相对其它居中元素就会改变位置.本文介绍层相对其它居中元素不会错位的方法. 层的绝对定位和相对定位 层的绝对定位代码: <div id="Layer1" style="position:absolute; left:45px; top:25px; width:400px; height:155px; z-index:1"></div>

Dreamweaver MX 2004高级技巧(7)使用框架的“行为”

dreamweaver|高级|技巧 有几个特别适合用于框架的 javascript 行为和与导航相关的命令. 首先我们先建立一个如下图所示的框架网页文件: 单击一个链接更改两个或多个框架的内容 选中一个链接后,重复使用"转到 URL"行为. 1.首先假定已经建立了一个框架页面,有一个链接在"mainFrame"中打开,现在要做的是,点击链接后,改变其它框架中的内容. 选中一个链接,打开行为面板,选择"转到 URL"行为. 2. 选择要改变的框架名

Dreamweaver MX 2004高级技巧(6)框架网页的操作

dreamweaver|高级|技巧|网页 框架是一种先进的web技术,它比模板更灵活,可以方便创建使用相同布局的多个页面.本文介绍创建基于框架的网页步骤和对框架的修改. 在制作该框架页面之前先做好3个页面! 一.创建框架 1.选择"文件">"新建",在"新建文档"对话框中,选择"框架集"类别,从"框架集"列表选择合适的框架集. 2.选择"窗口">"框架",