设为首页
收藏本站
3D模型素材下载
开启辅助访问
素材下载
展览专用单个3D模型下载
展位展览
在线看展
论坛
展示行业交流平台
关于
本版
文章
帖子
日志
相册
用户
QQ登录
微信登录
忘记密码?
注册
登录
展示网
»
论坛
›
中国展示培训学习/Demonstrate professional
›
展示设计教程,学习/Display design tutorial
›
译:使用FWMX创建站点范例 (5-5)
返回列表
发布主题
译:使用FWMX创建站点范例 (5-5)
[复制链接]
查看:
575
|
回复:
0
gggds
当前离线
积分
22531
IP卡
狗仔卡
gggds
发表于 2009-12-27 13:59:27
|
显示全部楼层
|
阅读模式
第四阶段:建立网页 原文见:
http://www.computerarts.co.uk/tu ... ;stage=9&page=0
# R) |! [5 n) f' w$ ^
6 Y; D7 M& L6 J9 {( T: U$ w
& D6 o$ I- K% b1 _& |
8 n6 E/ u. f$ P3 Q6 G* t* T
1.我们的意图是使用FW组建一个页面范本。 因此我们很快地使用绘图工具完成了装饰把。 圆角是由圆角矩形画出然后用小刀工具切割的。
' N% d7 G/ D o! w
& o/ c( K2 ^9 `( N1 O9 J' b( }
% g/ N6 M" s6 f1 S
/ R3 D! V: |* \; s
2.这些角片可以在设计中以转变成元件的方式重复使用。 每当有一个新的圆角要求, 它就可以方便地从库中提取并拖放到相同颜色的矩形边缘。
6 D% Y* ^, J+ \2 W( m) F
$ Z* Q. ^7 W! x r* e
+ U3 n, U. I; c& W5 H
! \3 W, m$ C M5 }& r; X
3.我们的目的是创建展示用的页面。 我们初步建立了页面的表单输入框; 不过,这是个选项。 Fireworks MX 允许你以HTML重置切片。 首先选择你要重置的区域, 使用Edit>Insert>Slice将它转换成切片。
+ v8 K) W: h5 D! [5 g; B
: e2 r. q9 W( l" P. |( R
% M( q, y8 z4 F1 R. ~: _" a
6 d- \0 s* w, Y3 r8 }3 p
4.在属性检查面版的\"Type\"下拉菜单选择HTML。 然后贴上所要求的HTML。 你能够在Dreamweaver编写代码并直接拷贝到电脑暂存区。 尽管在我们的例子中, 只是使用绘图工具模拟了一下。
0 C! F, o0 U; [" K
# r$ L. Q. \4 w9 E9 y9 @0 e$ e
# u, G- i1 P1 P
. g" |8 Q8 c9 [" A$ u' b- J
5.内容部分在我们的例子中放置了简单的文本和位图。 再次声明, FW有能力在此版块直接插入HTML。 覆盖于此内容版块的矩形转换成了切片。
1 ]& f6 M4 U. e& i- R b4 `
4 V, x- r8 H1 Q# C! I, o" p
' e6 ?! I9 K0 x0 f4 J. k {
/ h5 L; \; s% b8 L" S1 l# q0 w
6.以范例展示此FW文件, 到文件右上方快速输出按钮, 在菜单上选择使用浏览器预览。 当网页展示在你的浏览器上时, 出现的弹出菜单和翻转按钮 即是互动和动画元素。
( z5 U' n# x7 r
*《使用 Fireworks MX 创建站点范例》翻译完毕,谢谢观赏。*
回复
使用道具
举报
提升卡
置顶卡
沉默卡
喧嚣卡
变色卡
抢沙发
千斤顶
显身卡
返回列表
高级模式
B
Color
Image
Link
Quote
Code
Smilies
您需要登录后才可以回帖
登录
|
注册中国展示论坛
本版积分规则
发表回复
回帖并转播
回帖后跳转到最后一页
精彩图文
快速回复
返回顶部
返回列表