如何有效利用dw制作漂亮的导航栏效果
Dreamweaver创建网站导航栏的简单方法

Dreamweaver创建网站导航栏的简单方法导航栏是网站中非常重要的组成部分之一,它不仅能够帮助用户快速定位所需内容,还能提升用户体验。
Dreamweaver是一个广泛使用的网页设计和开发工具,提供了一些简单的方法来创建网站导航栏。
本文将重点介绍使用Dreamweaver创建网站导航栏的简单方法,并按照以下几个章节进行详细说明。
第一章:了解导航栏的作用和设计原则在开始设计导航栏之前,我们应该先了解导航栏的作用和设计原则。
导航栏应该清晰、简洁,并能传达网站结构的层次关系。
设计导航栏时,需要考虑网站的整体风格和定位,选择适合的字体、颜色和图标等设计元素。
第二章:创建导航栏容器在Dreamweaver中,我们可以使用HTML和CSS来创建导航栏容器。
可以使用```<div>```元素作为容器,并使用CSS样式定义其外观。
通过设置宽度、高度、背景颜色或背景图片,调整导航栏的外观以适应网站的设计风格。
第三章:创建导航链接导航栏的核心部分是链接,它们将用户引导到网站的各个页面。
在Dreamweaver中,我们可以使用超链接工具或手动编写HTML代码来创建导航链接。
通过设置链接的文本、目标页面和样式,我们可以将其添加到导航栏中。
第四章:设置导航样式为了提高用户体验,我们可以对导航链接添加一些样式效果,比如鼠标悬停时的颜色变化、点击后的状态等。
在Dreamweaver 中,可以使用CSS样式表来定义这些效果。
通过选择链接元素,然后在属性面板中设置颜色、字体大小、边框等样式属性,达到所需的效果。
第五章:响应式导航栏设计如今,移动设备越来越普及,导航栏的响应式设计变得尤为重要。
通过使用CSS媒体查询,我们可以根据不同设备的屏幕宽度自动调整导航栏的布局和样式。
在Dreamweaver中,可以使用CSS Designer工具来创建和编辑媒体查询,并针对不同的屏幕大小设置导航栏样式。
第六章:导航栏动画效果为了使导航栏更加生动和吸引人,我们可以添加一些动画效果。
Dreamweaver中多种菜单样式的实现方法_0

Dreamweaver中多种菜单样式的实现方法【摘要】导航菜单是一个网站不可缺少的部分,是指引和方便浏览者访问所需内容的快速通道,它是如何设计和实现的。
本文介绍了三种样式的导航菜单以及每种式样的导航菜单的具体实现方法,同时也比较了这几种导航菜单的特点和不同,以及在具体制作导航菜单时的注意之处。
【关键词】菜单样式;导航菜单;导航菜单的实现;导航条的实现一、引言凡是浏览过网页的人都知道:导航菜单是一个网站不可缺少的部分,它不仅直观的体现出了这个网站的整体结构,更是指引和方便浏览者访问所需内容的快速通道。
故而,网站导航菜单的设计和实现就体现得尤为重要了,良好的网站导航会使网站更易于访问、更加吸引浏览者。
导航条的样式和风格是网站样式的一个重要的组成部分,好的导航条可以在确定网站风格的同时,清晰网站的层次。
二、导航菜单样式的实现1.普通的导航菜单样式普通的导航菜单样式适合下级链接页面不多,结构也不是很复杂的网站,使用Dreamweaver面板中提供的层或者表格直接编辑链接就可以了。
以表格的制作方式为例,我们创建一个水平的导航菜单,插入1行多列的表格(一个菜单项为一列),在每个单元格中输入具体的菜单项或者也可使用自己设计制作图片为菜单,在属性面板中编辑超链接的地址。
若我们需要制作侧边菜单栏,可以采用垂直的导航菜单样式,插入多行1列的表格进行编辑,在单元格中添加文字或图片,编辑超链接即可。
但是,无论是水平还是垂直导航菜单都有美中不足:编辑过超链接的文字会出现的蓝色的下划线,我们可以通过之间添加代码来解决:a:link {text-decoration:none;}a:visited {text-decoration:none;}a:hover { text-decoration:none;}a:active { text-decoration:none;}2.带滑块效果的导航菜单样式当鼠标指向导航菜单的某一菜单项时,该菜单项的颜色就会变成与其他菜单项不相同。
Dreamweaver网页制作基础教程任务二:创建跟随漂浮广告的导航菜单

