晋中师范高等专科学校

网站规划与开发技术专业（web前端开发方向）

专业人才培养方案

一、专业名称：网站规划与开发技术专业（Web前端开发方向）

二、专业代码：590112

三、招生对象与学制：高中毕业生  学制三年

四、就业方向与范围：

本专业的毕业生胜任的岗位可以在各类IT企业及相关的计算机应用领域从事Web网页制作，Web前端开发工程师，WEB交互开发工程师，手持设备前端开发等。

五、人才需求分析：

随着web3.0时代的来临，我国互联网行业的发展呈现迅猛的增长势头。同时行业对网站开发、设计制作的人才需求随之大量增加。Web前端开发正是通过网站页面设计与布局制作、Html技术等实现网站整体风格与用户体验的工作。

WEB前端开发人才需求方向：

一是政府机关等事业单位上网工程的实施造就了对相关人才的巨大需求。需要的网站设计制作开发按照2人计算，从业人员约2万人；未来从业总需求将不少于30万人。

二是企业上网需求量猛增。目前全国已有企业网站18万个，按照每个企业网站1人计算从业人员共18万人，目前企业上网总数不足全部企业的5%，未来从事企业信息化工作的专职人才需求将不少于100万人。

三是现有媒体的网站和商业、专业性质的相关网络公司，他们主要对外承接网站的开发、设计与制作等相关项目，对专业人才的渴求更是迫不及待。网站今后的更大发展需要更加专业的人才来开拓。

我省在数字化建设方面相对全国发达地区而言较为落后，企事业单位的信息化建设进程不够迅速，特别是在网站建设上比较薄弱。近年来，随着我省经济的快速发展和信息化进程的加快，对IT人才，特别是网站建设类人才存在巨大的需求。

未来的WEB前端开发岗位需求量将持续增长：中华英才网：20##年 430人/月平均 20##年 1100人/月平 20##年 1400人/月平均；从以上数据不难看出，Web前端开发人才需求在互联网行业中呈逐年递增的趋势，随着Web技术的深入发展与国家对互联网高新企业的大力扶持，这一趋势在未来的10-20年内仍将保持。

WEB前端开发行业岗位待遇与发展前景看好：根据权威咨询部门发布的《20##年中国互联网行业薪酬调研报告》显示，互联网行业20##年平均涨薪幅度为9.7％，而其中Web前端开发类岗位的平均涨薪幅度更是达到了23.4%，高出同行业其他岗位幅度的2.5倍。

企业对Web前端开发人才的素质要求：互联网相关企业属于朝阳行业，而Web前端开发类岗位更是新兴的职业，企业希望学校培养的人才不仅具备思想道德素质、文化素质、心理素质团队协作等综合能力，也希望这个岗位的人员具备乐于主动学习，勇于接受新生事物，在技术上不断进取的精神。

综合素质方面：我系的专业虽然是现代化的计算机应用领域，但是学生深受“师范名校、师德教育”的熏陶，“德才兼备”是共同倾向，也是企业对我系历届毕业生的共同评价。可以说这方面，是我们开办此专业所具备的独特优势！

专业技术方面：企业所需的Web前端开发技术包括三个要素：HTML、CSS和JavaScript，但随着RIA的流行和普及，Flash/Flex、Silverlight、XML和服务器端语言也是前端开发工程师应该掌握的。Web前端开发工程师既要与上游的交互设计师、视觉设计师和产品经理沟通，又要与下游的服务器端工程师沟通，需要掌握的技能非常多。这就从知识的广度上对Web前端开发工程师提出了要求。前端开发的入门门槛其实非常低，与服务器端语言先慢后快的学习曲线相比，前端开发的学习曲线是先快后慢。

国内职业院校相关专业现状：目前我国职业院校WEB前端开发的系统教学极其稀少，国内各院校还没有设立相对健全的WEB前端开发专业，而仅有涉及的专业又方向不够明晰，技术与行业需要差距较大（如电子商务专业、网络专业等），无法满足现今互联网行业技术细分的大势所趋。故此，一方面为了更好的向社会输送大量高新技术人才，满足行业需要和学生就业需求，同时也根据《关于加强高等职业院校专业建设与管理工作的几点意见》（晋教高[2011]14号）中关于积极探索和推进校企合作共建专业长效机制的相关意见，使我校在专业建设改革和校企合作办学工作中积累积极的经验，取得更好的社会效益。

