寻找Dreamweaver鲜为人知的小秘诀
发布时间:2008-04-28 12:10:00
一、背景分析
对想要在视觉化环境下制作复杂网页的专业网页制作者来说,Dreamweaver已经渐渐在网页编辑工具中展露头角,成为专业人士编写网页的最佳选择。根据Macromedia公司的调查,Dreamweaver目前已累积有超过七十万名的使用者,占有率在网页编辑工具中居冠,像“Adobe GoLive”和“NetObjects Fusion”等竞争者都被遥遥抛在后头。因此一般地预估Dreamweaver的使用群体将会持续的增加。
在这种势不可挡的普及率席卷之下,可想而知Dreamweaver内置的功能可说是越来越多、越来越丰富、齐全。在这次我们的介绍中,就有新增一些功能提供网页制作者一些更快速的设计、更容易地编码及整合性更强的功能。事不宜迟,以下我们介绍如何善用Dreamweaver里的一些功能。以下密技共有十二项,可分成四个主题。分别是:设计网页页面(Dreamweaver里具有弹性的页面设计功能)、搭配Macromedia其它产品一起使用Dreamweaver(制作动画和图片不求人)、自订使用界面(享受个性化的使用经验)和最后的加入Dreamweaver扩充程序(在网页中载入扩充高级功能 )。
二、设计网页页面的秘诀
不管你是要运用HTML原始语法逐字逐字来编写网页,或是运用标准化窗口来进行网页的视觉设计,以下的小秘诀都可以派得上用场。
秘诀1:让网页页面大小更有弹性
有些网页开发者称以下要介绍的这种技巧为“liquid”,在这儿则把这种技巧叫做是“弹性延伸的技巧”。这是一种技巧,可在访客浏览器窗口大小改变时也随之调整网页页面大小,因此如果窗口过大就不会有空白处;窗口过小边缘就不会跑出上下移动的拉条。其实大多数简单的网页会自己随着浏览器窗口大小来调整页面大小,但是如果是网页里用到很多不同的框架及表格,网页页面大小就很难自动弹性地调整。通常网页设计者会用混合运用固定宽度的框架,和GIF图片作为间隔来设计网页页面,这样一来不论是用Internet Explorer或是用Netscape Navigator,页面大小都会固定而不会跑掉。用Dreamweaver 4.0可以轻而易举的设计出会自动弹性调整的网页。要怎么做呢?
★具体做法:用工具面板(Object palette)上的按钮打开网页,并且转换到“格式查看”(Layout view)。这时可以看到文字方块的栏度,每一栏的方框上方中间还有一个小小的下拉式箭头,点选想要设置弹性显示的栏上方的小箭头,接着选择“将栏设为弹性显示”(Make Column Autostretch)。(设置自动调整栏的宽度以一栏为限)这时该栏方框上方就会出现一条波浪形的线,而不是原本表示栏度的数字。 Dreamweaver会自动制作出固定版面的空格图片,这个空白图片是以栏上方的两个长条形的空白表格表示,如此版面会自动被填充,才会完成弹性版面设置。(在第一次增加空白图片时会跳出一个对话框问你是否要使用内置图片,为求效果,我们建议你让Dreamweaver自动产生一个,不然就不用使用空白图片来填充版面。)
秘诀2:创造个人调色板
Dreamweaver新的“Assets panel”(属性控制面板)是一种可以在编辑网站时根据文件格式,例如图片、样式等来管理文件的新工具。
★具体做法:当你定义新站点时(点选Site New Site),所有类型的物体会自动增加到“Asset panel” 里的适当表框中。这个新加入的“Assets panel”属性控制面板里也有颜色框,储存你网站里所用到的所有色彩,包含文字的颜色、背景的颜色,以及超链接的颜色等。这是一个为使用者量身定做的网站导航颜色盘。只要启动“Assets panel”(先选 “Window”再点“Assets”),接着点左方那个小小的色彩卷轴,就可以看到你网站里各式各样的颜色选项。当然你可以将这些颜色拉到某些特定选取的文字中。甚至当你选择某种颜色时,画面上会出现这种颜色的十六进位值的色彩淡浓度,和三原色对照码(RGB)。如果想将调色板工具栏缩小一点,甚至可以仅加入某些颜色到调色板的“我的最爱”里。只需将选取的颜色反白、点选窗口里一个叫做“新增到我的最爱的”按钮(最下方靠右的按钮),就可以完成了。
秘诀3:制作弹出式菜单导航系统
原本要制作弹出式菜单导航系统(Pop-up Menu Navigation System)要用到很多的一些JavaScript的语法和技巧,但是如果你有Dreamweaver、Fireworks Studio,即可轻轻松松快速办到。
★具体做法:首先在“Fireworks”里开始,选择某个图片,然后在“Set Pop-Up Menu”的对话框里点选“ Insert Pop-Up Menu”,你可以输入项目(items)的名称并点“Plus”(加入)按钮,来新增该项目。你可以继续在跳出来的信息框里进行细项设置,例如设置该项目所要用的文字及超链接,当然也可以新增子菜单,并重新安排下一层的设置。完成时,点选“Next”(下一步),继续设置各种参数值,例如颜色、字体等等。这时菜单完成后,既可以预览HTML语法,也可预览图象。再点“ Finish”(完成)。这时当鼠标移动到原来的图片时,会出现菜单系统的内容一览。接着将制作好的文件导出时,“Fireworks”会自动生产出所有 Dreamweaver 需要用到的HTML、JavaScript,以及图象文件。
秘诀4:让图片动起来
如果你同时安装有Dreamweaver、Fireworks Studio,这两种软件搭配的完美程度将使你赞不绝口。即使你不是专业的图片设计者,在设计网页时也多多少少想把一些GIF图片修改得活灵活现。Dreamweaver可以让你制作动画不求人。
★具体做法:在标准窗口里选择要进行修改的图片,然后在“Property Inspector”里点选“编辑”(Edit)。如果你安装的Dreamweaver里附有“Fireworks”,“Fireworks”就是Dreamweaver预设图片编辑器,这时图片就会自动载入到“Fireworks”。(如果仔细看,你会发现Fireworks的画面会出现“Editing From Dreamweaver”这样的文字和图样,指示你可以在Dreamweaver里进行图片编辑。)好了,现在在“Fireworks”里点选要编辑的图片,选择“ Modify Animate Animate Selection”。 接下来完成“Animate dialog box”里的设置,选定动画的帧数,动画移动的方向、透明度等等设置。你也可以点选“Frames”工具设置移动速度,选择“Object”面板来改变设置。要导出文件时,只要点选“ Optimize ”工具栏,在文件类型的地方选择“Animated GIF”。完成以后,“Fireworks”就会自动将图片以最佳化设置导出,并且自动将 GIF 图片更新,还会在Dreamweaver里将更新过的图片显示出来。点选“File Preview in Browser”,这样就可以在浏览器里预览刚刚制作完成的可爱图片。