事件 onclick ondblclick onblur onfocus onmousedown
onmouseup onload onunload
描述 单击,即当对象被鼠标单击后发生的事件,下同
双击 失去焦点 获得焦点 鼠标按键被按下(onclick是单击,即在系统规定的时间内按下再弹起)
鼠标按键被松开 一个页面或一幅图像完成加载
图10.2.8 层的前后关系
2.了解“事件”
在完成任务的过程中,通过Div的“行为”功能来控制漂浮广告的导航菜单,使其能够按要求在 鼠标经过时弹出菜单,鼠标移开后菜单消失。在这里,“菜单出现”、“菜单消失”等是行为, “鼠标经过”、“鼠标移开”等是事件。浏览器会监听用户的操作,当发生某个事件时就调用对 应的行为。常见的事件及其描述如表10.2.1所示。
步骤6:设计动态行为。
(1)在设计视图中选中AD层;
(2)打开“行为”窗口(“窗口”→“行为”选项,或 “Shift+F4”组合键)。
(3)在“行为”窗口中单击“+”按钮,在弹出的菜单中选择 “显示-隐藏元素”选项(如图10.2.4所示)。在弹出的对话框中 选择“div"ad_menu"”选项,并单击“显示”按钮,如图10.2.5 所示。
Dreamweaver网页制作基础教程任务 二:创建跟随漂浮广告的导航菜单
任务二:创建跟随漂浮广告的导航菜单
用DWMX制作导航下拉菜单

用DWMX制作导航下拉菜单用DW MX制作导航下拉菜单导语:用Dreamweaver做网页,下拉菜单是最常见的功能,下面就由店铺为大家介绍一下如何用Dreamweaver MX制作导航下拉菜单,欢迎大家阅读!Dreamweaver从出道以来,其简便易用而又功能强大的“行为”(Behavior)一直是大家所关注的热点之一。
在Dreamweaver MX(DW MX)中,对这一功能又有了扩充与改进。
在DW MX中,行为指的是为了响应某一事件(Event)而采取的一个操作(Action)。
其中Event 指的是浏览器的事件,比如窗口刷新、鼠标移动等。
而Action 指的是后台响应事件的JavaScript 代码,可以完成相应的'操作,比如播放声音、翻转图片等。
用DW MX制作导航下拉菜单是网页中经常使用的特效之一。
(如图1)主要应用了DW MX中的“Show-Hide Layers”行为。
图1首先制作好导航条(图1中的“产品中心”那一栏),随后添加一个层,作为下拉菜单将要显示的位置,并填入下拉菜单的对应栏目。
接下来,打开“Behaviors”面板,同时选中“产品中心”链接(注意,这个时候不能够选中刚刚建好的层,否则无法应用“Show-Hide Layers”行为),单击“+”号,选择“Show-Hide Layers”,就可以看到我们刚刚建好的层在选择项中,可以设定为隐藏或者显示(如图2)。
图2行为的妙用主要体现在:如果我们要实现下拉菜单,关键就是让鼠标移到“产品中心”链接上时,使层显示;而鼠标离开链接时,使层隐藏。
根据这种思想,我们首先为这个层设立两个Action,一个选择Hide,一个选择Show。
然后,调整Event,将Hide Layer的Event 设为OnMouseOut,即为鼠标离开链接;而将Show Layer的Event设为OnMouseOver,即为鼠标选中链接。
按“F12”预览,就可看到我们期盼的效果。
用Dreamweaver做下拉导航菜单