六、培养目标

    本专业培养热爱网站前端开发事业，德、智、体、美、劳全面发展，学有专长，具有良好的科学素养和熟练地掌握一定的WEB前端开发和人机交互设计。具有较高的人文、科学素质。胜任各类IT企业及相关的计算机应用领域中从事WEB页面制作，WEB前端开发工程师，WEB交互开发工程师，WEB前端设计，手持设备网站前端开发等工作者。

本专业重视WEB前端开发理论基础和专业技术基础知识的学习，强化WEB前端开发的实践能力和团队协作意识的锻炼；重点学习软件工业界最新的WEB前端开发实现技术、测试方法、项目策划和管理等；了解如何用工程化的方法开发和管理软件项目，懂得在开发过程中应遵循的流程、准则、标准和规范；能熟练地使用国际软件工业界最新的流行WEB前端开发工具高质量地开发大中型WEB前端开发项目。

   七、培养规格

1、具有坚定正确的政治方向和良好的思想政治素质，拥护中国共产党的领导，热爱社会主义祖国；树立正确的世界观、人生观、价值观，具有良好的社会公德和职业道德；热爱本职工作，具有艰苦创业、甘于奉献的敬业精神。

2、强化WEB前端开发专业基础知识的学习和注重提高实践能力。本专业培养方向偏重于WEB前端开发方向，使得学生能够在有限的课时内“专业”和“深入”地学习与WEB前端开发相关的知识，更好地满足企业对用人的专业技能和专业素质的要求。

3、本专业的各个核心课程都应用案例教学和通过项目实践培养学生的动手与自学能力，在“大二”和“大三”各学期中均安排有高强度的WEB前端开发实践类的课程开发和项目实训，最终培养出具有良好的WEB前端开发项目开发的能力、项目管理能力、软件测试技能、技术创新能力和市场开拓能力的高级复合应用型WEB前端开发人才。

4、较好地掌握一门外语，具有初步的外语会话能力。

5、具有良好的生活态度和文明的行为习惯；具有健康的心理、健全的人格和强健的体魄；具有良好的艺术修养和较强的审美能力。

    八、学分设置（每学期教学计划按18周计算）

1、网站规划与应用专业（Web前端开发方向）满学分为130学分。

2、理论课教学：每门课一学期内每周完成1学时的课程记1学分，即每门课满18学时核计1学分。

3、实践课满36学时核计1学分。

4、选修课按教学计划规定记相应学分。

九、课程结构与课程结构比例

本专业课程包括1、通识课程（包括必修和选修）2、专业课程（包括必修和选修）3、实践课程。

1、通识课程：着力于人才综合素质的培养，旨在关注个体心灵成长和精神发展，促进学生掌握学习方法，提高学习能力、人际沟通与交往能力，全面提升学生的思想道德修养、人文素质、科学素养、身心素质和艺术素质，实现学生夯实基础、沟通艺文理、增强能力、健全人格的目的，使学生形成均衡的知识结构，具有创新的素质。

2、专业课程：着力于“专长人才”的培养，旨在使学生掌从事WEB前端开发工作和其它与之相关所必须的专业基础知识、专业基本理论和基本技能，学有专长。

3、实践课程。着力于学生实践能力、创造能力、就业能力和创业能力的培养和训练，实现毕业生与用人单位的无缝接轨。

整体教学结构如下表：

课程设置采用模块结构，包括通识课程、专业基础课程、职业能力课程、职业延展课程、实践课程。本课程方案课堂教学94周，总学时为2792学时，总学分为130学分。各类型课程学时、学分分配及所占比例如下表：

实践课程不计入总学时，但计入总学分。

十、教育教学活动与时间安排

全课程共156周，其中教学活动（含考试）94周，教育实习18周，放假36周，入学教育、国防教育、劳动、毕业教育等5周，机动3周。三年总学时分配如下表：

   十一、教学计划进程表及学时安排（见附件）

   十二、其他教育环节（教育实践课程）

 

实践教学环节安排

第二课堂和社会实践（10学分）

 十三、专业主干课程及简介（含课程编号、名称、性质、主要内容介绍，总学分、总学时、课设学期、考核方式等）

1.网页制作

教学目的：使学生掌握常用的网页设计工具，熟练运用多种网页设计技术，具备Web网页设计、制作及站点管理的基本知识和基本技能，学生能够独立制作中小型的网站。

课程内容及学时分配：72

1、网页设计基础，4学时。

2、制作图文并茂的网页，1学时。

3、网页中的表格，2学时。

4、网页中的多媒体，2学时。

5、超级链接，4学时。

6、CSS样式设计，4学时。

7、页面布局设计，8学时。

8、交互页面，4学时。

