中职计算机专业前端技术课程改革探索

《中职计算机专业前端技术课程改革探索》由会员上传分享，免费在线阅读，更多相关内容在学术论文-天天文库。

1、中职计算机专业前端技术课程改革探索　　在移动互联网环境下，探索中职计算机专业前端技术课程改革的新思路，创新理念，突出移动端技术的特征非常必要。可通过改进美工设计课程，增加手机界面设计部分；在《网页布局》课程增加html5知识以及处理不同浏览器兼容性部分；合并JavaScript和jQuery，开设《前端技术》课程，传授有关语法、对象和框架有关知识，从而让学生掌握相关的技能技术，缩短与企业接轨的时间。　　一、问题的提出　　前端技术是从网页制作演变而来的，它的主要职能就是把网站的界面更好地呈现给用户。前端开发技术包括4个部分：前端美工，浏览器兼容，CSS、HTML和JavaScript语言，以及

2、jQuery和Html5的应用。　　我校计算机专业现设有有关网站前端开发课程，分别是第一学期《Photoshop》（着重网页界面美工设计），第二学期开设的《网页布局》（采用div/css实现网页布局），还有第四学期的综合实训课《网站开发设计》，将所学美工设计和网页布局知识综合应用。所有这些课程均在pc端实现，无论是课程的数量还是课程的内容，都无法满足市场需要。　　二、移动端技术发展现况、企业用人需要和课程改革的必要性6　　随着宽带无线接入技术和移动终端技术的飞速发展，手机的运用迅猛发展。工信部最新数据显示，截至2015年12月底，我国手机用户数达13.06亿户，手机用户普及率达95.5部/百

3、人，显示目前我国以快速的步伐进入移动互联网时代。与此同时，企业需要大量移动端的前端开发人员。例如，在“智联招聘”网站的招聘岗位输入“前端开发”，工作地点选择“广州”，一共得出1578条搜索结果。　　另一方面，从学校出来的学生如果在校期间没有学习相关技术知识，无法满足企业的要求。大势所趋，在手机蓬勃发展的今天，如何对前端技术课程进行改革，带领学生，让其技术从pc端走向移动端，是一线计算机专业教师必须面对的问题。　　三、移动端开发与网站开发的比较　　移动端开发主要是应用在手机网站制作，而移动端开发与网站开发的流程是一样，都是经过需求分析之后，建立网站架构，根据方案完成初稿设计出首页的尺寸和风格，

4、再制定出界面设计图。通过对项目总体设计之后，划分模块进行实现。　　无论是网站编程还是移动端编程，前端所需要的知识和理论基础是相同的。两者的区别是在现实中实现的媒介不同，一个是个人电脑，一个是手机。媒介大小、材质和触摸方式决定了界面设计和实现的方法不一样。web平台的规范是键盘+鼠标，移动设备平台的规范是键盘+手指（触摸和手势）。　　四、前端开发的技术、能力要求和薪资水平　　按照智联招聘（“http：//sou.zhaopin.com/”）发布的招聘信息，通过归纳整理，可以得出当前企业对前端开发的技术和能力要求。　　目前，前端开发工程师需求主要集中在一线大城市，北京、上海、深圳、广州等；这些一

5、线城市的薪资水平是非常可观的，从“智联招聘”6中统计得出，前端开发工程师月工资介乎4000～15000之间。　　五、课程改革的实施　　根据上述市场调查所得的技术和能力要求，笔者按照美工设计、前端开发基础（HTML、CSS、JavaScript）、jQuery和html5的应用这三方面对现任课程进行改革。　　1.美工设计除了传统界面设计之外，增加手机界面设计　　手机用户界面是用户与手机系统、应用交互的窗口，手机界面的设计必须基于手机设备的物理特性和系统应用的特性进行合理的设计。手机界面设计是个复杂的有不同学科参与的工程，其中最重要的两点的就是产品本身的UI设计和用户体验设计，只有将这两者完美融

6、合才能打造出优秀的作品。手机界面设计着重于风格确定、图片设计和色彩调配。　　（1）风格确定　　根据界面的总体风格的策划思路，结合界面其他元素的需要，对手机界面的整体风格进行考虑，以保证图标和整体效果的融合。风格鲜明的设计是手机界面设计的重要工作。目前，无论是引领风尚的iphone，还是市场新宠小米手机，都推崇极简扁平化风格。　　（2）图标设计　　图标功能：在图形设计之前，图标非常重要，图标的功能是我们进行图标造型设计的标准和依托。图标一般先用illustrator进行绘制，然后photoshop做图标设计的后期效果处理。所有界面上同级、同类的图标要保证表现形式的统一，避免用户视觉上的紊乱。　

7、　（3）色彩调配6　　由于手机本身的限制，在色彩的还原程度上有一定限制，因此在选用色彩时要根据使用的屏幕进行调节，方法就是将设计好的效果图导入相应的手机中，用该手机自带的图片浏览软件进行全屏效果查看或者请求开发人员帮助。　　2.以前端语言为入门，打好手机开发基础　　前端开发最基本也是最必须的三个技能：HTML、CSS、JavaScript。HTML指的是超文本标记语言（HyperTextMarkupLangu