猜你喜欢
- SQL Server导出表到EXCEL文件的存储过程:*--数据导出EXCEL导出表中的数据到Excel,包含字段名,文件为真正的Excel
- 背景堆是一种非常常用的数据结构,它能够支持在O(1)的时间复杂度获取到最大值(或最小值),因此我们经常在需要求最值的场景使用它。然而普通堆它
- Python函数函数就是把具有独立功能的代码块封装成一个小模块,可以直接调用,从而提高代码的编写效率以及重用性, 需要注意的是, 函数需要被
- 本文实例为大家分享了python学生管理系统开发的具体代码,供大家参考,具体内容如下学生管理系统(基础版)#定义一个函数,显示可以使用的功能
- 要想在不宽裕的页面展现丰富的内容,现在通用的做法使用tab,在一块区域通过tab切换来更换该区域的内容。这篇文章分析了tab设计很在理,今天
- #!/usr/bin/env python class Foo(object): x=1 if __name__=='__main_
- 简介程序中的数在计算机内存中都是以二进制的形式存在的,位运算就是直接对整数在内存中对应的二进制位进行操作,一般是将数字化为二进制数后进行操作
- 新建图像文件后选Channels面板,新建Alpha1通道:输入文字; &nbs
- 知乎上有人说,Python3.6以后字典有序且更高效了。群里有同学推荐了这篇文章给我看,并咨询字典排序的问题。大致浏览了一下,我当即表示不能
- tcp.py # -*- coding: cp936 -*-import socketfrom struct import *from ti
- 如何用Python搞到小姐姐私房照本文纯技术角度出发,教你如何用Python爬虫获取百度图库海量照片——技术无罪。学会获取小姐姐私房照同理可
- 对象数组中匹配某个属性值如果有一个js对象数组,一个变量如下var a = [ {  
- 本文实例讲述了Python实现的读取文件内容并写入其他文件操作。分享给大家供大家参考,具体如下:文件目录结构,如图:read_file.py
- 有时候,规划师(或需求、交互)把内容呈现的框架草图搭建好后,就直接“丢”给了设计师,让设计师在画好的框架里去美化内容,出来后的效果,往往达不
- 一、前言对于行锁和表锁的含义区别,在面试中应该是高频出现的,我们应该对MySQL中的锁有一个系统的认识,更详细的需要自行查阅资料,本篇为概括
- 下面进行一个高维线性实验假设我们的真实方程是:假设feature数200,训练样本和测试样本各20个模拟数据集num_train,num_t
- 第一步:下载和安装python-3.4.4amd.msi可以去官方网站下载,也可以从网盘下载: 链接: https://pan.baidu.
- 概述虽然Python的强项在人工智能,数据处理方面,但是对于日常简单的应用,Python也提供了非常友好的支持(如:Tkinter),本文主
- python中自带了处理python的模块,使用时候直接import json即可。 使用loads方法即可将json字符串转换成pytho
- 打开终端 切换到根目录 [shell@localhost ~]# su -安装Mysql5.5之前先卸载CentOS自带的Mysql5.0。