9、模板和扩展Dreamweaver，6学时。

10、表单及ASP动态网页，16学时。

11、静态网页综合作业，16学时。

   教学方法：教学采用“四阶段教学法”，将“教、学、练、做”融为一体。

参考书目：1. 缪亮、彭宗勤，《Dreamweaver网页制作实用教程》，清华大学出版社，20##年。

2.黄颖、蒲莤，《基于工作过程的商务网站建设——网页制作》，电子工业出版社，2010

2、Photoshop

教学目的：培养应用与实用型图形图像设计师技能。通过本课程学习，使学生掌握图像处理技术的基本概念和术语，图形处理的基本操作方法和技巧，具有较强的处理图像的综合操作能力，以达到学以致用与拓展知识面的目的，为进一步学习网页制作打下良好的基础。

课程内容及学时分配：72

1、广告宣传册的设计，10学时。

2、广告宣传册的页面设计，10学时。

3、照片的编辑与修复，12学时。

4、照片的色彩调整与修饰，10学时。

5、广告宣传册封面的设计，10学时。

6、产品的艺术，10学时。

7、Web页面设计与制作，10学时。

教学方法：（1）讲述法（2）问题教学法（3）演示法（4）小组讨论法（5）案例教学法（6）实践操作法。

参考书目：1、魏哲，《边学边做 Photoshop CS3图像制作案例教程》，人民邮电出版社，20##年11月第1版。

2、Adobe公司办事处，《Adobe  Photoshop CS标准培训教材》，人民邮电出版社，20##年10月第1版。

3、戴亚娥，《图像处理技术实用教程》，电子工业出版社，20##年12月第2版。

3、Flash动画设计制作

教学目的：通过对本课程的学习，使学生掌握Flash动画设计制作技术。为将来制作WEB前台动画提供资源。

课程内容及学时分配：72

1、Flash基础知识，2学时。

2、Flash课件制作基础操作，4学时。

3、制作简单动画，4学时。

4、制作复杂动画，4学时。

5、制作幻灯片演示文稿类课件，4学时。

6、制作判断题型课件，6学时。

7、制作拖曳题型课件，6学时。

8、制作填空题型课件，6学时。

9、制作选择题型课件，6学时。

10、制作连线题型课件，6学时。

11、制作语文课件，8学时。

12、制作数学课件，8学时。

13、制作物理课件，8学时。

   教学方法：理论实践一体化、案例任务驱动法、讲授法、探究式讨论法。

   参考书目：

本课程采用教材是《Flash多媒体课件制作经典教程模块模板精讲》，李永编著，20##年10月第1版，清华大学出版社。

参考书目：1、田启明主编，《Flash CS 5平画动画设计与制作案例教程》，电子工业出版社，20##年11月第1版。

2、缪亮主编，《Flash多媒体课件制作实验与实践》，清华大学出版社，20##年11月第1版。

3、缪亮 张文爱主编，《Flash多媒体课件制作实用教程》，清华大学出版社，20##年8月第1版。

4、缪亮主编，《Flash动画制作基础与上机指导》，清华大学出版社，20##年1月第1版。

   主干课程设置

计算机组成原理、操作系统、计算机网络技术、网页前端制作、javascript特效开发、WEB界面结构与实现、WEB交互设计与程序开发、动态网站开发、前端交互特效与测试。

“WUI设计原则”包括：WEB界面设计规范、WEB界面设计、WEB策划等，图形图像处理

   “WEB界面结构与实现”包括：Web标准、Web布局、移动设WEB制作等

“WEB交互设计与程序开发”包括：javascript编程规范、互动特效开发、客户端开发、交互特效开发等  

“WEB前后端数据交互技术”包括： javascript、php、 mysql、 ajax异步传输技术、XML、JSON等

“WEB前端开发测试与评估”：交互效果测试、异常处理等。

   十四、教学运行和教学质量保障

   根据学校教学管理文件严格执行。教学管理机构有专业教研室负责，坚持每周一次的教研活动，教学质量监控抓好常规教学，注重课堂管理，学生作业的批改，用学生手册把平时的上课情况，回答问题一一记录，教学评价分平时成绩和期未成绩相结合，理论联系实际相结合，注重学生综合能力的评价，岗位能力的评价。

   十五、毕业条件

   通过两年在校的知识学习，技能培养，掌握必要的理论知识，再通过一年的专业技能培训，按岗位要求完成所有技能，各项成绩合格，即可毕业。

   十六、说明与建议

   根据教育部高职高专专业目录，学校2014版人才培养方案统一要求。按照校企合作协议编制完成。所有课程按岗位需求尽量选择近三年的最新教材，用案例引导，任务驱动方式，教学做相统一流程教学

   十七、编制单位与人员

   现代信息技术系、中科院计算所培训中心，张维山、杜波、韩非、王明月。

   十八、专业指导委员会成员简介

