《352023职业院校技能大赛中职组《微网站设计与开发》赛项竞赛样题(001).docx》由会员分享，可在线阅读，更多相关《352023职业院校技能大赛中职组《微网站设计与开发》赛项竞赛样题(001).docx（10页珍藏版）》请在taowenge.com淘文阁网|工程机械CAD图纸|机械工程制图|CAD装配图下载|SolidWorks_CaTia_CAD_UG_PROE_设计图分享下载上搜索。
1、2023 年广西职业院校技能大赛中职组微网站设计与开发赛项竞赛样题（一）操作说明1赛前准备时间，请先检查所需使用的计算机软硬件是否正常；2运行比赛机位桌面 “微网站设计与开发比赛任务.rar”自 解压文件，所有比赛素材将会解压到桌面“微网站设计与开发比赛任务”文件夹中，每任务所需的素材和样张分别存放“任务一 ”、“任务二”子文件夹内；3请比赛选手在桌面上自行建立新文件夹，名称为“XXX 参赛、作品 ”。请根据题目要求在此文件夹中分别建立名称为“任务二”“任务三” 的子文件夹；4作品提交。 最终比赛提交微网站成果需以 APK 格式保存在桌 面文件夹“XXX 参赛作品”下“任务三”子文件夹中；桌面
2、文件夹 “XXX 参赛作品”内“任务二”子文件夹下应根据各个页面名称和 网站结构建立文件夹，微网站需要设计和制作的页面效果图必须存 放其中， 要求所有效果图保存格式为 PSD 文件；制作时需要的切片 文件等其他处理后的素材也要按照“图片 ”、“音乐 ”、“文字”进行分类整理并保存。注意：.解压密码由裁判现场公布；.其中 XXX 为三位赛位号， 比如第一赛场赛位号后两位为 01 号，文件夹名称为“101 参赛作品 ”；第二赛场赛位号后两位 为 17 号，文件夹名称为“217 参赛作品 ”；第三赛场赛位号后两位为 21 号，文件夹名称为“321 参赛作品 ”；.若在参赛选手桌面“XXX 参赛作品”
3、文件夹内无指定任务文件夹及相关文件，会被减去相应分数；.微网站制作过程中请注意随时保存；.赛题所涉及的手册放在桌面“资料”文件夹中， pdf 文件建议用浏览器方式打开查看；.谷歌浏览器移动端网站预览方法如下图所示：第一步：打开谷歌浏览器， 按 F12，点击“移动设备模式 ”；第二步：在平台里点击编辑器右上角预览按钮，复制链接；第三步：将复制的链接粘贴在谷歌浏览器地址栏。注：如果显示不完整，请先点击 Responsive 选择任意一款手机，刷新界面确定页面完整后输入 405*640（二）比赛任务及要求. 比赛任务描述：请为客户曼香集团旗下的北京曼香国际庄园制作宣传微网站，并 生成手机端 APP。
4、 “曼香庄园 ”微网站需要有优秀的设计、精良的制 作、丰富的动感、便捷的交互，既能在手机浏览器中查看，又能在微 信中传播分享，达到快速提升集团企业公众号的访问量，不断增加粉丝数，有效吸引潜在用户，快速提升曼香庄园知名度及形象之目的。.背景资料：曼香庄园介绍北京曼香国际庄园位于北京市怀柔区， 由曼香集团融合法国、 美国、意大利、葡萄牙等多国资本，投资 7 亿余元，于 2007 年 6 月全力打造完成。庄园建设得到国际葡萄与葡萄酒组织(OIV)的鼎立支持，并由 OIV 主席罗伯特 丁洛特先生担任庄园名誉庄主。庄园总占地 1500 余亩，其中建筑面积 400 亩，葡萄园 1100 余亩，为国家 4A
5、 级旅游景区，全国休闲农业与乡村旅游五星级园区、北京市科普教育基地 。庄园下设有生态农业开发公司 、酒业公司、 旅游文化公司和国际会议中心，是一个集葡萄种植及酿酒、葡萄酒 主题文化旅游、休闲度假以及葡萄酒知识培训功能为一体的综合性国际庄园。其中曼香旅游文化有限公司面向葡萄及葡萄酒爱好者提供给 葡萄酒主题文化旅游、葡萄酒销售、葡萄酒知识培训以及葡萄、葡萄酒以相关延伸品、礼品的销售和服务。国际会议中心是集住宿、餐饮、会议、娱乐、休闲、旅游度假 为一体的法式风情小镇。小镇划分为街道生活区、餐饮服务区、娱 乐休闲区、教堂博物区四个功能区。设有总统套房、酒店标准客房、 中西综合餐厅、会议室、电玩中心、杂
6、货铺、咖啡厅、雪茄吧、红 酒吧、KTV、葡萄酒精油 SPA 高级会所等经营项目。这里有无法复 制的百年品牌，这里有无法比拟的美酒美食文化之旅，小镇的一切无不诠释着国际庄园“ 国际庄园新领袖 ”的非凡气质！任务一 ：曼香庄园微网站站点管理制作要求如下：1.在微设计 、微开发平台中分别创建站点 ，名称为“ 曼香庄园 ”，描述可根据需要自行添加；2.请根据任务二曼香庄园微网站制作要求 ， 加工“微网站设 计与开发比赛任务” 中“ 任务一 ”子文件夹中提供的素材 ，制作 形成符合微网站标准的网页元素，调整至合理大小并保存为适当格；3.对微网站结构和素材进行整理，对素材进行加工并重新分类整理归纳到自建“
7、XXX 参赛作品 ”文件夹中“任务二 ”的子文件夹中。例如： 曼香庄园引导页面 ，文件夹名称为“ 引导页 ”，制作 引导页需要图片 、音乐类素材 ，请建立“ 引导页 ”文件夹 ，内建 两个字文件夹分别为“ 图片 ”、“音乐 ”，将加工后的网页素材放分类至其中。任务二： 曼香庄园微网站页面制作1.微网站 logo 和首页设计（1）Logo 设计根据客户背景资料描述设计符合企业形象的具象图形 LOGO，并合理运用在微网站页面中。（2）首页页面设计按照客户背景资料完成首页页面设计，要求页面包含有以下元素：.全屏轮播图；.首页要有客户 logo 体现；.页面导航按钮，共有“ 关于庄园 ”、“旅游度假
8、”、“婚礼庆典 ”、“科普实践 ”、“庄园活动 ”和“联系我们 ”六项；.将制作完成的首页设计图以 psd 形式存放于桌面“ XXX 参赛作品任务二曼香庄园首页 ”文件夹内。2.制作切片按照提供的 UI 效果图样张进行合理切片，符合移动端页面的设计要求，不允许使用整幅图片。3.微网站页面制作要求（1）引导页在微开发平台中利用 HTML5 代码、CSS 样式，按照提供的微网站页面样张完成页面制作，保证与样张完全一致。添加音乐；为页面设计合理的动画效果。 （2）曼香庄园首页在微开发平台中利用 HTML5 代码、CSS 样式，按照提供的微网站页面样张制作微网站页面，保证与样张完全一致。制作全屏轮播效
9、果；设置页面中的导航菜单，并为其设计合理的动画效果。 （3）关于庄园在微设计平台中应用基本组件，按照提供的微网站页面样张完成页面制作，保证与样张完全一致。设置页面中的导航菜单，并为其设计合理的动画效果。（4）婚礼庆典在微设计平台中应用基本组件，按照提供的微网站页面样张完成页面制作，保证与样张完全一致。制作轮播图；为页面设计合理的动画效果。 （5）科普实践在微开发平台中利用 HTML5 代码、CSS 样式，按照提供的微网站页面样张完成页面制作，保证与样张完全一致。设置页面中的导航菜单，并为之设计合理的动画效果；单击拓展体验，呈现弹出菜单效果。 （6）在线报名在微设计平台中应用基本组件，按照提供的
10、微网站页面样张完成页面制作，保证与样张完全一致。为页面中的文字设计合理的动画效果；利用输入框和按钮完成表单制作，并提交至少一条记录，保证能从站点管理下查看提交的数据。（7）关于庄园-大事记在微设计平台中应用基本组件，按照提供的微网站页面样张完成页面制作，保证与样张完全一致。设置页面中的日期和事件，并为之设计合理的动画效果。（8）关于庄园-联系方式在微开发平台中利用 HTML5 代码、CSS 样式，按照提供的微网站页面样张完成页面制作，保证与样张完全一致。添加 QQ 客服；为页面设计合理的动画效果。4.页面交互（1）制作引导页链接“ 引导页 ”通过【进入曼香】按钮链接到“ 曼香庄园首页 ”页面。
11、（2）制作“曼香庄园首页 ”链接【关于庄园】菜单链接到“ 关于庄园 ”页面；【婚礼庆典】菜单链接到“婚礼庆典 ”页面；【科普实践】菜单链接到“科普实践 ”页面；点 击 【 联 系 我 们 】 菜 单 ， 可 实 现 一 键 拨 号 （电 话 ：4008471008）。（3）制作“ 关于庄园 ”链接【大事记】菜单链接“大事记 ”页面；【联系方式】菜单链接到微开发平台制作的“联系方式 ”页面；底部菜单【首页】按钮链接到“曼香庄园首页 ”页面；底部菜单【一键导航】按钮链接到提供的导航地址；底部菜单【在线报名】按钮链接到“在线报名 ”页面；底部菜单【关于我们】按钮链接到“ 关于庄园 ”页面。 （4）
12、婚礼庆典底部菜单【首页】按钮链接到“曼香庄园首页 ”页面；底部菜单【在线报名】按钮链接到“在线报名 ”页面；底部菜单【关于我们】按钮链接到“ 关于庄园 ”页面。 （5）科普实践底部菜单【首页】按钮链接到“曼香庄园首页 ”页面；底部菜单【在线报名】按钮链接到“在线报名 ”页面；底部菜单【关于我们】按钮链接到“ 关于庄园 ”页面。（6）在线报名底部菜单【首页】按钮链接到“曼香庄园首页 ”页面；底部菜单【在线报名】按钮链接到“在线报名 ”页面；底部菜单【关于我们】按钮链接到“ 关于庄园 ”页面。 （7）大事记底部菜单【首页】按钮链接到“曼香庄园首页 ”页面；底部菜单【一键导航】按钮链接到提供的导航地
13、址；底部菜单【在线报名】按钮链接到“在线报名 ”页面；底部菜单【关于我们】按钮链接到“ 关于庄园 ”页面。 （8）关于庄园-联系方式底部菜单【首页】按钮链接到“曼香庄园首页 ”页面；底部菜单【一键导航】按钮链接到提供的导航地址；底部菜单【在线报名】按钮链接到“在线报名 ”页面；底部菜单【关于我们】按钮链接到“ 关于庄园 ”页面。任务三： 生成曼香庄园 APP1.设置参数在微开发平台“曼香庄园 ”站点生成 APP；设置 APP 名称为“XXX 曼香庄园 ”，其中 XXX 为赛位号，命名规则与选手文件夹规则相同；为 APP 添加合适图标,能恰当体现 APP 含义。2.选择 URLURL 链接为微开发平台“ 引导页 ”页面。3.导出 APP生成 APK 文件，下载到“任务三 ”文件夹中；修改 APP 名称为“XXX 参赛作品 ”,最终提交 APP 为“XXX 参赛作品.apk ”。