品牌创意企业推荐 推荐: 网站建设 上海网站建设 上海网页设计 
 
搜索 竞赛 产业 文案 论吧 论坛 酷站 矢量库 图片库 设计网址 作品集> 注册 - 登陆
首 页设计资讯大赛征集平面设计UI设计CG/动画工业设计建筑环境数码影像教程区设计访谈 精品欣赏会员作品集
>> 论坛发布优秀教程申请个人教程专区
推荐:经典素材资源
滚动新闻:[6-10]融于意,形于展!---52design作品集、设计师网上联展!
当前位置: 首页 >> 教程 >> Dreamweaver教程 >>正文
Dreamweaver经典问题大搜罗
资讯/教程/作品在线投稿  - 进入素材基地 - 论坛讨论 - Dreamweaver教程
时 间:2008-1-24 11:13:58   作者:   来 源:52design.com   浏览:
分页页码 1 2 3 4 5 6 7 >8 9

 36、同时在一个图片上,作很多个链接,怎么办?

  这个问题也就是我们平常说的“图片热点”(Image HOT)了,当然在DW里还有另外一个名字叫“图象热区域”。

  选中图片,这时在属性面板左下的位置,有一个“Map”工具栏,其右边是三个用来圈定不同区域的按钮,以其中的矩形工具为例,选中后,鼠标停留在图片上会以一种“+”的形状显示出来,代表可以左右拖拉,完成后依次你可以完成多个热点区域的链接制作。注意各区域不可重叠。

  37、怎样制作可以响应鼠标事件的翻转图片?

  在许多网页中,我们经常会看到一些栏目标题,当鼠标滑过时,能变成另外的样子。其实它们中很多是通过两张不同的图片来实现的,也就是所谓的“翻转图片”效果。

  当然首先你要提前准备两张大小完全一样的图片,以确保翻转时不会有什么视觉上的不适,单击“Object”面板上的“Rollover Image” 弹出“翻转图片设置”窗口,分别单击“Browse”按ト范ā癘riginal image”和“Rollover image”的地址,注意一定要选中下面的“Preload Rollover image”复选框,否则在鼠标滑过的瞬间,会产生一定的下载延迟而影响效果。

  38、如何制作“漫天飞舞”的图片?

  在许多大型商业网站的首页中,你经常会看到不少来回飘来飘去的广告图片,点击后可以链接到指定的地址,在DW中这点是通过Timelines来实现的。

  首先在网页中插入目标图片,同时选中它,单击快速启动板中的“Timelins”按钮进入“时间线”窗口,在时间轴1frame的位置鼠标右击,选择“Add Object”,这时时间轴上会出现一兰色色条(默认1-15frame),将镜头停在15frame处,同时移动页面内图片到运动的终点位置。

  现在一个简单的运动动画已经完成了,你可以通过在中间添加keyframe的方法调整路径的曲折度。单击上方的右箭头按钮预览效果。

  39、怎样制作在页面中“静态悬浮”的图片?

  所谓的“静态悬浮”也就是图片总是试图停留在网页中的某个位置,因此在视觉上有种跟着页面“走”的感觉,象悬浮着一样。

  该效果的实现是通过javascript来完成的,一般要求有一定的编程能力。好在DW提供了制作该效果的固定插件,因此就显得简单多了。

  首先你必须先下载stav插件,将里面的两个文件(其中包括图片文件Cross Browser Static Division.gif和网页文件Cross Browser Static Division.htm)都拷贝到DW安装目录Configuration\Objects\Common下。

  重新启动DW,在Object(对象)面板中,你会看到最底部已经多了SI项,选中它在弹出的窗口中设定浮动层到上边和左边的距离,然后在图层中插入指定的内容(这里为图片)即可。

  40、如何使文字和图片内容共处?

  我们都知道,在DW中,图片对象往往是独占一行的,那么文字内容只能在与其平行的一行的位置上,怎么样才可以让文字围绕着图片显示呢?

  选中图片,在属性面板的右上方你能看到一个“Align”的属性选单,选择“Left”,这时你会发现文字已经均匀的排列在图片的右边了。


本文链接:


分页页码 1 2 3 4 5 6 7 >8 9