张维山：性别：男；毕业院校：山西师范大学；专业：计算机；职称：副教授；工作单位：晋中师范高等专科学校；所任课程：Flash课件制作、HTML5技术。

杜波：性别：男；毕业院校：山西师范大学；专业：计算机；职称：高级讲师；工作单位：晋中师范高等专科学校；所任课程：illustrator cs5设计与制作、Photoshop平面设计。

李秀香：性别：女；毕业院校：山西师范大学；专业：计算机；职称：讲师；工作单位：晋中师范高等专科学校；所任课程：C语言程序设计、网页制作。

韩非：性别：男；毕业院校：天津美院；专业：视觉传达；职称：高级讲师；工作单位：中科院计算所培训中心；所任课程：数码艺术后期、平面设计实战、企业网站形象方案。

王明月：性别：女；毕业院校：内蒙古师范大学；专业：多媒体与网络技术；职称：高级讲师；工作单位：中科院计算所培训中心；所任课程：UI设计、WEB前端开发、WEB交互设计、网络广告设计、网站策划。

附件：教学计划进程表及学时安排

 

 

第二篇：网站应用总结

走信息化发展之路

创学校特色之品牌

——京通小学网站应用项目总结

20xx年x月x日

走信息化发展之路

创学校特色之品牌

——京通小学网站应用项目总结

京通小学建于19xx年，坐落在北京朝阳区东五环外城乡结合部，与通州区接壤。目前学校有23个教学班，在校学生760人，在职教师57人。近年来，学校以“智慧教育”为理念，全面实施素质教育，学校德智体美各项工作都得到了教育行政部门和社会的充分肯定。在此基础上，学校努力创建朝阳区素质教育示范学校。我校于20xx年开始进行网站应用项目的建设工作，经过学校各位同仁的共同努力，我校顺利完成了网站应用项目的建设工作，并在日常工作中发挥了十分重要的作用。现将我校教育信息化建设与应用工作总结如下：

一、组织调研，确定重点工作目标

20xx年年初，有关领导对校内网络硬件资源及网络服务开展情况、信息资源建设情况进行了深入细致调研，并聘请专家来校指导。针对我校校内信息资源建设较差的问题，提出今年重点进行全校网站建设工作。

学校成立信息化工作小组。并印发“关于加快规范网站建设的通知”，明确了学校网站负责单位和职责，各级网站分管领导、网管员的职责任务，规范了动态信息的发布程序。并据此组建立了以信息化工作小组牵头，负责学校网站建设维护和部门网站指导督办，网络中心为技术支撑单位，负责全校网站的网络技术支持；各职能处室，负责本部门相关网站工作，上下联系、畅通快捷的校内网站工作体系。

二、以网站为平台，宣传办学特色。

20xx年，我校创建京通小学网站，20xx正式开通运行，并与北京市朝阳区教育委员会网站、北京市教育委员会网站、教育部网站等建立有效链接；同时，管庄学区的网站也由我校进行建设和日常运维。我校网站页面美观，结构清晰，技术运用合理，网站开辟了校园新闻、校园概况、德育之窗、班级园地、教师园地、家校互动等20多个栏目，网站发表各类文章20xx多篇，加大了对学校教育教学工作的宣传力度，访问量超过5万人次，在社会产生广泛而良好的影响。

学校网站的建设，以规范学校教育教学管理为目标，突出学校现代化、信息化建设的特色，努力打造科学、高效、透明的管理体系。德育工作是学校教育管理工作中的重中之重，学校坚守网站教育宣传的主阵地，开展学生美德教育、安全教育等活动。网站创建以来，配合学校教育教学工作，校园文化活动等刊出教育宣传图片、素质教育成果，发表学生文章，引导学生享受健康向上的网络文化。

教学管理工作是全校师生、家长所关注的热点问题。学校网站把教师专业化发展工作进行融合，构建教学常规管理、研究性学习、学科组建设、教师业务培训等平台，介绍优秀教师的先进经验和典型事迹，报道教师参加各级各类业务评比取得的成绩，展示学生参加各级各类比赛活动的成就。学校网站刊出教学教研信息、优秀学生介绍文章等，营造了健康和谐的校园文化氛围。

