项目五邀请卡制作

1、MADE BY OXF2019 邀请卡的制作 效果展示 原理及知识点分析（页面功能分析） u首页：首页： u活动的信息（可以用PS或AI制作） u报名表单的制作 u（两个输入文本框、一个提交按钮） u第第2 2页（提交成功页）：页（提交成功页）： u提示文字 u返回首页特定位置的按钮 u第第3 3页（提交失败页）：页（提交失败页）： u提示文字 u返回首页的按钮 原理及知识点分析（关键知识点） u长图的制作 u交互流程的设计 u提交表单 u跳转到某页特定位置 u加载 u发布 首页面的制作 长图的制作 u使用PS或者AI绘制一张长图，图像大小需适配舞台 宽度320，高度大于520.建议可制作64

2、0*1800的图 u导入所制作好的长图素材，并将其调整其宽度为 320以适配舞台大小 u将长图往上拖放以方便在其尾部绘制图形 表单背景的制作 u使用矩形工具在下方绘制一个矩形作为表单区域的背 景 u设置背景颜色，按住ALT键吸取图片背景颜色 u使用文本工具录入标题文字“活动报名”，并设置其 字体为黑体、14大小、水平及垂直居中对齐 文本输入框背景的制作 使用圆角矩形工具绘制一个圆角矩形，并设置其填 充色为无色，线条色与标题文字统一 输入文本框制作 选择表单中“输入文本框”工具，在舞台中绘制一个输入文本框 设置该输入文本框的文字字体、大小、颜色、对齐方式等并调整 到合适位置 在文本框的属性面板中

3、的提示文字处输入“请输入姓名” 输入文本框的复制及修改 将上面步骤中的输入文本框 背景图形及输入文本框控件 选中，并进行组编 将该组编按住ALT键拖动进 行复制 选中输入文本框在属性面板 中更改其提示文字为“请输 入电话” 在“必须填”选项中选则 “是” “提交”按钮的制作 复制一个圆角矩形 更改该圆角矩形的填充色 使用文本工具输入“提交”两字，并更改其字体、大小、样式等 组编图形及文字 第2页制作 （提交成功跳转页面） 第2页制作 输入文本 （按住鼠标 左键拖放一 个文本框再 输入文字）， 并调整文本 格式、排版 制作按钮 第3页制作 （提交失败跳转页面） 第3页制作 输入文本 （按住鼠标

4、左键拖放一 个文本框再 输入文字）， 并调整文本 格式、排版 制作按钮 添加交互行为 1.提交按钮的交互： 选中第一页中的提交按钮，为其添加行为 在属性控制中选中“提交表单” 1.提交按钮的交互： 设置“提交表单”行为 的参数，提交目标为默 认数据服务，提交对象 为姓名、电话。 操作成功后跳转到第2页 操作失败后跳转到第3页 2.再看看按钮的交互 为该按钮添加“跳转到 页”交互行为，事件触 发方式为“点击” 设置其参数，页号位1， 翻页方式为平移 2.再看看按钮的交互 说明：为使单击再看看按钮后能跳转到第一页的固定位置，需要对该按 钮再添加一个可以改变首页的显示位置的行为事件 方法： 对首页中所有元素进行组编，并对该组在属性面板中命名为“首页” 为再看看按钮添加“改变元素属性”事件，设置其参数的元素名称为 “首页”，元素属性为“上”，用设置的值替换现有值，取值参考为- 370 3.再来一次按钮的交互 为第三页中再来一次按钮添加交互行为：单击、跳 转到页，设置为页号1，翻页方式为平移 4.禁止翻页 说明：第2、3页的出现是由提交按钮的反馈事件来决定的，所以 应对首页添加“禁止翻页”的行为 在首页舞台外绘制一个形状，或输入一个“禁止翻页”的文本， 对该对象添加“禁止翻页”行为事件，触发条件为“出现” 作品的完善及发布 调整首页的开始状态 将