用Dreamweaver怎么做下拉导航菜单具体步骤:1.按Ctrl+Alt+T插入一个两行三列的表格(图1.3.30):图1.3.30【Table】对话框的设置2.选中表格,在属性面板中设置表格的背景颜色,如图1.3.31所示。
图1.3.31 在属性面板(Propertyes)中设置表格的背景颜色3.光标定位到第一行第一列的单元格里,然后在属性面板中设置该单元格的颜色为"#CCCCCC"、水平对齐方式为"center"(居中),如图1.3.32所示:图1.3.32 在属性面板中设置单元格的背景颜色和水平对齐方式4.同理设置第一行第二、三列的单元格的背景颜色(分别为"#3399FF"和"#FFCC33")和对齐方式(居中),并在单元格里写上文字完成后如图1.3.33所示:图1.3.33在单元格中写上文字后的效果(Dreamweaver中)5.光标定位到第二行第一个单元格里,单击【插入】【布局对象】【ap div】插入层(图1.3.34)。
图1.3.34 在菜单中插入层6.选中该层,然后在属性面板中设置层的宽为"100px",高为"150px",背景颜色为"#CCCCCC"(跟第一行第一列的单元格背景颜色一致),如图1.3.35所示:图1.3.35 在属性面板中设置层的尺寸和背景颜色7.光标定位到层内,按Ctrl+Alt+T插入一个五行一列的表格(图1.3.36):图1.3.36在属性面板中设置所插入表格的属性8.同理在大表格的第二行第二、三列插入层,分别设置层的宽、高、背景颜色并在层中插入表格,完成后如图1.3.37所示:图1.3.37插入所有作为下拉菜单的层后的效果界面部分到这里就完成了,现在开始给层和单元格加上动作10.光标定位到第一行第一列的单元格后,按【窗口】【行为】打开行为面板,单击上面的【+】号按钮,在下拉菜单里选择【显示-隐藏元素】行为,在弹出的【显示-隐藏元素】对话框中作如图1.3.38设置(选中"元素"的第一项,再单击下面的【显示】按钮)。
dw制作实用导航的实验目标

dw制作实用导航的实验目标实验目标:本实验的目标是使用DW软件制作一个实用的导航栏,使用户可以方便地浏览和访问网站的各个页面。
导航栏应具有美观的外观、良好的用户体验和易于维护的特点。
实验步骤:1. 设计导航栏的布局:使用DW软件创建一个新的网页,并确定导航栏的位置和样式。
可以使用HTML和CSS代码来定义导航栏的外观,如背景颜色、字体样式和链接样式等。
2. 创建导航链接:在导航栏中创建链接,以便用户可以点击链接访问其他页面。
使用DW软件的“插入”功能可以快速创建链接,并指定链接的目标页面。
3. 设置导航栏的交互效果:为了提升用户体验,可以为导航栏添加一些交互效果,如鼠标悬停时改变链接颜色或背景颜色等。
可以使用CSS代码或DW软件提供的交互效果功能来实现。
4. 调整导航栏的响应式设计:为了适应不同设备和屏幕尺寸,可以对导航栏进行响应式设计。
可以使用CSS媒体查询或DW软件提供的响应式设计功能来实现导航栏在不同设备上的自适应显示。
5. 添加其他功能:除了基本的导航功能,还可以为导航栏添加其他功能,如搜索框、下拉菜单或登录按钮等。
可以使用HTML、CSS和JavaScript代码来实现这些功能。
6. 测试和优化:完成导航栏的制作后,应进行测试和优化。
测试导航栏在不同浏览器和设备上的显示效果,并检查导航链接是否正常工作。
如果发现问题,可以进行相应的调整和优化。
通过以上步骤,我们可以使用DW软件制作出一个实用的导航栏。
导航栏的设计和功能可以根据具体需求进行调整和扩展,以满足不同网站的需求。
同时,DW软件提供了丰富的功能和工具,可以帮助我们方便地制作出符合要求的导航栏。
一篇文章教会你如何制做精美导航条