学校网站的应用，以服务学校教育教学规范管理工作为中心，服务师生、服务社会需求为重点，充分发挥其在学校管理工作中的作用。我们利用校园网站进行家校互动，做家长对学校工作的满意度调查、学生对教师工作满意度调查；利用在线论坛等形式与家长进行沟通，改进学校管理工作中存在的问题，不断提高学校的管理水平和服务质

量，形成了学校教育宣传、管理工作网络一体化的新特色。

三、加大资金投入，打造数字化校园。

20xx年以来，学校投入大量经费，主要用于打造数字化校园。学校校园网使用光纤连接到朝阳区教育网络信息中心，然后再通过光纤收发器和交换机到各个教室和办公室，构成一个局域网，网络覆盖全校。ADSL宽带网已接入学校各职能部门和教师办公室。学校为每个都配备了多媒体教学平台，更新了计算机教室的学生用机。学校中心机房还建立了学区的视频资料库，实现了校园网资源共享。学校各办公室均安装了电脑设备，学校拥有网络管理中心，校园网能够满足本校的信息化管理和教学需求；学校教室和办公室都有网络终端，能保持网络畅通；并与教育专网连接。这些都为打造数字化校园奠定了基础，极大地改善了学校的办学条件，提高了学校教育信息化水平。

同时定期对网络设施进行了全面盘查，加强日常检修和网管软件升级、维护，保证网络运行畅通稳定；加强网络服务工作，先后升级邮件管理系统，提供病毒防杀系统，有效解决多年来邮件不畅、校园网内计算机间病毒相互传染、蔓延等问题，保证了校内计算机正常上网。

三、加强师资培训，提高信息化素养。

让学校数字化校园充满生机与活力，最重要的因素是提高教师队伍的信息技术素养。我们认为，教师队伍的信息技术素养是学校信息化应用与打造信息化学校特色的先决条件，也是学校发展的关键所在。因此，我们立足本校实际加强教师的信息技术培训。具体措施：第一，抓好各学科教师的教育技术培训。发挥信息技术教师的作用，由他们对全校教师分层次进行教育技术培训；鼓励教师参加市、区组织的教育技术培训与教育技术能力水平考试，合格率达100%。第二，

抓好信息技术与学科整合。发挥骨干教师的作用，请他们介绍信息技术与学科整合的经验，包括信息技术操作及在教学中如何具体运用等；采取走出去的形式对计算机技术掌握得较好，又有教学经验的学科骨干教师进行高层次的有系统地培训。学科骨干教师成长后又带动了其他教师信息技术应用水平的普遍提高；第三，以赛促练，促进教师成长。我校鼓励教师参加教育部门组织的各项评优活动，教师们在参与教学评优的过程中，相互学习，取长补短，提高信息化应用水平。

四、强化管理工作，增加信息化含量。

建设信息化学校，管理手段的数字化是重要的标志之一。首先，我们建立了学校网站和校园网管理平台，为提高学校管理的数字化水平准备好技术支撑。内容涵盖了学校管理、师资队伍、教育教学、科研信息、家校联系等各个方面。学校行政可及时了解有关信息，有针对性地进行互动管理。其次，建立考核和激励机制。我们将全体教师、学校各科组、年级组参与学校网站和内部资源网建设与应用的情况纳入班主任、教师和各科组、年级组评先选优考核体系，对积极参与学校信息化建设与应用的个人和部门给予奖励。第三，我们利用学校网站和校园内部资源网在数字化网络环境下开展管理工作。如在学校网站设立在线论坛，及时了解师生、家长和社会人士对学校发展与管理的意见；在学校内部网上，各部门工作的管理实行办公电子化、无纸化。在系统管理、收发文管理、学籍管理、档案管理、教师管理、课程管理、教育教学评价、科研信息、资料建设等方面全面推行数字化操作。如教师业务学习网络化、集体备课电子化、专题研讨交互化等。同时，学校实现了与上级教育行政部门之间的互联，不仅在教育教学方面，而且在固定资产、后勤服务、财务管理和教学设备管理上实现

了数字化的管理。信息技术在学校管理中应用，使管理工作更加有序、更为规范，大大提高了工作效率。

我校以网站应用项目为抓手，不断加强学校的信息化建设。通过几年的不懈努力，我校信息化建设与应用工作取得了突出的成绩，走出了一条学校信息化发展之路，创出了学校的特色与品牌，得到了上级教育主管部门的肯定和社会的认可。我们将珍惜这一难得的发展机遇，并以此作为前进的动力和目标，乘势而上，与时俱进。树立品牌、加快发展，为教育信息化发展做出我们应有的贡献。