网页样式制作课程调研报告

网页样式制作课程调研报告湖南铁道职业技术学院2015年10月20日目 录1.调研背景1.1 调研目的1.2 调研主题2.调研组织与实施2.1 调研对象2.2 调研方法2.3 调研内容3.数据分析3.1 企业调研数据分析3.2 毕业生调研数据分析3.3 在校生调研数据分析3.4 国内职业院校课程开设情况分析4.调研结论4.1 课程教学现状4.2 就业岗位4.3 人才需求规格5.建议5.1 课程总体设计5.2 教学组织与实施5.3 其他6.附件调查问卷11.调研背景1.1 调研目的（1）了解专业定位和岗位面向的合理性和可行性。（2）了解网页样式制作课程企业的相关岗位以及典型工作。（3）了解相关岗位的工作内容和职责要求。（4）了解相关岗位所需的知识、技能、态度等方面的需求。（5）了解网页设计的技术现状。（6）了解毕业生从业状态及对课程开设、教学内容方面的建议1.2 调研主题（1）企业的相关岗位以及典型工作（2）岗位的工作内容和职责要求（3）岗位所需的知识、技能、态度等方面的需求（4）网页设计的技术现状（5）毕业生从业状态及建议2.调研组织与实施2.1 调研对象（1）企业主管（2）企业相关岗位的从业人员（3）毕业生2.2 调研方法（1）网络在线调研法（2）实地访谈法（3）电话访谈法（4）调查问卷法2.3 调研内容（1）企业的相关岗位以及典型工作（2）岗位的工作内容和职责要求（3）岗位所需的知识、技能、态度等方面的需求（4）网页设计的技术现状（5）毕业生从业状态及建议3.数据分析3.1 企业调研数据分析1网页制作类职业岗位的工作职责和职位要求职位名称网页制作工作职责（1）参与网站策划与设计参与公司及客户网站的总体及各个栏目的内容策划、功能需求分析制作公司及客户网站架构设计，树立统一的品牌形象（2）网页设计与制作：负责确定公司及客户网站页面内容和风格按照行业及公司的规范完成网站原型设计和页面制作为网站Web程序开发团队提供脚本和网页模板（3）网站维护负责定期分析竞争对手产品，并对自有产品提出整改计划，定期策划网上活动根据审定的方案参与网站项目的上线升级实施工作，对方案实施的准确性负责协助网站开发人员对网站程序功能进行测试（4）与其他相关人员的协调与沟通与团队其他成员进行有效沟通，了解其他团队成员工作情况、工作进度，定期进行技术交流与共享与客户进行有效沟通，了解客户有效需求，以便对网站进行更新职位要求（1）知识与技能熟悉网站制作与设计流程，能跟踪最新的网页设计与制作技术熟练运用HTML、CSS、JavaScript等Web开发技术，制作符合Web标准的网页熟练运用CSS对网页元素及网页整体进行美化熟悉常用图像制作软件和Flash制作技术，能够使用Dreamweaver等工具制作网页能够将网页设计师的效果图快速转换为Web标准原型（2）素质要求沟通协调能力：正确理解别人的感受和想法，善于倾听，能够理解他人思想和行为背后的原因团队合作：愿意与他人合作，主动与其他成员进行沟通交流，分享信息、知识和资源，愿意帮助其他成员解决所遇到的问题，无保留地将自己所掌握的技能传授给其他成员思维能力：头脑灵活、思路清晰，具备缜密的逻辑思维能力以及耐心细致的观察能力，处理事务有清晰的条理性，工作重点明确，具备较强的执行能力，学习能力强，有创新意识坚韧性：处于较大的工作压力下或产生可能会影响工作的消极情绪时，能够有效地控制自己的情绪，通过建设性的工作化解工作压力或消极情绪2网页设计类职业岗位的工作职责和职位要求职位名称网页设计工作职责（1）负责网站设计的需求沟通，确定网页设计的视觉标准和风格标准等（2）负责客户网站创意、设计与页面制作（3）负责网站整体版式设计、通过良好的视觉传达与表现，增加品牌感染力，提高用户使用效率（4）负责网站相关项目、活动、专题的设计与创意工作（5）与团队配合，提升网站的视觉表现力及易用性，跟踪产品效果，分享设计经验，提出设计改善方案（6）熟练运用各种不同类型的设计表现形式，准确传达信息（7）完成网站日常的页面设计、制作及维护工作（8）进行网站图片设计与制作（9）完成网站日常的Flash动画设计、制作及更新工作（10）负责网站广告的设计与制作（11）完成网站日常所需的平面设计及维护工作职位要求（1）具有一定的美术功底及良好的创意构思能力，很好地把握视觉色彩与网站布局，思想敏锐活跃，具有一定的视觉创作经验和独到的审美修养；对商业需求有非常敏感的把握和表现能力（2）熟练运用Photoshop、Illustrator、AI、Flash， Dreamweaver等工具或同类软件，擅长页面效果图制作和文字的编排，具有较强效果图制作及网页设计能力（3）熟悉网页制作，能与Web前端工程师紧密配合（4）对色彩有深刻的把握力、独特的设计风格、独到的创意视点与创新意识（5）熟悉HTML，Div，熟练运用DivCSS布局与美化网页，能够手写HTML代码（6）具有较强图片制作、处理能力。精通Photoshop、Fireworks、Illustrator等图片处理相关软件3网页版面设计类职业岗位的工作职责和职位要求职位名称网站编辑工作职责（1）负责网站创意、网页设计、页面制作管理和维护，负责网站页面结构的设计和实施。（2）负责网站整体架构的设计和网站风格的把握（3）负责网站的设计、改版和更新（4）负责网站广告和专题的设计（5）独立制作flash广告，负责页面特效、网站图片、动画设计制作等（6）负责与开发人员配合完成网站前台页面设计和编辑（7）协调其他部门完成网站的开发职位要求（1）具有优秀的审美力、独特的创意、扎实的美术功底，对于艺术有着自己的追求和热爱（2）对于网站的美工开发有独到的见解和意见。对于色彩的搭配有着独到的见解和体会（3）有创意及品味，有较强视觉创作能力，扎实的色彩感和色彩把握能力，对色彩构图等元素敏感，对网页配色与排版有一定的经验 （4）对网站的结构、整体布局、色彩感觉良好；有丰富的想象力和创新力；思路开阔能较好的理解用户界面的要求，能根据要求设计页面（5）对网页美感有驾权和品评能力，能很好的把握网站整体风格设计，注重理解需求和用户体验（6）有较强的网页设计和制作能力，能胜任栏目、网页的规划和制作，能够独立完成大型网站的静态美工页面制作、排版及输出（7）精通创意设计和网页设计相关的软件工具（例如Dreamweaver），能熟练使用Photoshop、Fireworks、Illustrator、Coredraw、 Flash等相关设计类软件，熟悉页面设计、平面设计和CI设计，熟悉ActionScript者优先（8）熟悉HTML、XML、CSS、JavaScript和Div+CSS网页布局技术、网页特效设计技术，能手写HTML代码和CSS样式（9）熟悉Web标准和Div+CSS技术，能独立完成美工及Div+CSS网页的静态页面布局，并至少能兼容IE和FireFox两款浏览器（10）熟悉ASP.NET（C#）或ASP，能与程序员合作完成网站开发项目（11）熟悉网站建设、网页设计制作流程，能够配合程序员嵌套界面和程序。能跟踪最新的网页设计与制作技术（12）具有较强的理解能力、领悟能力、沟通能力、工作协调能力和创新精神（13）积极肯干，吃苦耐劳，具有高度的责任感（14）具有自我激励和良好的交流、沟通技巧，善于协作与沟通（15）具备良好的职业素养及团队合作精神，有良好的职业道德观念和工作态度，并能承受工作压力4网站编辑类职业岗位的工作职责和职位要求职位名称网站编辑工作职责（1）负责公司网站的内容采编、整理、审核及发布，包括文字、图片、视频等资料，为网站提供符合用户的有效信息（2）负责公司网站内容的架构、栏目和专题的策划及更新维护；能够独立完成选题策划，稿件组织与编辑工作；针对网站目标受众提供有吸引力的网站内容；保证公司网站的正常运营以及网站推广活动的实施，以提升网站用户数、网站pv流量和用户粘着度（3）负责策划与制作专题，参与专题和活动的策划、组织（4）负责行业内活动的现场采访以及后续的稿件撰写、发布（5）负责与技术等部门的沟通协作职位要求（1）熟悉网络基本知识，能熟练使用Office等办公软件，熟练Dreamweaver、Photoshop等网页制作编辑工具和图像处理工具，可以独立制作、修改网页（2）有较强的文字驾驭能力，有良好的文字、图片编辑能力，能够清晰而有逻辑的表达自己的想法，具有创造性的思维；能独立撰写策划文案，有丰富的想象策划能力，能独立完成大型网站的策划方案（3）熟悉网络语言，擅长用文字调动网络人群的情绪，对网络文案的策划、编辑有一定的实际操作经验，熟悉网络编辑、销售型文案写作，有较强的文字编辑能力、编辑思维能力和策划能力，擅长信息的搜集与整合，能独立完成各种文案的编辑和创作（4）踏实肯干，思维活跃，诚实守信，具有良好的团队合作精神（5）工作积极主动、勤奋好学、行为自律；为人诚实、正直，性格开朗、责任心强（6）具有迎接挑战的信心和对工作的激情5网站美编类职业岗位的工作职责和职位要求职位名称网站美编工作职责（1）负责网站整体美化工作，负责网站的美观度和友好性的把握（2）负责公司网站的网页美工设计（3）负责公司网站相关新闻及专题的创意、页面风格设计及专题制作。（4）负责网站页面设计和常规广告设计（5）负责专题和活动的美术设计工作职位要求（1）有较强的美术功底、良好的创意设计和视觉表现创造能力（2）熟练使用Photoshop、CorelDraw、Flash等软件进行图片及动画创作（3）熟悉网站建设流程及构架，熟练应用Div+CSS布局制作网页，能用Div快速切图；熟悉HTML语言（4）具备独立策划能力，能快速在兼顾网站风格、用户体验、功能利用、视觉效果等多重角度的情况下设计作品（5）熟悉Web设计与开发的相关标准（6）具备客户服务意识，有独特的见解、独立思考能力和创新意识（7）具有敬业精神，良好的人际沟通能力和团队合作精神和协作能力，能承担工作压力3.2 毕业生调研数据分析对毕业生调研数据分析如下：（1）知识技能方面 精通HTML5、CSS3，懂Web标准，能熟练运用DIV+CSS来制作符合W3C规范的页面。 熟练使用Photoshop、Flash、Dreamweaver等相关软件，可以整体设计网页效果图，并能熟练使用CSS实现网页元素的美化与网页的整体布局。 有一定的网页架构思想和设计理念，具有良好的审美感、独特的创意和一定的交互知识，对大型网站的样式结构设计、优化有深刻理解。（2）方法能力与职业素养方面 有良好的工作协调能力和沟通能力,认真负责、敬业，具有良好的人际关系和团队合作精神。 动手能力强、工作效率高、能独立完成网页样式设计和实现。 有较强的想象力、设计能力、审美能力，善于学习。3.3 在校生调研数据分析对计算机类各专业在校生调研数据分析如下：（1）学习了网页设计与制作课程，掌握了Dreamweaver网页制作工具，熟悉HTML，对CSS有一定了解。（2）对CSS技术需要进一步学习，对CSS对网页元素的美化和网页布局技术需要深入学习。3.4 国内职业院校课程开设情况分析国内职业院校课程开设情况分析如下：（1）所有高职计算机类各专业都开设了网页设计与制作课程，主要以学习Dreamweaver网页制作工具为主，对HTML、CSS和JavaScript只是简单介绍。（2）部分院校的数字媒体专业、软件技术专业、计算机网络技术专业开设网页布局与美化、网页样式制作之类的课程，主要学习网页样式的设计、应用CSS对网页元素进行美化、应用Div+CSS对网页进行布局等。4.调研结论4.1 课程教学现状（1）网页设计与制作课程主要以学习Dreamweaver网页制作工具为主，对HTML、CSS和JavaScript只是简单介绍。（2）网页布局与美化、网页样式制作之类的课程，主要学习网页样式的设计、应用CSS对网页元素进行美化、应用Div+CSS对网页进行布局等。4.2 就业岗位网页制作员、网页设计员、网页版面设计员、网站编辑员、网站美编。4.3 人才需求规格 精通HTML5、CSS3，懂Web标准，能熟练运用DIV+CSS来制作符合W3C规范的页面。 熟练使用Photoshop、Flash、Dreamweaver等相关软件，可以整体设计网页效果图，并能熟练使用CSS实现网页元素的美化与网页的整体布局。 有一定的网页架构思想和设计理念，具有良好的审美感、独特的创意和一定的交互知识，对大型网站的样式结构设计、优化有深刻理解。 有良好的工作协调能力和沟通能力,认真负责、敬业，具有良好的人际关系和团队合作精神。 动手能力强、工作效率高、能独立完成网页样式设计和实现。 有较强的想象力、设计能力、审美能力，善于学习。5.建议5.1 课程总体设计网页样式制作的总体设计如下表所示。序号教学单元计划课时计划考核分值1网页样式设计的基本属性设置体验与分析6102网页文本与段落的美化与布局6103网页图片与背景的美化与布局6104网页列表与表格的美化与布局6105网页超链接与导航栏的美化与布局6106网页表单元素与表单的美化与布局6107网页特效的美化与布局8208网页整体的美化与布局1220合计561005.2 教学组织与实施1教学模式设计（1）教学策略：任务驱动，案例教学，理论实践一体化教学（2）组织方式：将全班学生分为6小组，并指定小组长。（3）教学流程：知识讲解验证训练引导训练技术剖析同步训练单元小结。2教学方法任务驱动法、小组讨论法、网页演示法等3教学手段安装有Dreamweaver CC的计算机、极域多媒体教学系统、网络资源。4教学团队担任本课程的主讲教师需要熟练掌握HTML5、CSS3的相关知识，具备应用Dreamweaver CC软件进行网页样式设计的能力，具有一定的网页美化与布局经验，同时应具备较丰富的教学经验和课堂组织能力。5实践条件安装有Dreamweaver CC的计算机、教师机与学生机都安装有极域多媒体教学系统、能通过网络获取网上教学资源。6.附件调查问卷1网页开发专业人才需求问卷调查表