7《网站前端开发》-江门市第一职业技术学校.docVIP

江门市第一职业技术学校 网站前端开发课程标准 专业： 计算机应用 课程名称： 网站前端开发 教学时间： 282课时 典型工作任务描述： 各种富媒体让网页的内容更加生动，网页上软件化的交互形式为用户提供了更好的使用体验，因此，在网站开发中网页美工及前端开发显得极为重要。 网页美工的主要工作内容包括页面界面设计、FLASH广告动画制作、切片、HTML标记、CSS+DIV布局和JAVASCRIPT数据交换。 前端开发师从项目经理手上接受任务单后，明确任务单上有关信息（网站内容、模块位置、页面效果等相关要求及完成时间），与客户、后台程序员共同商议，以团体合作的方式，制定工作计划：明确设计风格、主次关系、内容分配、模块位置、色彩搭配、页面效果、数据交换方式及进度安排；然后将工作计划交项目经理审批，如果符合要求则交给客户审核，否则返回给前端开发师重新修改；取得客户认可后即可进行项目的实施：前端开发师通过客户提供、公司素材库、利用互联网及使用照相机、扫描仪等方式获取相关素材；并按照行业规范使用PHOTOSHOP等软件或格式转换工具等相关软件处理素材；然后进行每个页面的设计和排版。页面设计排版完成后，由项目经理提交客户审核并从客户处获取意见反馈单，根据客户反馈意见，修改设计，直到客户认可。页面设计定稿后，使用PHOTOSHOP对相关PSD文件进行切片；得到相关切片素材后，使用DREAMWEAVER等网页编辑软件，按照W3C规范，利用HTML、CSS、JAVASCRIPT（或其它相关编程语言）编程导入切片素材和文字内容，进行页面布局和数据交换，得到网页文件，并存放到相应文件夹；网页前端开发完成后，前端开发师与后台程序员共同将完成的静态页面和后台程序进行整合，并从后台程序员处领取任务完成确认书。做好工作文档的记录、整理和保存。 学习目标： 通过本学习领域的学习，学生应当具有下列能力： 1.能够准确理解任务单传达的信息； 2.制能够制定切实可行的工作计划； 3.能够与团队内部工作伙伴以及其他与任务有关的人员进行有效沟通； 4.能够有效全面地向客户展示网站的构思； 5.能够素材库、互联网、实景拍摄、扫描等获取素材； 6.能够使用PHOTOSHOP等软件处理素材； 7.能够使用PHOTOSHOP等软件进行网页页面设计和排版； 8.能够使用FLASH软件进行网页广告制作； 9.能够使用PHOTOSHOP对页面设计PSD切片； 10.能够使用DREAMWEAVER软件，利用HTML、CSS进行网页构建、布局； 11．能够使用JAVASCRIPT进行数据交换； 12.能对网站进行检查，发现问题并解决问题； 13.具有良好的市场意识、顾客意识、服务意识和成本意识； 14.遵守“W3C”等行业规范和《知识产权法》法律法规能 15.做好工作文档的记录、整理和保存。 学完本课程后，学生能够承担下列任务： 1．个人网站设计与制作。 2．旅游类网站设计与制作。 3．教育类网站设计与制作。 4．企业类网站设计与制作。 5．电子商务类网站设计与制作。 工作与学习内容 工作对象 1.从项目经理处接受任务单； 2.分析工作任务单，明确任务要求； 3.制定项目工作计划； 4.将工作计划交项目经理审批； 5.将工作计划交客户审批； 6.素材的收集整理； 7.使用PHOTOSHOP等软件处理素材； 8.使用FLASH制作广告动画； 9.页面设计与排版； 10.交项目经理提交页面设计给客户； 11.根据客户意见填写反馈单； 12.修改页面设计； PHOTOSHOP切片； 13.使用HTML、CSS进行网页构建、布局； 14.通过JAVASCRIPT进行数据交换； 15.前端开发师与后台程序员共同将完成的静态页面和后台程序进行整合； 16.从后台程序员处领取任务完成确认书。 设备、工具与材料 1.电脑、照相机、扫描仪、彩色打印机； 2.互联网； 3.公司素材库； 4.软件：DREAMWEAVER、FLASH、PHOTOSHOP、格式转换工具等。 工作方法 1.头脑风暴法； 2.与有关人员的沟通方法； 3.素材获取的多种方法； 4.DREAMWEAVER、PHOTOSHOP软件的使用方法； 5.HTML标记； 6.CSS+DIV页面布局方法； 7.JAVASCRIPT数据交换。 劳动组织方式 1.根据任务要求，灵活采取独立、合作等劳动组织方式； 2.前端开发师从项目经理处领取工作任务； 3.前端开发师与客户、后台程序员以团体合作的方式制定工作计划； 1.将工作计划报项目经理审批； 2.将工作计划报客户审批； 3.前端开发师进行页面设计； 4.由项目经理提交页面设计给客户； 5.前端开发师根据客户意见，修改页面的设计； 6.前端开发师进行网页制作； 前端开发师与后台程序员共同将完