综合项目：房地产公司网站导航

2023-11-17 理论教育版权反馈

【摘要】：本案例是“房地产公司网站导航”案例的制作，以宝龙集团为例。图7.38 “房地产网站导航”效果图1.设置“文档属性”启动Adobe Flash CS6后，新建一个文档，设置文档大小为775×353像素，背景色为#EDEDEB。Step5 新建影片剪辑元件，默认命名为“元件1”。为防止出现图层之间的选择错误，锁定该层。图7.45 “按钮”层第1帧脚本代码Step3 新增图层“内容”。

【案例概述】

本案例是“房地产公司网站导航”案例的制作，以宝龙集团为例。通过本案例的学习，读者可以掌握如何获取本地时间和鼠标事件的使用（如鼠标滑入、滑出等）。案例部分效果如图7.38所示。

图7.38 “房地产网站导航”效果图

【实现过程】

1.设置“文档属性”

启动Adobe Flash CS6后，新建一个文档，设置文档大小为775×353像素，背景色为#EDEDEB。执行“文件”→“保存”菜单命令，将新文档保存，并命名为“综合练习”。

2.导入素材图片

执行“文件”→“导入”→“导入到库”菜单命令，在打开的“导入”对话框中选择与本案例相对应的素材文件夹的图片“宝龙图标.png”、“背景.jpg”、“背景1.jpg”、“背景2.jpg”、“地图.png”、“钉子.png”、“招聘信息.jpg”，再次单击“打开”按钮，导入所需的背景图片如图7.39所示。

图7.39 素材导入

3.制作所需元件

Step1 文字按钮元件的制作。新建“按钮”元件重命名为“元件3”。将图层1重命名为“文字”，在第1帧处输入文本“首页”，在第2帧处插入关键帧，并把文字的颜色更改为白色，在第4帧处插入帧。

Step2 新建一层置于“文字”层的下方重命名为“背景”，在第2帧处插入关键帧，使用铅笔工具为文字滑出背景，如图7.40所示，在第4帧处插入帧。

Step3 新建一层置于“文字”层的上方，重命名为“声音”，在第2帧处插入关键帧，导入声音文件02到库，在属性面板中选择02。

图7.40 按钮背景

依此方法，分别制作“关于我们”、“宝龙动态”、“人才中心”、“联系我们”的文字按钮。

Step4 接下来，为地图中的9个省市做出相对应的按钮元件。

使用“铅笔”工具在各个省份上绘制出其形状，然后把形状转换为按钮元件，以省市名称命名，并设置Alpha值为0。

Step5 新建影片剪辑元件，默认命名为“元件1”。选择第1帧，在动作面板中输入脚本“this.stop（）；”在第2帧处插入空白关键帧，使用“文本工具”输入河南相对应的宝龙城市广场名称，设置文本大小为10、黑体，并使其与舞台中心对其。

依照此方法，在第3～10帧处分别输入其他各省市宝龙广场的名称。为了方便后期脚本的编写，需要为每一帧设置帧标签，用其所在的省市命名，如第2帧（河南省）的帧标签为“henan”，依此类推设置其他帧的帧标签，如图7.41所示。

(www.chuimin.cn)

图7.41 影片剪辑元件的设置

4.布置舞台场景

Step1 将“图层1”改为“背景”，将素材“背景.png”、“背景1.png”、“背景2.png”、“宝龙图标.png”、“钉子.png”导入到舞台，摆放到相应的位置，并在宝龙图标的旁边加上合适的文字说明，之后在第5帧处插入帧。为防止出现图层之间的选择错误，锁定该层。

在该层的右上角，使用“文本工具”输入三个单独的静态文字：“年”、“月”、“日”，并画出三个动态文本框，分别实例命名为：year-txt、month-txt、day-txt，文字和文本框的大小均设置为10，使用对齐工具，调整其位置如图7.42所示。

选择该层第1帧，按【F9】键打开动作面板，输入脚本代码如图7.43所示，设置文本框获取本地时间。

Step2 新增图层“按钮”。将之前制作好的文字按钮拖放至舞台背景2处，并摆放好位置，如图7.44所示，并在第5帧处插入帧，并分别将其实例命名为：home-btn、us-btn、dongtai-btn、rencai-btn、lianxi-btn。

图7.42 “背景”层

图7.43 获取本地时间脚本

图7.44 “按钮”层

选择第1帧为这些文字按钮设置交互脚本代码，如图7.45所示。

图7.45 “按钮”层第1帧脚本代码

Step3 新增图层“内容”。第1帧在右边背景处为“首页”设置相应的内容场景；并把之前制作好的9个省市按钮元件拖放至对应的省市处，分别实例命名为：henan-btn、tianjin-btn、shandong-btn、jiangsu-btn、anhui-btn、shanghai-btn、zhejiang-btn、fujian-btn、chongqing-btn。

将影片剪辑“元件1“放置在合适的位置。

在第2帧处插入空白关键帧，为“关于我们”设置相应的内容；依此类推，在第2帧、第3帧、第4帧、第5帧处分别为“宝龙动态”、“人才中心”、“联系我们”设置相应的内容，在第5帧处插入帧。

Step4 新增“Actionscript”层。选择第1帧，为那些省市按钮添加鼠标滑入/滑出的交互脚本代码，如图7.46所示。

Step5 分别为第2帧、第3帧、第4帧添加代码“this.stop（）；”。

【技术讲解】

综合项目：房地产公司网站导航

相关推荐