一篇文章教会你如何制做精美导航条【一、项目背景】让更多的人去学习html,以广东科技学院的导航栏为例,教大家怎么去做一个横向的导航栏。
【二、项目准备】准备一个编程的软件Dreamweaver,打开软件点击文件新建一个叫导航栏的项目,如下图所示。
点击确定之后,会弹出下图。
【三、项目实施】1. 在<body>标签里面写下一个框架:注:<nav>标签定义导航链接的部分。
<ul> 标签定义无序列表,<li>标签定义列表项目。
<li> 标签可用在有序列表 (<ol>) 和无序列表 (<ul>) 中。
2. 写完运行(运行:右下角点击f12运行)看到效果,如下图所示:3. 加入css样式表(这里采用内部样式表)。
3.1 CSS样式表有两种加入的方式如图:3.2 去除li带来的小黑点:•••li{ list-style: none; }4. 基于上述步骤,运行一下如下图所示:5. 设置一下导航栏的样式。
1) 设置一下列表ul 的宽度,高度,背景颜色,文字位置居中(margin:0 auto)。
Li 同样的设置高度。
2) 去掉小黑点,再设置文字的颜色,高度,内边距,(个人喜好看着舒服就行)3) 设置文字的大小,去掉下划线(text-decoration:none;)。
下面是详细备注••••••••••ul li{float: left; # 把内容左浮动,这样可以横向排列 width: 100px; # 设置每个li的宽 height: 30px; # 设置每个li的高 background-color:pink # 设置li的背景颜色为粉色 border: 1px solid 6495ED; # 设置li的边框颜色以及边框大小 text-align: center; # 设置li中的文字样式为居中 line-height: 30px; # 设置li中文字举例上边框的高度 }ulli:hover{background-color: aqua;} # 设置将鼠标放到li时的背景颜色ul li:hover a{color: black;} # 设置将鼠标放到li中的a标签的内容时的文字颜色6. 完整代码,如下图所示。
Dreamweaver制作活动菜单条效果

Dreamweaver制作活动菜单条效果在自己的网页中加一些元素在Dreamweaer 中实现自动隐藏窗口功能效果,具体怎么做呢?大家就和我一起来制作吧!第1步:制作菜单外貌在Dreamweaer 中新建一个文件,绘制一个层,在该层中插入一个表格(如图1),对该表格进行修饰,然后加入菜单项并建立各项的超链接,为了去掉超链接的下划线,可以编辑超链接的CSS样式,在CSS样式面板中通过CSS选择器将“Link”和“Hover”的“Decoration(装饰)”均设置为“None(无)”,将“Hover”的“Color(颜色)”设置为红色,最后将设置好的样式应用到各个菜单条中(可按“F12”键预览效果)。
第2步:设计菜单的动态效果1、选定层面,当鼠标变成“十”字形时按住左键将层面拖动到页面右上角(使整个菜单条完全露出但上边缘正好靠拢页面上边界),在窗口菜单中打开时间线面板,选定层面将其拖动到时间线上,Dreamweaer会自动产生一个长度为15帧的动画对象,拖动该动画对象的最后一个关键帧到第30帧,将其长度设置为30帧。
然后在第15帧处单击右键,在弹出的快捷菜单中选择“添加关键帧”选项插入一个关键帧,并将层面拖动到适当位置(如图2)。
在时间线窗口中的第15帧处再次单击右键,在弹出的快捷菜单中选择“添加动作”,为该帧添加一个交互行为,Dreamweaer将自动打开行为面板。
单击行为面板中的“+”按钮,从弹出的菜单中选择“Timeline/Stop Timeline”,打开“Stop Timeline”对话框,选择“Timeline1”后单击“确定”按钮关闭该对话框。
交互行为的事件为“onFrame15”,动作为“Stop Timeline”,这样当时间线运行到第15帧时,动画将停止播放,这样就实现了菜单条弹回的功能。
2、用同样的方法在时间线的第30帧处也添加一个“Stop Timeline”的交互行为,这样就实现了菜单弹出的功能。
- 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。
目录目录 (1)增加新框架 (1)如何有效利用dw制作漂亮的导航栏效果 (1)建立CSS 导航代码 (6)Dreamweaver网页设计技巧 (7)怎样用Dreamweaver制作导航栏下拉菜单 (11)增加新框架如何有效利用dw制作漂亮的导航栏效果最近论坛中很多网友问到各种菜单和导航的制作方法,下面我们就网上常见的一些菜单和导航效果做简单的介绍。
考虑到满汉全席的菜单应该是最全的了,我们就以此为名,来顿super大餐。
Let’s Go!一、进门点心:利用Dreamweaver MX制作最基本的下拉菜单实现下拉菜单的思路是首先建立一个相对定位的层,调整其位置,并设置其显示属性为隐藏,然后通过给链接文本或图象添加onclick(点击)或者onmouseover(鼠标划过)的事件来触发“显示-隐藏层”的行为,显示隐藏的层,并且在鼠标划出层时隐藏层,实现下拉菜单的完整效果。
下面介绍在Dreamweaver中的具体操作步骤:1.使用菜单在页面中插入一个层,这个层是相对定位的层,然后再在其中插入一个子层,因为子层的位置是相对于父层而言,所以只要父层的位置不发生变化,改变子层的位置和大小不会改变其相对性,效果如图1所示。
图片如下:图1为了父层不占据页面空间,可以设置其宽和高为0,因为以后要调整子层的位置,所以先不设定子层的显示属性为隐藏,而是到确定子层到合适位置后再设置。
2.选中导航条上的链接文本。
使用快捷键Shift+F3激活行为面板,单击行为面板中的加号按钮,在弹出的行为下拉菜单中选择“显示-隐藏层”,在弹出的设置对话框中选中子层,单击显示按钮,如图2所示。
图片如下:图2 显示层设置完毕后单击确定按钮,修改其触发事件为onmouseover,即当鼠标划过文本时显示层。
接下来还需要设置鼠标划出文本后的行为,继续使用行为面板,选择“显示-隐藏层”,在弹出的对话框中选中子层,单击隐藏按钮,如图3所示。
图片如下:图3 隐藏层设置完毕后单击确定按钮,在行为面板中修改该行为的触发事件为onmouseout,即鼠标划出时隐藏子层。
3.拖动子层,调整其位置到和导航条贴近并垂直位于导航文本的下方的位置。
层在编辑页面中的位置和在浏览器页面中的位置是有差异的,所以需要多次调整并在浏览器中预览效果,只到达到合适的位置。
4.设置子层的显示属性为隐藏。
按F12键在浏览器中预览页面,下拉菜单效果如图4所示。
图片如下:默认状态图片如下:鼠标划过状态图4下拉菜单效果至此应该说基本实现了所要求的下拉菜单的效果,但是当把鼠标光标移动到层上,要选择子菜单时,层却消失了。
这是因为“显示-隐藏层”的行为是设置在文本“菜单1”上,鼠标划出文本区域后,当然就响应了隐藏层的行为。
所以还需要进一步的设置,给子层也加上“显示-隐藏层”行为。
利用行为面板,给子层加上“显示-隐藏层”行为,更简单的方法是在链接文本的HTML代码中拷贝如下代码:onMouseOver="MM_showHideLayers('layer2','','show')" onMouseOut="MM_showHideLayers(' layer2','','hide')"在子层的DIV标签内粘贴以上代码即可。
按F12在浏览器中预览,当鼠标划过映射时弹出下拉菜单,通过鼠标可以在下拉菜单中选择,鼠标划出映射和下拉菜单区域时,下拉菜单消失,完全实现了预定的效果。
小节:1.导航条的下边框线与子层的上边框应该重合,否则当鼠标光标移动到文本和层之间的空白区域时,层就会隐藏,达不到应有的效果;2.对于有多个下拉菜单时,可以将多个子层放在一个父层中。
为保持位置的统一,在调整完第一个子层的位置后,记下层距上和距左的值。
当导航图像为水平方向时,所有子层的距上的值都是相同的;当导航图像为垂直方向时,所有子层的距左的值都是相同的;3.调整完全部子层的位置后,再设置层的显示属性,有助于保持所有子层格式的统一;4.在层中插入图像或动画等页面元素可以制作出更酷的菜单效果。
{$page}二、三道茶:使用Dreamweaver MX中的行为使用“显示弹出式菜单”行为,可以快捷在页面中创建出自定义样式的弹出菜单。
具体的做法如下:创建一个空白HTML文档,保存文件。
选中页面中的链接(文本或图象)打开行为面板,单击加号按钮,选择动作菜单中的“显示弹出式菜单”,弹出设置弹出式菜单对话框,内容窗口图5所示。
图片如下:图5 设置菜单项目对话框文本、链接、目标的意义都很容易理解。
菜单:单击加号按钮可以添加菜单项目,选中菜单项目后单击减号按钮可以删除相应的菜单项目;选中菜单项目,单击按钮可以转换到上级菜单,单击按钮可以转换到下级菜单;单击上、下箭头按钮可以调整菜单项目的相对位置关系。
设置完菜单项目后单击“外观”选项卡可设置菜单的外观,如图6所示。
图6设置菜单外观对话框在第一个下拉列表中选择弹出菜单的样式为垂直菜单或者水平菜单,下面几个按钮可以设置文本的状态。
一般状态:在颜色选择器中选择菜单项目文本和单元格在默认状态下的颜色;滑过状态:在颜色选择器中选择当鼠标光标滑过单元格时菜单项目文本和单元格的颜色;设置完菜单外观后,单击“高级”选项卡设置菜单的高级属性,如图7所示。
图片如下:图7 设置菜单高级属性对话框前几个选项和一般表格参数的意义一致文本缩进:菜单项目文本在单元格中的缩进距离(单位:像素);菜单延迟:打开弹出菜单的延迟时间(单位:毫秒);弹出式菜单边框:选中“显示边框”就可以对边框颜色进行设置;不选中,就不会显示边框;设置完菜单高级属性后,单击“位置”选项卡设置菜单的位置,如图8所示。
图片如下:图8设置菜单位置对话框在菜单位置中选择不同的按钮可以设置菜单与设定网页元素之间的位置关系。
单击按钮设置弹出菜单位于网页元素的右下角;单击按钮设置弹出菜单位于网页元素的下方并靠近左边缘;单击按钮设置弹出菜单位于网页元素的上方并靠近左边缘;单击按钮设置弹出菜单位于网页元素的右上角;在X和Y文本框中可以设定菜单的相对与网页元素左上角的距离(单位:像素);选中“在发生onmouseout事件时隐藏菜单”复选框,当鼠标光标划出菜单时菜单隐藏,实际上就是应用了隐藏弹出式菜单的动作。
设置完弹出菜单所有的属性后,单击确定按钮即可在页面中插入弹出式菜单,按F12键在浏览器中预览效果,如图9所示。
图片如下:图9弹出式菜单效果使用显示弹出式菜单时,如果使用的网页元素为图像,需要首先给图像文件命名。
体现在HTML代码中就是在img标签中加上id属性,这样才可以给图像应用上显示弹出式菜单的动作。
建立CSS 导航代码看到上面的导航条了吗?你可以点击一下看看它的效果,请注意,这可是用表格做出来的,你相信吗?其实代码很简单,现在让我们来看看该怎么做。
1.首先创建一个1x6的表格,参数为:border=0 cellspacing=3 cellpadding=0;2.在这个表格的每个单元格内分别插入一个表格,宽度和高度设为100%;3.建立一个CSS样式.up和.down;代码如下:<style>.up{border:4 outset royalblue;color:yellow;background:blue;cursor:hand}.down{border:4 inset royalblue;color:#33ff33;background:blue;cursor:hand}</style>4.对插入的表格调用样式和行为,代码如下:class=up onMouseDown="className='down'" onMouseUp="className='up'" onMouseOut="className='up'" onclick=window.open("button.htm","_blank")注意:链接请用onclick,不要用href,因为后者访问后有虚线框,不美观。
现在存盘看看效果吧!Dreamweaver网页设计技巧1、灵活运用样式熟悉网页设计的网友就知道,调用Style的方法很多,我们可以单击鼠标右键选择Custon Style来调用Style标准,也可以在状态栏中的元素列表上单击右键来调用Style。
虽然不同的方法达到的效果看似一样,但实际上产生的HTML代码则完全不同。
比如用Custon Style来调用Style标准,在网页代码中就生成一个〈span〉标签,这样的标签一多就会使文件十分臃肿而且影响浏览器的解析速度,所以我们应尽量使用状态栏中的元素列表来调用Style。
2、活用Format Table命令在复杂的网页设计中,表格的应用是最多的,因为利用表格可以自由地控制文本和图象在网页上出现的具体位置,从而使整个网页看上去紧凑统一。
Dreamweaver在这方面也不甘落后,我们可以使用其中的“Format Table”(格式化表格)命令来快速地对表格应用预先设计好的样式。
要使用预先设计好的样式,先将光标置于表格的任意一个单元格内,再选择“Command”→“Format Table”命令,在随后出现的对话框中,从左边的列表中选择一个设计方案。
按“Apply” 键来查看效果,如果不满意的话,还可以重新设置或者修改部分参数的值,如边界粗细,背景颜色等等。
3、同时链接到两个网页我们都知道超级链接一次只能连到一个页面。
如果我们要想一次在不同的框架页中打开文档,可以使用“Go To URL”JavaScript 行为。
打开一个有框架的网页,选择文字或图象,然后从行为面板中选择“Go To URL”。
我们会注意到Dreamweaver会在“Go To URL”对话框中显示所有可用的框架。
选择其中一个我们想链接的框架并输入相应的URL后再选择另一个框架并输入另一个URL。
4、不给文件起中文名称大家在制作好了网页后,通常会给网页起一个具有代表性的中文名称,一来能使人一看文件名就能大概了解文件所包含的内容,二来能够方便各个超级链接之间的相互调用。
但如果你在Dreamweaver中这样做,就会发现Dreamweaver对中文文件名支持得不是太好,经常会有页面调用不正确的现象发生,所以我们以后在Dreamweaver中保存网页的时候,尽量用英文或者数字作为文件名称,这样就可以避免上面的出错现象。
5、巧妙设置字体分辨率我们在制作网页的时候,经常有这种体会,那就是制作好的网页在本地计算机上浏览时很正常,但在另外一台计算机上浏览时发现原本漂亮的网页变得歪歪扭扭了,这是为什么呢?原来各个计算机的分辨率要使你的主页在不同的分辨率下都能正常显示,在Dreamweaver中得到了较好的解决。