设为首页
收藏本站
3D模型素材下载
开启辅助访问
首页
集结展示行业资讯
展位展览
单体模型
整体展位模型下载
招聘企业
展览企业招聘人才
在线看展
论坛
展示行业交流平台
关于
本版
文章
帖子
日志
相册
用户
QQ登录
微信登录
忘记密码?
注册
登录
展示网
»
论坛
›
中国展示培训学习/Demonstrate professional
›
展示设计教程,学习/Display design tutorial
›
将Fireworks表格插入Dreamweaver
返回列表
发布主题
将Fireworks表格插入Dreamweaver
[复制链接]
查看:
423
|
回复:
0
gggds
当前离线
积分
22506
IP卡
狗仔卡
gggds
发表于 2009-12-27 13:10:54
|
显示全部楼层
|
阅读模式
到目前为止,你已经体验了跨产品的交互,从Dreamweaver到Fireworks再回到Dreamweaver。现在你将会进一步体验这种循环,将一个Fireworks表格放置到Dreamweaver中,并在Dreamweaver和Fireworks中编辑它,最后回到Dreamweaver中看到已经更新的文件。 你将从在Travel Detail页面中央空白区域放置一个Fireworks表格开始。 首先,你要打开PNG格式的源文件。 切换到Fireworks。 在Fireworks中,选择File->Open。 在弹出的对话框中,找到硬盘上存放xtutorial_dwfw4的目录,找到content.png文件,并打开它。
& W: H- b4 ?4 h
' A+ J8 Q- y2 \
content.png文件是一张大图片,但是已经被切割为很多个小矩形。如果想要了解更多关于创建切割的信息,请查看Fireworks帮助(Fireworks Help)中的使用热区和切割(Using Hotspots and Slices)。 点击工具条底部的显示切割(Show Slice)按钮显示出切割的边缘。
7 O$ N. ]* T, D3 k& T8 _
4 Z/ ^" P1 a) i1 n% _ x$ V+ e
当你输出这张图片后,每个切割都会成为一个HTML表格的单元格。 选择File->Export。在Export对话框中做如下修改: 将文件保存的目录修改为xtutorial_dwfw4/images下的table目录。 将文件命名为content.htm 在Save As的弹出菜单中,选择HTML and Images。 在HTML弹出菜单中,选择Export HTML File。 在Slices弹出菜单中,选择Export Slices。 选择Include Areas Without Slices。
) E6 S3 r, J& X$ V
0 i0 N% Q' p% H
点击Save完成输出并保存相关文件。 在Fireworks中,关闭content.png文件,但不要保存,同时不要关闭Fireworks。 将Fireworks表格插入Dreamweaver 现在,你已经将Fireworks表格输出到Dreamweaver网站中,接下来就可以把它放置到Travel Detail页面中了。 切换到Dreamweaver,并确认当前窗口中是Travel Detail页面。 点击表格中间空白单元格的左上角设置一个插入点。
- |) t* ] n, i
. ^9 ]/ G) B" `4 g- w$ ^ b5 i0 O
你将会通过插入content.HTML的方法来添加Fireworks表格。当你添加Fireworks HTML代码的时候,所有相关的图片都会包含在内。 在Dreamweaver中,点击Object面版上的插入Fireworks HTML按钮(Insert Fireworks HTML)。
. E& y- L* Y- T. ]6 t" }7 |. B/ I
3 c- p: v( e9 s# x$ [
在出现的对话框中,点击浏览(Browse),找到你硬盘上的xtutorial_dwfw4目录并在它下面的images/table目录中找到content.htm文件。 点击ok来插入Fireworks表格。
/ o6 E+ r- w" |+ O7 }
6 E: j2 G0 v8 J* p
选择File->Save保存到Travel Detail页面完成修改。
回复
使用道具
举报
提升卡
置顶卡
沉默卡
喧嚣卡
变色卡
抢沙发
千斤顶
显身卡
返回列表
高级模式
B
Color
Image
Link
Quote
Code
Smilies
您需要登录后才可以回帖
登录
|
注册中国展示论坛
本版积分规则
发表回复
回帖并转播
回帖后跳转到最后一页
精彩图文
快速回复
返回顶部
返回列表