<b>Dreamweaver本领大放送前六招</b>[DW设计]
本文“<b>Dreamweaver本领大放送前六招</b>[DW设计]”是由七道奇为您精心收集,来源于网络转载,文章版权归文章作者所有,本站不对其观点以及内容做任何评价,请读者自行判断,以下是其具体内容:
以目前的情形来说, 内建的功效可说是越作越多、越作越丰富、齐备.在这里我要向大家介绍的4.0版本中的一些利用小本领.
1. 让页面更有弹性
有些开辟者称以下要介绍的这种本领为 liquid,我在这儿则把这种本领叫做是 stretchy(弹性延伸的本领).这是一种本领,可在访客浏览器窗口大小改变时也随之调整页面大小,因此若是窗口过大就不会有空白处、窗口太小边沿就不会跑出上下移动的拉Bar.其实大大都简单的会自己随着浏览器窗口大小来调整页面大小,但是若是里用到很多差别的框框及表格,页面大小就很难自动弹性地调整.普通者会用混合应用固定栏宽的框框,和 GIF 图档作为隔断, 来页面,这样一来不管是用 Internet Explorer 或是用,页面大小城市固定而不会跑掉.用 4.0 可以轻而易举的出会自动弹性调整的.要怎么做呢?
用工具面版(Object palette)上的按钮开启,并且转换到 格局检视( Layout view).这时可以看到文字方块的列宽, 每一列的方框上方中间还有一个小小的下拉式箭头 ,挑选想要设定弹性显示的列上方的小箭头,接着挑选「将列设为弹性显示」( Make Column Autostretch). (设定自动调整列宽以一列为限)这时该列方框上方就会呈现一条波浪形的线,而不是本来表示列宽的数字. 会自动制作出固定版面的空格图文件,这个空白图文件是以列上方的两个长条形的空白表格表示,如此版面会自动被填充,才会完成弹性版面设定.(在第一次增添空白图文件时会跳出一个对话框问你能否要利用内建图档,为求效果,我倡议你让 自动产生一个,不然就不用利用空白图文件来填充版面.)
2. 创造本性化调色盘
4.0 新的 Assets panel(属性掌握面板)是一种可以在编辑时按照档案型态,比方图片、样板等来管理档案的新工具,当你定义新站台时(挑选Site · New Site),全部范例的组件会自动增添到 Asset panel 里的得当表框中.这个加入新的Assets panel属性掌握面版里也有颜色框,储存你里所用到的全部色彩,包含文字的颜色、后台的颜色,以及连结的颜色等.这是一个为利用者量身定做的导向颜色盘.只要激活 Assets panel (先挑选 Window · 再挑选 Assets),接着挑选左方那个小小的色彩转动条,便可以看到你里形形色色的颜色选项.当然你可以将这些颜色拉到某些特定选取的文字中.乃至当你挑选某种颜色时,画面上会呈现这种颜色的十六进制值的色彩浓淡度,和三色对应码(RGB).假如想将调色盘工具列缩小一点,乃至可以仅加入某些颜色到调色盘的珍藏夹里.只需将选取的颜色反白、挑选窗口里一个叫做「增添到我的珍藏夹」按钮(最下方靠右的按钮),就完成了.
3. 制作弹出式选单导览系统
本来要制作弹出式选单导览系统(Pop-up Menu Navigation System)要用到好一些 javascript 的语法本领,但是若你装了/Fireworks Studio,轻轻松松便可快速办到.首先在 里开始,挑选某个图片, 然后在 Set Pop-Up Menu的对话框里挑选 Insert· Pop-Up Menu,你可以输入项目(items)的名称并挑选 Plus (加入)按钮,来新增该项目.你可以持续在跳出来的讯息框里举行细项设定,比方设定该项目所要用的文字及连结,当然也可以新增子选单、并重新安置下一层的设定.完成时,挑选 Next (下一步),持续设定偏好值,比方颜色、等等.这时选单完成后,可以预览 HTML 语法,也可预览影像.再挑选 Finish (完成).这时当鼠标移动到本来的图案时,会呈现选单系统的内容一览. 接着将制作好的档案汇出时, 会自动生产出全部 需求用到的 HTML、JavaScript,以及影像档案.
4. 让图档动起来!
假如你同时安装有 /Fireworks Studio,这两种产品搭配的完善程度将使你赞不断口.即便你不是专业的图档者,在时也多多极少想把一些 GIF 图片文件改正得活机动现. 可以让你制作动画不求人喔!在尺度窗口里挑选要举行改正的图片,然后在 Property Inspector 里挑选编辑钮(Edit).假如你安装的 里附有 , 就是 预设图片编辑器,这时图片就会自动加载到 .(若细心看,各位会发现 的画面会呈现 Editing From 这样的文字和图样,指导你可以由 里举行图片编辑.) 好了,目前在 里挑选要编辑的图片,挑选 Modify ·Animate ·Animate Selection. 接下来完成 Animate dialog box 里的设定,选定动画的框架数,动画移动的方向、透明度等等设定.你也可以挑选 Frames 工具列设定移动速度,挑选 Object 面版来改变设定.要汇出档案时,只要挑选 Optimize 工具列,在档案范例的地方挑选 Animated GIF.完成今后, 就会自动将图片以最佳化设定汇出,并且自动将 GIF 图档更新,还会在 里将更新过的图档秀出来.挑选 File ·Preview in Browser,这样便可以在浏览器里预览方才制作完成的可爱图档!
5. 让按钮有闪耀效果
在 中,不用有 ,也可以制作有闪耀效果的 按钮对象. 4.0 版内建有好几个 按钮对象,可以制作好几个差别情势的按钮.挑选 Insert ·Interactive Images · Button 便可看到有哪些内建按钮.在对话框内乃至可以用鼠标指到想要利用的按钮情势,然后看看在浏览器里的效果若何.用鼠标光标把要用的按钮情势选起来,再依序输入参数,比方按钮上的文字、字形、颜色、连结等,或是自定文件名称.按 下OK.接下来就会有一个 SWF 档产生,档案并会自动置入你的中.按一下这个做好的档案,会看到 Property Inspector (属性明细)中会秀出档案的属性.将档案属性秀出来时,假如扩大档案属性明细表,会呈现 Play (播放)钮,挑选之后可以不用开启浏览器来预视按钮的闪耀效果.
6. 制作流动文字
在中增添 流动文字就像增添我方才介绍的 按钮一样简单.相同地,不用安装 ,用 4.0 供应的新功效便可以轻松办到.常用 HTML 语法写、没有交互式媒
以上是“<b>Dreamweaver本领大放送前六招</b>[DW设计]”的内容,如果你对以上该文章内容感兴趣,你可以看看七道奇为您推荐以下文章:
本文地址: | 与您的QQ/BBS好友分享! |