推荐阅读

浅谈网页设计师应该懂点设计心理学
设计师通常不会花时间去学习一些基本的心理学,而恰恰是这些心理学有的能影响到用户的浏览体验。心理学的一些基本准则其实不是大家想的那么无用,也不是大家想的那么复杂。很多心理学上的一些规律学习起来非常简单。而且他们行之有效,尽管需要做出一点思考和计划。一、以心理学为基础的设计目的是什么在设计过程中稍微考虑下心理学的因素对于最后的结果来说很有帮助。如果你将心比心,把自己当作用户,花点时间去考虑用户的需求,然后再回到你自己的设计思路上,那么你就会明白该如何组织元素以吸引用户。通过这种以用户为出发的心态去设计。结果很可能是用户满意,而且完成了你所期望的操作。无论是和你联系、还是购买你的产品、或者向朋友推荐你的网站。这就是将心理学带入设计中的主要原因。因为你更希望用户按照你的想法与你交互。二、构建信任感

用Microsoft WEFT工具制作EOT字库,让网页字体轻松秀出来
有不少初学做网页的朋友,会犯这样一个错误DD在网页中使用了很多种特殊的精美的字体,当网友们浏览时,却因没有安装相应的字库,只能看到默认的宋体字,效果惨不忍睹。利用图片的方式来显示这些特殊字体,会使网页的体积增大很多,而且还不能方便地复制网页的内容。好在微软公司发布了一款名为Microsoft Web Embedding Font Tool (WEFT)的软件,可以很方便地解决在网页中嵌入特殊字体的这一难题。 Microsoft Web Embedding Font Tool(网页字体嵌入工具,下载地址:http://www.microsoft.com/typography/web/embedding/weft3/weft01.htm)能够将网页中的字*作成一个EOT格式的压缩字库,这个字库中仅包含了你在网页中使用到的那些文字,因此体积非常小巧。当网友们访问这个页面的时候,浏览器会自动下载该字库,将其中的字体在网页上完美地显示出来。下面就让我把WEFT的应用介绍给大家: 1.安装并运行WEFT,点击工具栏上的"Wizard"进入向导界面,输入你的姓名和电子信箱地址; 2.(如图1),在"Add Web Pages"窗口中,选中要嵌入字体的网页,点"下一步"继续;图1 3.接下来会弹出一个对话框,大意是说,制作出的网页需要Unicode 和Uniscribe 的支持,所以在Windows 98 和MacOS 上可能会出现显示不正常的情况,询问是否继续。真嗦,当然要继续了!

像PPT那样简单―用Flash 2004制作幻灯片
如果提到制作幻灯片,很多老师都会想到Powerpoint。但是今天我们有了新的选择,Flash Mx 2004新增了幻灯片模板和屏幕功能,让课件制作既可以像PowerPoint那样简单,又可以尽情发挥自己的创意。 -利用模板 Flash 2004提供了“幻灯片演示文稿”模板,它内含四种不同风格,充分利用这些模板可以方便快捷地制作课件。 1.启动Flash 2004,此时会出现对话框,单击“从模板创建”下的“幻灯片演示文稿”,选择“怀旧幻灯片演示文稿”,进入编辑窗口。窗口分为两个部分,左边是缩略图及幻灯片的结构,右边的场景中是幻灯片的内容,这些称为“屏幕”。“Presentation”中是幻灯片的背景,里面是图片和两个上下翻页的按钮,在右边的场景中双击就可以进行修改,“Title”中是幻灯片的标题,双击可以进行修改,也可以删除原来的内容重新进行添加。 2.“ContentHeader”中是幻灯片的主体部分,下面的“MarchSales”、“WidgetSUCcess”都是幻灯片的内容,可以根据需要进行修改添加。如果觉得幻灯片的张数不够,在需要添加的地方右击选择“插入屏幕”即可。双击缩略图的名称可重命名。屏幕上可以放置动画、声音等,但要注意:通过屏幕中时间轴创建的动画是不能播放的,只能将动画做成一个影片对象,放置到屏幕上才能正常播放。 3.根据需要,修改添加完成后,按“Ctrl+Enter”观看幻灯片。 -自己创作图1课件界面 尽管Flash 2004给我们提供了模板,但是模板还是太少,而且也不一定合我们的“口味”,此时我们也可以充分发挥自己的创意,自己制作幻灯片课件。

FlashMX经典实例-对象类:电子日历
Flash MX中新增加了不少对象,如:Stage、System、Microphone、Camera、NetStream、Video等。现在,Button、TextField、TextFormat对象也可以被当作基本对象使用了。即影片剪辑、按钮和文本字段可以作为对象来使用。可以在属性“面板”中给它们设置一个实例名称。TextField和TextFormat对象可以设置、更改文本字段及其内容并设定其格式。Flash MX支持Listener(监听对象)技术,如:FStyleFormat、Key、Mouse、Selection、Stage和TextField,这些对象可以通过addListener支持Listener。效果预览图:图1-1效果简介: 该实例是一个很普遍的电子日历效果。因为许多效果都需要使用到时间,时间效果也是大家最喜欢和最想要学习的。所以笔者就用这个效果来作为“攻克”对象的突破口。文章简介: 其实大部分对象并没有大家想得那么难掌握。通过学习这个电子日历效果的制作,读者们不仅可以学到Date(时间)对象的使用方法,还可以对整个对象产生一个具体的认识。制作步骤: 设置场景的大小为240px×160px,背景色为黑色,帧频为15fps。 1.按快捷键Ctrl+F8,然后创建一个“背景”图形元件。在“背景”的场景中按快捷键Ctrl+R打开“导入”面板导入一幅背景图。如图1-2所示。图片的大小应该和场景的大小一致。
最新发布

妙用Dreamweaver MX共享Word XP文件
我们平日办公时用得最多的软件是Execl、Word或WPS Office等,你的计算机中一定储存着大量的XLS、DOC、WPS文件吧!网页制作时需要将此类文件转换为HTML文件,你是如何处理的呢?下面就随我来看一下将DOC转换为HTML文件的方法吧! 一、复制法 1、如果你的Word XP文件全部是文字,没有表格和图像,那么使出惯用的复制大法来,将全部文字迁移到Dreamweaver MX中,保存后大功就告成了。 2、若Word XP文件中有图像,是不能直接复制到Dreamweaver MX中的,可作如下处理:把图像复制到图像处理软件如画图、Fireworks中,再另存为jpg或gif图像,将jpg或gif图像插入到Dreamweaver MX中即可。 二、导入法 如果你的Word XP文件中有表格,采用复制法是行不通的,处理方法是: 1、将表格转换成文本。把Word XP文件中表格之外的文字全部删除,只保留表格,单击“表格/转换/表格转换成文本”,在“表格转换成文本”对话框中“文字分隔符”选择“制表符”,如图1所示。 2、将Word XP文件另存为TXT文件。单击“文件/另存为”,保存类型选择“纯文本”,在随后的“文件转换”对话框中采用默认设置,单击“确定”按钮即可。

妙用DreamweaverMX共享WPS Office文件
我们平日办公时用得最多的软件是Execl、Word或WPS Office等,你的计算机中一定储存着大量的XLS、DOC、WPS文件吧!网页制作时需要将此类文件转换为HTML文件,你是如何处理的呢?下面就随我来看一下将WPS转换为HTML文件的方法吧! 一、复制法 1、如果你的WPS Office文件全部是文字,没有表格和图像,那么使出惯用的复制大法来,将全部文字迁移到DreamweaverMX中,保存后大功就告成了。 2、若WPS Office文件中有图像,是不能直接复制到DreamweaverMX中的,可作如下处理:把图像复制到图像处理软件如画图板、Fireworks中,另存为jpg或gif图像,再将jpg或gif图像插入到DreamweaverMX中即可。 二、转换、导入法 如果你的WPS Office文件中有表格,采用复制法是行不通的,也不能采取处理WORDXP文件中表格的方法。但事在人为,我们可以换一种思路来解决,具体办法是: 1、把WPS Office中数据转换到ExeclXP文件中。选中WPS Office表格中的所有数据,单击工具栏中“复制”按钮,切换到ExeclXP中,单击工具栏中的“粘贴”按钮,保存为XLS文件。 2、把XLS文件另存为TXT文件。在ExeclXP文件中单击“文件/另存为”,保存类型选择“文本文件(制表符分隔)”,出现提示窗口后确认即可,保存为TXT文件。 3、把TXT文件导入到DreamweaverMX中。在DreamweaverMX编辑窗口中单击“Insert/Table Objects/Import Tabular Data...”,打开“Import Tabular Data”对话框,在对话框中单击“Browse...”按钮,找到要导入的文件TXT文件,双击此文件填加到Data File栏中,、单击“OK”按钮即可。

巧用Dreamweaver MX控制页面元素
浏览带有下拉菜单的网页时,我们经常会注意到当更改显示器分辨率时,其下拉菜单的位置并没有改变,这也是我们设计网页时容易忽略的一个问题,其实通过CSS控制页面元素精确定位后,这一点就不难实现了。 建立主菜单栏 新建页面,执行菜单“Insert/Table”命令打开“Insert Table”对话框,插入一个一行多列的表格,表格列数由你的菜单条目决定,同时设置“Cell Padding”、“Cell Spacing”以及“Border”参数(如图1)。在建立的表格中输入主菜单导航文字,选取表格及文字后,用快捷键“Ctrl+F3”打开其属性窗口,我们可以定义一个字体控制CSS来控制文字属性,调整相关参数(如图2)。 CSS实现相对定位菜单栏 定义一个CSS相对定位的定义控制,将相对定位模型(菜单栏表格)定义为这个CSS属性。使浏览器以相对定位模型左上角作为原点,建立新的坐标系。再在这个相对定位模型下级插入层,使之相对于该相对定位模型定位。使用CSS控制后再在表格中插入的层是不可拖动的,改变其位置可以直接在其属性面板上输入L、T的参数值。 打开“CSS Styles”面板,点击“New Style”按钮,在弹出“New Style”窗口中定义一个名称为.pos的CSS属性,并且选择“Make Custom Style”的“Type”类型和“This Document 0nl”的“Define”类型,“确认”进入“Style Defintion For .pos”窗口,选取“Positioning”定义Type为“Relative”确定。选取菜单栏表格,将该CSS控制添加到菜单栏所在的表格中。使该相对定位模型(表格)建立新的坐标系,只要我们在其中插入下拉菜单层,并设置层内容和主菜单的鼠标响应事件就可以使下拉菜单精确定位了。 插入菜单栏目 光标移入表格第一列,执行菜单“Insert/Layer”命令插入一个新层,作为“菜单一”的下拉菜单,点击层内部,执行“Insert/Table”命令,设定该表格行数、列数,并将表格线宽度设为“0”,表格底色为喜好颜色,输入菜单项目文字,设定文字CSS控制效果,并调整菜单大小。以同样的方式做出其他下拉菜单图层效果(如图3)。 设置层属性和鼠标响应事件 分别选中层Layer1、Layer2、Layer3、Layer4,在其属性窗口中把“Vis”项改为“Hidden”,把这4个层隐藏。

巧用Dreamweaver MX制作阴影字
网页制作中用到的特效字,你一定是用图象处理软件制作的吧!告诉你,不用图象处理软件,我也能做出漂亮的特效字来,你看,阴影字我就是这样做出来的。 1、打开DreamweaverMX,新建一文档; 2、插入一个图层,图层编号默认为“layer1”,输入文字“阴影字”,通过属性面板设置其字体为“华文行楷”,字体大小为“7号”,颜色默认为黑色,如图1所示; 3、选中图层“layer1”,单击“编辑”菜单下的“拷贝”命令,将光标移到图层“layer1”,再单击“编辑”菜单下的“粘贴”命令,将复制的图层编号改为“layer2”,这样图层“layer2”成为图层“layer1”的子层; 4、将图层“layer2”中的“阴影字”三个字设置颜色为“#FF0000”,如图2所示; 5、移动图层“layer2”,使两个图层中的“阴影字”三个字略微错位,形成阴影字的形式,这样阴影字就制作完成了,如图3所示。

巧用Dreamweaver MX设计导航栏特效
关于导航栏的设计有很多特效,但你浏览过这样一种导航栏特效吗?当鼠标移到导航栏目上时,导航栏目会被一层“蒙版”所遮盖,而鼠标移开时“蒙版”也随之移开。该特效其实可以在Dreamweaver MX中设置两个CSS属性分别控制,当鼠标移到和移开导航栏目时显示背景图片,并设置导航栏表格的鼠标响应事件即能实现。当然背景图片至关重要,需要一张动态的、可长短交替变换的GIF图片,可以用Fireworks制作该图片。 制作背景效果图 在Fireworks中新建一个170×17像素、背景为透明的文档。更改油漆桶填充颜色为淡灰色(#F1F1EF),选取工具栏“Rectangle Tool“工具,使用该色将编辑可视区画一个矩形。再次更改油漆桶填充颜色为黄褐色(#FF9900),以同样的方法在图片最左侧画一个小矩形(如图1)。最后导出GIF图片并命名为mouseover.gif,以后用作鼠标移到导航栏目上时显示的背景图片。 在这张做好效果图基础上,制作鼠标移开时的动态GIF效果图。执行菜单“Windows/Frames”命令打开帧控制面板,点击四次面板下部“New Frame”按钮添加四帧,添加这四帧作用是:在每一帧上设置由长到短的淡灰色(#F1F1EF)背景层图片以实现动态变换效果。选取第一帧图片中的淡灰色背景层图片,单击帧面板右上角三角形按钮,执行弹出菜单“Copy to Frame”命令,在“Copy to Frames”对话框中选择“All Frames”确认将淡灰色背景层图片复制到各帧中,当然别忘记也将黄褐色(#FF9900)矩形层图片也复制到各帧中。选取第一帧图片,使用鼠标调整淡灰色背景层图片大小至编辑可视区域右侧1/5处。同理调整2、3、4帧淡灰色背景层图片逐渐变短至消失于左侧黄褐色小矩形中,选取油漆桶填充颜色为深紫色(#003366),填充黄褐色小矩形为该色。为了使效果更加流畅,双击帧控制面板各帧后时间延迟参数,将其设置为“8”(如图2)。最后导出mouseout.gif动画文件。 制作特效 在编辑页面中,执行菜单“Insert/Table”命令插入单列表格,行数由导航栏目数目而定,并设置表格宽度为172Pixels。选取该表格,快捷键“Ctrl+F3”打开其属性窗口,更改“Border”参数为“0”、“CellSpace”参数为“1”(如图3)。设置导航标题栏背景图片为“mouseover.gif”,其他各行“Bg”背景色参数为“#CCFFFF”(淡蓝色)、背景图片为“mouseout.gif”,并输入各行导航信息(如图4)。 快捷键“Shift+F11”打开“CSS Styles”控制面板,点击“New Style”按钮,在弹出的“New Style”对话框中,分别定义鼠标移开导航栏目时显示“蒙版”撤消背景图片“mouseout.gif”的CSS控制名称为“Out”,鼠标移到导航栏目时显示“蒙版”背景图片“mouseover.gif”的CSS控制名称为“Over”。复选“Make Custom Style”的Type类型和“This Document Onl”的Define类型,在“Style definition for .”对话框中设置这两个CSS属性Background项“Background Images”参数为背景图片为“mouseout.gif”和“mouseover.gif”。

Dreamweaver制作网页实用七小招
一、从外部文档中粘贴时,如果只要文字而不想要其格式,可以使用“Edit→paste as text”命令,不要直接用Ctrl+V。二、当有浏览者使用Netscape浏览页面时,在改变窗口大小的时候页面会花掉。在制作网页时就应该考虑到这个问题,可以通过点击“Command→Add/Remove Netscape resize fix”来加以解决,它可以使在Netscape中浏览页面时,改变窗口大小的时候页面不会花掉。 三、仅仅拷贝文字。当我们从Dreamweaver中拷贝文字到另一个应用程序的时候,HTML代码和文字一起被拷贝过去了。一般我们都用快捷键Ctrl+C来拷贝, 如果在拷贝的时候多按一个“C”键则只拷贝选中的文字。 四、在Dreamweaver中输入空格是一件令人很头痛的事。如果你按下面的方法操作就会简单多了:先将“中文输入法”转换成全角状态,然后同时按下键盘上的Shift+Ctrl+space就可以插入一个空格(可以连续输入)。 五、library组件和template模板不用上传服务器,就可以正确预览使用了该组件或模板的页面。 六、不要在同一个页面同时使用表格和层来布置,在Netscape中会导致混乱,从属关系除外。 七、一次链接到两个网页。我们都知道超级链接一次只能连到一个页面。如果你要想一次在不同的框架页中打开文档,可以使用“Go To URL”JavaScript 行为。打开一个有框架的网页,选择文字或图像,然后从行为面板中选择“Go To URL”。你会注意到Dreamweaver会在“Go To URL”对话框中显示所有可用的框架。选择其中一个你想链接的框架并输入相应的URL后再选择另一个框架并输入另一个URL。

在Dreamweaver MX中应用“占位图形”
“占位图形”顾名思义是在准备好将最终图形添加到 Web 页之前使用的临时图形。使用它可以在没有理想的图形的情况下先行制作Web页面――在需要使用图形的地方插入一个占位图形先“占领”着“地盘”。 一、插入占位图形 将光标定在需要插入图形的地方;选择:插入>图像占位符即出现图像占位符对话框,如图: 设定好各项参数后点击“确定”即将占位图形插入到了页面中,如图: 上面显示了名称和大小。察看源代码发现增加了一个包含空 src 属性的图像标签。 二、替换占位图形 1.当页面设计好以后,我们就需要使用正确的图形来替换到占位图形。在用DreamweaverMX(简称Dreamweaver MX)中选中占位图形并打开属性面板,点击“创建”按钮。则Dreamweaver MX就会启动FireworksMX(简称Fireworks MX)并自动建立好一个和占位图形同样大小的空白画布等待图形设计师的“操刀制作”。

用Dreamweaver MX创造网页鼠标样式
经常在网上冲浪的朋友是否曾注意到有些网站的鼠标不是规则的斜向上箭头的形状,而是"十"字形,或者是向左的箭头,或者是个问号等等。当你想在网页的不同位置让鼠标显示不同形状,以体现不同的功能区;当你想让你的网站体现与众不同的风格时,考虑一下在鼠标样式上下功夫吧。其实鼠标样式的用途还是极为广泛的,那么怎样才能实现鼠标的不同样式呢? 启动Dreamweaver,打开你要应用鼠标样式的网页,在主窗口中选择Text下拉菜单,再选择CSS Style子菜单中的New Style命令新建样式表。(注:如果你的网页中已经存在样式表,可以选择CSS Styles' Edit Style Sheet编辑样式表。) 此时弹出New Style对话框。其中Type项有三个单选按钮:Make Custom Style、Redefine HTML Tag、Use CSS Selector。其中Make Custom Style 是自定义样式,样式名以圆点开头;Use CSS Selector是使用CSS选择器,里边包含四个超链接样式a:active/a:hover/a:link/a:visited;Redefine HTML Tag是定义HTML系统标签的样式,如a\body\br等等。假设我们只对该页面的超链接设置鼠标样式,这里选择Redefine HTML Tag选项中的a标签。下面的Define项选择This Document Only。单击OK按钮。 弹出Style definition for 对话框,进入超链接样式设置。左边的Category是样式类别,这里对其它项不作解释,我们选择Extentions项。可以看到右边Visual Effect中的Cursor项,这就是设置鼠标样式的关键项。单击右边的下拉菜单,选择你所需要的鼠标样式,单击OK按钮就可以了。下面讲一下各样式的大致含义。 hand:是大家所熟悉的手型。 crosshair:是十字型,就是小乌龟首页所用的样式。 text:是平时鼠标移动到文本上的样式。 wait:是等待的效果。 default:是默认的那种效果。 help:是带问号的鼠标样式。 e-resize:是向右的箭头。 ne-resize:是向右上方的箭头。 n-resize:是向上的箭头。 nw-resize:是向左上方的箭头。 w-resize:是向左的箭关。 sw-resize:是向左下的箭头。 s-resize:是向下的箭头。 se-resize:是向右下方的箭头。 auto:是系统自动的效果。 当然根据需要你也可以将样式应用于其它标签,或者单纯的只应用于某一段文本。如果读者对CSS代码不陌生的话,或许直接手写代码更方便。特别是,如果你想在不同的位置运用不同的鼠标样式,或者不同的标签使用不同的鼠标样式。直接将样式写在某个具体的标签里边就可以了。 方法是:< tag style="cursor:mouse_style">。其中tag是标签名,mouse_style就是鼠标样式,如hand/crosshair/text/wait等等。 下面举个具体的实例以加深大家对鼠标样式设置的理解。 < span style="cursor:hand"> hand:是大家所熟悉的手型。< /span>< br> < span style="cursor:crosshair">crosshair:是十字型,就是小乌龟首页所用的样式。< /span>< br> < span style="cursor:text">text:是平时鼠标移动到文本上的样式。< /span>< br> < span style="cursor:wait">wait:是等待的效果。< /span>< br> < span style="cursor:default">default:是默认的那种效果。< /span> < br> < span style="cursor:help">help:是带问号的鼠标样式。< /span>< br> < span style="cursor:e-resize">e-resize:是向右的箭头。< /span>< br> < span style="cursor:ne-resize">ne-resize:是向右上方的箭头。< /span>< br> < span style="cursor:n-resize">n-resize:是向上的箭头。< /span>< br> < span style="cursor:nw-resize">nw-resize:是向左上方的箭头。< /span>< br> < span style="cursor:w-resize">w-resize:是向左的箭关。< /span>< br> < span style="cursor:sw-resize">sw-resize:是向左下的箭头。< /span>< br> < span style="cursor:s-resize">s-resize:是向下的箭头。< /span>< br> < span style="cursor:se-resize">se-resize:是向右下方的箭头。< /span>< br> < span style="cursor:auto">auto:是系统自动的效果。< /span>

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

十六则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、巧妙设置字体分辨率