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