【摘要】 当今，网页已和每位网民的生活息息相关，能否把握好教学方向并教会学生设计界面美观、内容充实、浏览速度快、使用方便的页面，对广大中职教师来说既是责任、更是挑战。

　　【关键词】 中职 网页 Dreamweaver Photoshop flash JavaScript

　　【中图分类号】 G712 【文献标识码】 A 【文章编号】 1992-7711（2014）03-114-01

　　网页的前台设计属于设计的范畴，因其所涉及的理论知识不深奥，市场前景广阔，且工资待遇也比一般的平面设计要高得多，因此在中职学校开设网页前台设计专业具有可行性和推广性。笔者从事中职网页前台设计专业教学已经有三年之久，一直在这个专业上辅导学生参加省市技能比赛，并且指导的学生也曾多次在比赛中赛出佳绩。下面我就谈谈网页前台设计专业的教学目标、教学方向、教学方法及相关学习资料。希望可以给广大热爱网页设计或从事网页教学的朋友们一些帮助。

　　一、明确教学目标

　　作为中职生，普遍存在文化基础相对薄弱的问题，所以在教学中一定要先抛开复杂的代码分析。从学生感兴趣、易理解、能就业方面入手，制定切实可行的教学目标。

　　能设计出美观大方、合乎逻辑、界面友好的页面设计草图。能借助PS软件对设计出的草图进行文件生成，生成跟设计草图一致的网页PSD效果图，并科学完成切图操作。能用flash软件制作出网页中常见的动画（尤其是banner动画）。能通过Dreamweaver 软件合理布局站点，并把相关媒体进行有效的整合，生成与PSD效果图一致的网站页面。在网页中加入常见的JavaScript代码，给HTML网页添加动态功能，从而实现响应用户的常见操作。

　　二、科学开设相关课程

　　网页前台设计要开设什么课程？每门课程有什么作用？这些课程如何整合？成为了学习者共同关心的问题，因为这关系到学习到的技能能否和市场接轨的问题。

　　（一）美术基础与网页赏析。任何美的东西均有其原理所在，学生通过对素描和色彩的学习，美感得到了增强，设计出的网页效果图有了理论依据，更符合大众的品味，加上欣赏过成千上万个优秀网站的界面，对自身设计网页PSD效果图奠定了理论基础。

　　（二）Photoshop软件生成网页PSD效果图。Phtoshop软件在图像合成与图像制作领域中功能强大，我们不但能使用该软件对网页中的图片进行处理，而且能对制作出的网页PSD效果图进行切图操作，切出的小图片文件可以保存为JPG或gif格式，对于网页中的较多背景图像，我们只需切成一个象素宽、一个象素高或宽高均为一象素的小图像即可，大大减少了网站占用的空间，提高了网页下载浏览速度。

　　（三）flash软件制作出网页中常见的动画。Flash软件生成的二维动画，因其占用空间小等原因，在网上大为流行。对于学好网页中的flash动画，一是要熟练掌握好工具箱中工具的使用，达到利用工具绘制简单图形的能力；二是通过举一反三的方法，掌握好制作帧帧动画、形变动画、运动动画、引导层动画、遮罩层动画等原理与制作方法。可以多浏览网页中的flash动画，然后进行分析再制作。

　　（四）Dreamweaver软件整合网页元素生成网页文件。Dreamweaver软件可以把文字、声音、视频、动画等媒体整合在一个网页之中。学好此软件可以分成为以下几步：找一本较为基础的书或一部视频教程，进行Dreamweaver软件操作的学习，在学习中注重html、css代码与生成的网页元素的对应；利用Dreamweaver的代码视图手写代码并注重与设计视图中元素的对应关系，主要目的是为了深入学习html代码与css代码；学习DIV+CSS网页布局方法，为自己的网页设计生涯开启标准化的大门。

　　（五）JavaScript代码的套用。JavaScript代码对中职生来说较为复杂，但是很多JavaScript代码在网络上都可以免费下载，学生仅需掌握其结构及其套用方法，从而使自己开发出的网页达到动态交互即可。

　　三、教学中的一些教学方法

　　（一）多鼓励学生。德国教育家第斯多惠说：“教学艺术的本质不在于传授的本领，而在于激励、唤醒、鼓舞。”教师想方设法让学生能喜欢上这门课程，可以多拿一些成功的人或事激励学生，对于一些不认真听课的学生，更要多多关心与谈心，做到在思想上感情上赢得学生。

　　（二）把自己的讲课思路记录或录制下来。讲课讲得慢，条理清楚，让大多数学生能跟上老师的思路，这已是老生常谈。但作为一门专业课，我建议，授课老师可以借助记事本软件把自己的讲课要点采用边讲边敲的方式记录下来，或是通过屏幕录像专家软件录制自己的讲课视频，然后发到每一位学生的电脑上，这样学生就可以在练习时跟上老师的思路，增强学习的信心。

　　（三）请教学科中的“专家”来帮忙。如今是一个网络时代，网络中的资源非常丰富，各类专家均或多或少在网上发布视频教程，各位朋友可以多去学习；另可以多参阅网页前台的网上论坛，取长补短、拓宽视野不断提升自身的技能水平。

　　[ 参 考 文 献 ]

　　[1]《2009年北风网李炎恢讲师Xhtml+css视频教程+项目视频》.

　　[2]站长好站（http：//www.zzhaoz.com/shipin/photoshop/）中刘明轩讲师的《PS网页设计视频教程》.

　　[3]72建站网（http：//www.72jz.com/）中李开坤的《JavaScript视频教程》.

　　[4]《2010年北风网资深讲师李炎恢老师FLASH视频教程》.

---

期刊库（http://www.zgqkk.com），是一个专门从事期刊推广、投稿辅导的网站。
　　本站提供如何投稿辅导，寻求投稿辅导合作，快速投稿辅导，投稿辅导格式指导等解决方案：省级投稿辅导/国家级投稿辅导/核心期刊投稿辅导//职称投稿辅导。

---

　　【免责声明】本文仅代表作者本人观点，与投稿辅导_期刊发表_中国期刊库专业期刊网站无关。投稿辅导_期刊发表_中国期刊库专业期刊网站站对文中陈述、观点判断保持中立，不对所包含内容的准确性、可靠性或完整性提供任何明示或暗示的保证。请读者仅作参考，并请自行承担全部责任。