52design素材资源库52design图片库52design酷站营

我爱设计网www.52design.com
(在线编辑:angel) 】【打印】【关闭】【设计论坛】【设计师作品集
免责声明:本站刊载此文不代表同意其说法或描述,仅为提供更多信息,也不构成任何建议。对本文有异议,请联络本站!
转载要求:文章作者及来源信息必需保留。转载之图片、文件,链接请不要盗链到本站地址,且不准打上各自站点的水印。

经典设计欣赏 设计关键字:VI 新锐 包装 装帧 海报 地产广告 画册 名片 标志 软件界面 ICO 网页
希腊zyme的平面设计欣赏
希腊zyme的平
万达·锦华城楼书设计
万达·锦华城楼书
seb平面设计欣赏
seb平面设计欣
极具特色的鞋店设计
极具特色的鞋店设
Berrymatch品牌VI形象设计
Berrymat
楼书设计欣赏盛世豪庭
楼书设计欣赏盛世
韩国站点 素材资源 艺术摄影 游戏娱乐 影视网站 建筑家居 FLASH站 旅游购物 明星网站
设计门户 优秀企业 时尚品牌 象素站点 数码通信 设计公司 汽车网站 国外优秀 儿童网站
个性展示 网站教学 工 作 室 学校教育 卡通漫画 文化艺术 体育运动 美容健身 食品饮料
当日文章推荐 查看更多相关内容
VI设计| Berrymatch品牌VI形象设计 [1-24]摄影佳作| Kristian Schuller时 [1-24]
地产广告| 沸城《五感》系列地产广告 [1-23]会展| 2008上海市建筑学会年会暨上海市建 [1-23]
画册设计| 西玛设计公司样本设计作品 [1-23]插画艺术| Siq2002插画作品二 [1-23]
画册设计| 微软亚洲研究院的画册样本设计 [1-23]平面设计| Deloitte 平面广告 [1-22]
插画艺术| 碧波写实唯美插画欣赏 [1-22]平面设计| L&P 平面广告欣赏 [1-21]
海报设计| 电影《The Accidental [1-21]插画艺术| 韩国Negrim人物插画欣赏 [1-21]
会员作品集推荐 查看更多推荐会员作品
平面作品 | 插画作品 | 网页作品 | 包装作品 | 软件UI | 室内设计 | 数码摄影作品 | 建筑环境 | 工业设计 | 其他
Farmer卡通设计劲舞妙脆角新的手绘作品4新的手绘作品2新势力社会实践登录界面
色摄影圣军团乐队死神吸

数据载入中...
视觉焦点
优秀作品在线投稿
Berrymatch品牌VI形象设计
Berrym
Kristian Schuller时尚摄影
Kristi
沸城《五感》系列地产广告
沸城《五感》
西玛设计公司样本设计作品
西玛设计公司

站点新入
Photoshop CS3制作火红的特效线框字
Photos
photoshop打造镶金钻石文字效果
photos
展区
韩国站点 素材资源 艺术摄影 游戏娱乐 影视网站 建筑家居 FLASH站 旅游购物 明星网站 个性展示 网站教学 工 作 室 学校教育
设计门户 优秀企业 时尚品牌 象素站点 数码通信 设计公司 汽车网站 国外优秀 儿童网站 文化艺术 体育运动 美容健身 食品饮料
网站名称:theodoru
网站地址:http://www.theodoru.com/
加入时间:2008-11-27 15:43:55
网站名称:bohrcafe
网站地址:http://www.bohrcafe.com/
加入时间:2008-11-27 15:43:20
网站名称:e-stradivarius
网站地址:http://www.e-stradivarius.com/
加入时间:2008-11-27 15:42:45
网站名称:toyotasw4
网站地址:http://www.toyotasw4.com.br/
加入时间:2008-11-27 15:39:48
网站名称:travislum
网站地址:http://www.travislum.com/
加入时间:2008-11-27 15:39:09
网站名称:nokia-li
网站地址:http://www.nokia-li.com.cn/ranking/
加入时间:2008-11-27 15:36:28
关于本站 | 联系方式 | 商业服务 | 合作伙伴 | 站点地图 | 免责声明 | 版权声明 | 在线投稿