职业院校HTML语言网页制作课程课堂教学方法及技巧

开篇：润墨网以专业的文秘视角，为您筛选了一篇职业院校HTML语言网页制作课程课堂教学方法及技巧范文，如需获取更多写作素材，在线客服老师一对一协助。欢迎您的阅读与分享！

摘要：随着网络的普及，很多职业院校都开设了网站制作课程。网站由多个网页构成，html语言是网页制作的基本语言。本文主要

>> HTML语言的网页制作技巧与方法分析 HTML语言的网页制作方法和技巧 网页制作课程的整合及教学方法改革 《网页制作》课程教学方法探讨 浅谈网页制作语言—HTML 职业院校课堂教学的几个技巧 职业院校音乐课程教学方法浅析 关于职业院校商务英语课堂教学方法的探讨 职业院校信息技术课堂教学方法的探究 高等职业院校“每课必得”课堂教学方法的研究与实践 “网页设计与制作”课程教学方法的探索 浅析《网页设计与制作》课程教学方法 高职《网页制作》课程教学方法探讨 浅谈中职《网页设计与制作》课程教学方法 浅析《网页设计与制作》课程的教学方法 浅谈中等职业学校网页制作课程教学方法和教学实效的改善 浅谈高等职业院校室内设计课程教学方法改进 职业院校电类课程教学方法的创新与探索 浅谈高等职业院校《设计素描》课程教学方法改革 探究高等职业院校平面设计类课程教学方法改革研究 常见问题解答 当前所在位置：L语言的来源和发展

HTML语言来源于SGML语言。早期为了统一和规范网络上文档的格式，将标准通用置标语言SGML作为一种标准来使用。由于在应用中出现一系列的问题，最终将SGML开发为一种使用者可根据需要创建出其他语言的语言，这样就形成了HTML语言。

目前使用的HTML语言已经经过了几次更新。每次的更新都改变了一些功能。像HTML1.0版本，能够进行文本格式化功能，2.0版本能够处理表格、图形等，3.2版本能够加入标记，嵌入小的程序。

2.HTML语言简介

HTML语言就是超级文本标记语言的英文缩写，即“Hyper Text Markup Language”的缩写。这种语言是网页设计中最基本的标记语言，是网页设计的基础。其中，“超文本”指网页内可以包含图片、链接、音乐等不是文字的内容。这种语言的结构包含了两个主要部分，“Head”部显示的是网页相关的信息，“Body”包含的是具体的网页内容。可以从两方面来了解HTML语言，一是HTML语言是一种文本，二是HTML语言是标记性的。超文本标记语言就是利用特殊标记，网页设计者设计出可以在网络上浏览的网页。

二、高职院校开设HTML语言设计课程的优势与意义

1.HTML语言的特性

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 WebDesigner 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属性添加多个字体样式来处理。

4.告诉学生网页命名要简洁

每个网站都是由一个主页和若干个子页组成的。而无论主页还是子页都有一个名称，当网页的命名较为复杂时，不利于用户记忆和使用。因此，在课堂教学中，教师要告诉学生在给网页命名时，要注意简单易记性原则，这样不仅有利于每个网页的链接，还有利于制作者网页设计以及后期的维护和更新，也方便用户的使用。

5.提醒学生要在网页中添加注释

一个网页的制作会涉及很多的代码。而且在多人共同设计的网页中，不同的设计者有自己的代码习惯，如果不对代码加以注释很容易产生混淆和矛盾。因此，为了更加方便地设计网页和检测网页，教师要提醒学生在编辑的过程中要在适当的位置对代码添加注释。