网站设计项目技术描述.docVIP

PAGE 15 - 附件1 第43届世界技能大赛广州市选拔赛 网站设计项目技术文件 1. 网站设计项目技术描述 1.1网站设计简要技术描述 网站设计是一门较新的行业，包含站点的设计和建设。网站设计者使用计算机程序工具生成网页，包括同其他页面的链接、图形元素、文字和图片。这些元素的布局设计可以用软件绘制的设计稿原画或者手绘的故事板、脚本图等方式来表达（对于手绘本项目不做要求）。集成的站点开发工具、开放源码库以及代码框架则被用于站点的技术实现。在工作中，设计者和构建者要注意版权以及相关职业规范和道德问题。 当今任何人都可以尝试网页设计，这给专业的设计师们带来了更大的压力。为了吸引访客的兴趣并在网站逗留，设计师必须学习新技术并使用这些新技术来解决存在的问题。专业设计师制作的网站可以成为企业沟通、营销和贸易的重要平台。 网页设计者能够理解网页制作的技术和艺术价值。在网站上，技术的运用是为了将功能自动化并帮助网站经营者更好地工作。网站的颜色、字体、图形以及布局则需要富有创意的设计技巧。用户界面要确保具有良好的可用性。网站制作者也必须理解项目工作、内容制作和网站管理的基础知识。 最终的作品同常用浏览器以及软硬件之间的兼容性也是十分重要的，需要妥善处理。 1.2相关文件 本技术说明只包含与技能相关的特定信息，还需参考配套的“环境配置清单”以及“样题”文件。 1.3能力要求和工作范围 本竞赛是对该技能的展示和评估。主要测试各个网站设计和实施技能在操作层面的能力。参赛选手要按照赛题中网站设计的标准（或要求）展示其网站设计技能。 1.3.1能力要求细则 动画和视频 选手必须知道并理解： 如何为网站创建动画 如何在网站中嵌入所创建动画、音频和视频 选手必须能够： 创建网页动画来展示内容和提升视觉效果 嵌入音频元素来使网站更具吸引力/更为互动 平面设计 选手必须知道并理解： 如何创建图形文件、图片并具备审美价值观 如何根据要求有效使用提供的文字简介进行设计 在设计网站颜色、排版和图像时所需要的创意和技巧 如何凸显站点的目标受众群体 如何运用用户中心的设计 选手必须能够： 导入并编辑图像 为网页优化图像 使用某种图像处理软件创作图像 使用某种图像处理软件对图片进行切片 选用可以增强设计效果的布局版式 为不同的屏幕分辨率进行设计；对给定的分辨率进行优化，并且页面在不同分辨率的设备中良好工作 为各种自适应的站点页面设计合适的效果 创建高效的、直观、易用的网站导航 创建的页面布局包含：流式页面、网格页面、页面留白、均衡的文字图像，清晰的层次 通过PHP和MySQL进行服务器端编程 选手必须知道并理解： 如何进行服务器端编程（PHP） 如何设计数据库(MySQL) 选手必须能够： 创建、修改服务器端应用程序（如CMS系统、网络数据库） 使用服务器端组件（如缩略图、ZIP文件和PDF文件） 通过开放源码库和框架实现客户端 选手必须知道并理解： 如何使用开放源码库和框架来编码 选手必须能够： 通过开放源码和框架创建客户端和服务器端 表现层实现 选手必须知道并理解： 如何使用最新的设计技术和编码技术制作遵循行业标准且具有良好持续性、一致性的网站 选手必须能够： 使用XML、JavaScript、XHTML等工具来实现页面各部分内容 使用CSS或其他的外部文件来对整个网站样式进行修改 能在两种不同的浏览器（最新、稳定的版本）上优化页面，获得较好跨浏览器兼容性 所创建的网站内容在不同分辨率的屏幕上要保持一致且结构良好 对于自适应的页面设计能使用合适的样式和脚本代码来实现页面 所创建网站要符合当前的W3C标准(HTML5.0 CSS3.0) 可用性及可及性 选手必须知道并理解： 网络可及性，也就是残疾人士也能使用网络 如何使不同年龄层次的群体均能受益 可用性就是能帮助人们方便地在整个网站中导航 如何为不同的设备创建不同模板 选手必须能够： 保持网站的统一和一致性 创建易于使用的导航系统 使得网站内的信息易于被检索 增加网站的可及性（例如对视障人士） 1.3.2必须具备的理论知识，但不直接进行测试 色彩构成理论 图片制作、加工、处理的要素 动画制作、加工、处理的要素 HTML、XHTML 、XML、javascript、php、mysql、CSS等语言和工具的语法和使用规则 开源代码库的使用 站点设计和受众分析 所有需要使用的软件的操作知识 1.3.3必须了解的标准和法规，但不直接进行测试 网页的W3C标准 网站版权法规 1.3.4必须具备的生理条件 没有色盲或者色弱 没有任何会影响电脑操作的身体残疾和疾病 2. 选拔赛的题目 2.1竞赛项目的模式和结构 本项目分两天进行比赛，共四个模块，每天上下午各一个独立评分部分，满分100分。每个模块都是着眼于不同的网页设