95
ＯＣＣＵＰＡＴＩＯＮ
2016    09
教学探索
S KILLS
职业院校HTML语言网页制作课程课堂教学方法及技巧
文／金　晶
摘 要：随着网络的普及，很多职业院校都开设了网站制作课程。网站由多个网页构成，ＨＴＭＬ语言是网页制作的基本语言。本文主要介绍了ＨＴＭＬ的来源和发展，论述了职业院校开设网站制作课程的优势与意义，并提出了几点课堂教学的方法和技巧。
关键词：ＨＴＭＬ语言　网页制作　职业院校
床理实一体化教学应该实施由简单到复杂多层次的教学。
中职数控车床理实一体化教学首先应该从数控车削零件上的单一典型结构开始，外圆柱的加工是其他加工内容的基础，因此教学应该从外圆柱的开始，对其进行工艺分析，编辑加工程序，再进行与外圆柱加工有关的技能训练，再由外圆柱的加工推及其他典型结构如圆锥、圆弧、槽、螺纹的教学。这一阶段的教学是中职数控车床的入门阶段，学生对于工艺分析、技能操作都比较陌生，因此这一阶段的学习内容首先必须由教师讲授，教师的讲授必须细致详尽，对教学内容应分解到最小化进行教学。例如外圆柱的加工工艺情景教学可分解为加工过程分析、切削用量选择、工件坐标系建立和加工程序编辑等内容，生产情景教学可分解为工件安装技能、刀具安装及对刀技能、程序输入技能、零件自动加工技能和零件质量检测等内容。简单细化的教学内容可让学生产生学习成就感，从而提高学生学习的兴趣，为学生的以后学习奠定良好的基础。
学生学习一些单一典型结构的数控车削加工之后，教师就可以对这些单一典型结构进行简单组合进行教学。这种教学内容更加接近于企业实际数控生产。由于学生已有单一典型结构的加工经验，教师不必对教学内容进行细致详尽的讲授，而应侧重于培养学生的工艺分析能力的教学上来。这一层次教学工艺情景教学的重点是采取各种教学方法，比如自主构建学习、讨论等方法，让学生充分分析零件加工工艺。生产情景教学主要作为零件加工工艺的验
证，零件加工完成之后还需根据已有的加工经验回到工艺情景再次分析加工工艺。零件加工工艺的分析是对整个加工过程理论上的把握，也是培养学生分析问题和解决问题能力的过程。这种能力直接影
响着学生数控车床学习质量，也是培养学生的岗位适应能力必不可少的环节，因此务必培养学生熟练的工艺分析能力。
学生拥有比较熟练的工艺分析能力和良好的加工技能基础之后，就可以以接近企业数控车削生产的过程进行教学。首先派发零件图给学生。学生直接在实训场地编辑加工程序，之后加工零件，以生产情景进行教学，同时采用角扮演法进行教学，让学生扮演类生产班组长、工艺人员、机床操作员、安全监督员和质量检测员等角。学生在不同的任务中担任不同的角，在相互学习中提高学习效果。最后还是需要学生对加工工艺进行总结。这一层次的教学是通过模拟企业实际生产，让学生体会企业实际工作流程，培养学生数控车工岗位操作核心能力，同时也培养学生交流沟通和团队协作等方面的能力。
参考文献：
[1]涂清林.浅谈专业一体化教学[J].中国培训,2001(7).[2]张小双.技工学校一体化教学模式改革与实践探析[J].职业,2015(35).
[3]史家迎.实施一体化教学模式培养高素质技能人才[J].中国校外教育(理论),2009(3).
（作者单位：岳阳市高级技工学校）
大部分网页制作软件的语言都是以HTML 语言为基础的。在高职院校网页制作课程中，如果能让学生了解HTML 语言的优点以及使用HTML 语言制作网页的技巧，他们便能够在网页的制作过程中更加灵活和得心应手。
一、HTML语言概述
1.HTML语言的来源和发展
HTML 语言来源于SGML 语言。早期为了统一和规范网络上文档的格式，将标准通用置标语言SGML 作为一种标准来使用。由于在应用中出现一系列的问题，最终将SGML 开发为一种使用者可根据需要创建出其他语言的语言，这样就形成了HTML 语言。
目前使用的HTML 语言已经经过了几次更新。每次的更新都改变了一些功能。像HTML 1.0版本，能够进行文本格式化功能，2.0版本能够处理表格、图形等，3.2版本能够加入<APPLET>标记，嵌入小的程序。
2.HTML语言简介
HTML 语言就是超级文本标记语言的英文缩写，即“Hyper Text Markup Language ”的缩写。这种语言是网页设计中最基本的标记语言，是网页设计的基础。其中， “超文本”指网页内可以包含图片、链接
、音乐等不是文字的内容。这种语言的结构包含了两个主要部分，“Head ”部显示的是网页相关的信息，“Body ”包含的是具体的网页内容。可以从两方面来了解HTML 语言，一是HTML 语言是一种文本，二是HTML 语言是标记性的。超文本标记语言就是利用特殊标记，网页设计者设计出可以在网络上浏览的网页。
二、高职院校开设HTML语言设计课程的优势与意义
1.HTML语言的特性
S KILLS教学探索
HTML语言是Web网页设计的基本语言，它的本质其实就是文本。先利用编辑器编写HTML语言，再通过翻译可以呈现出具体内容，形成格式化的网页形式。HTML语言可以兼容其他的格式，用起来比较方便，这也是在网页制作中应用较多的原因。此外，使用HTML语言设计网页时还有以下的优势。
（1）超文本的特点。从HTML语言的名字“超文本标记语言”可以知道，该语言其中一个特点就是超文本性。在HTML的文档中能够包含超文本的内容，如音频、视频等多媒体信息，以及表单和超链接等多种多样的信息形式。
（2）应用的广泛性。HTML是网页设计的基础性语言，这也决定了它在大多数的系统中都能够适用，
像是Windows系列的系统和其他版本的UNIX系统。这样一来可以减少因语言的不适用造成使用者对网页的应用问题。
（3）可扩展性。HTML语言的广泛使用，导致强化功能的产生。而随着应用的增多，标识符也随之增多。HTML应用的是子类元素，因此就为系统的扩展奠定了基础。
（4）文档制作简易。HTML语言主要以文档的形式进行编辑，并且文档的制作极为简单，功效也非常显著。因为HTML的本质是文本，只需要编辑器进行编写，再经过翻译就可以呈现出内容，因此制作比较简单。
2.职业院校开设HTML语言设计网页课程的优势
对于网页的制作，目前有不少的软件可以使用，包括Front Page、Adobe Dream Weaver CC2015、Google Web Designer 1.3.0.0410 Beta等。虽然网页设计者利用这些网页制作软件，不用学习HTML语言相关知识也能够制作网页，但是HTML语言是网页设计的语言基础，因此在职业院校网页设计课堂中教师要让学生掌握HTML语言的以下技术。
（1）网页格式修改自如。如果让学生掌握了最基本的编辑语言，一方面学生能够按照自己的想法调整自己的网页布置；另一方面，可以通过参考他人的网页格式来设计自己的网页。主要通过保存自己所青睐的网页的源代码，再经过合适的修改，就可以设计出自己喜欢的效果。
（2）特效的制作更满意。学生掌握了HTML语言，能够截取PSD文件的一部分为自己所用。掌握了HTML语言，学生可以选择恰当的PSD源文件片段进行切割，在此基础上制作自己想要的特效效果。
（3）动态效果的基础。人们不仅对网页的应用效果要求越来越高，而且对于网页的美观性方面的要求也越来越高。只是静态的文本和图像已经满足不了人们的需求。因此，掌握网页制作中动态效果技术的运用，对职业院校计算机专业学生的就业竞争力大有裨益。动态网站虽然有NET、JSP等编辑语言，但是这些语言的基础是HTML语言。
（4）网页加密，确保安全。学生掌握了HTML 语言，能够对自己设计的网页进行加密，这样可以阻止网页木马的袭击，确保网页的安全和网页用户的数据安全。只有保证网页的安全性，才能有更多的人使用网页，也可以看成是网页设计者的网络诚信。
（5）网页更新维护和改版较为方便。信息时代的变化是飞速的，网站内容应该不断更新。随着热点信息或者潮流方向，要对网页进行更新和维护。利用HTML语言，职业院校学生能够方便地对网页进行维护和更新。
三、职业院校HTML语言设计网页课堂教学方法及技巧
运用HTML语言设计网页课堂教学时，掌握以下方法能够提高网页制作的速度和质量。
1.让学生养成有目的地制作网页的习惯
网页的设计不是漫无目的的，而是根据用户的需求来设计的。教师应该告诉学生要根据网页应用对象的特点来有目的地制作网页。例如学生毕业后，在工作过程中，如果所服务的客户喜爱歌曲，就可以在网页中添加歌曲相关的信息或是搜索内容项；如果客户喜欢直接进入主题，网页的制作就应该减少无关信息，减少链接。只有牢牢把握客户的特点，才能根据他们的特点做出他们喜欢的网页。另外，教师要告诉学生，一个网页并不太可能包含所有的信息，在制作网页的过程中一定要根据主题有目的地制作网页，并且要让用户在使用过程中尽可能少点击就能到想要的信息。
2.向学生强调界面突出的重要性
要让学生了解，网页的繁杂会导致用户不到自己想要的信息，从而丧失耐心。为了让用户方便快捷地到需要的信息，网页的界面要简洁大方。但是并不是说页面越简单越好。一个好的网页一方面要关注个人体验，另一方面要关注实用效果。在网页的界面上应该突出重点，省略不必要的信息，减少目录和一些不太重要的功能，这样能够避免用户混淆。同时，也可以利用表格、分割线等来使界面有层次，内容清晰、简洁大方。
3.要求学生熟练掌握巧妙利用字体的技术
不同的用户所用的浏览器或电脑系统不尽相同，有些浏览器因为兼容性等原因，并不能显示网页制作中所要显示的漂亮字体。学生制作的网页如果能够在不同浏览器上都能显示出漂亮的字体，这样可以提高用户对网页的喜爱度。为了实现在不同的用户端都能显示出原本设置的字体，我们可以通过在FONT标签中FACE属性添加多个字体样式来处理。
学校网站首页代码html
4.告诉学生网页命名要简洁
每个网站都是由一个主页和若干个子页组成的。而无论主页还是子页都有一个名称，当网页的命名较为复杂时，不利于用户记忆和使用。因此，在课堂教学中，教师要告诉学生在给网页命名时，要注意简单易记性原则，这样不仅有利于每个网页的链接，还有利于制作者网页设计以及后期的维护和更新，也方便用户的使用。
5.提醒学生要在网页中添加注释
一个网页的制作会涉及很多的代码。而且在多人共同设计的网页中，不同的设计者有自己的代码习惯，如果不对代码加以注释很容易产生混淆和矛盾。因此，为了更加方便地设计网页和检测网页，教师要提醒学生在编辑的过程中要在适当的位置对代码添加注释。
参考文献：
[1]茹先古丽·吾守尔，艾合买提·阿布拉.基于HTML语言的网页制作方法[J].经贸实践,2015(9).
[2]齐慧平.HTML语言的网页制作技巧与方法分析[J].电脑迷,2016(1).
[3]张铁红，邵波.浅谈HTML语言的网页制作方法与技巧[J].通讯世界,2016(1).
[4]柳汨.基于HTML语言的网页制作浅析[J].中小企业管理与科技(上旬刊),2016(1).
（作者单位：江苏省淮安技师学院）
96ＯＣＣＵＰＡＴＩＯＮ
2016    09

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。