职业院校HTML语言网页制作课程课堂教学方法及技巧
2016-12-22金晶
摘要：随着网络的普及，很多职业院校都开设了网站制作课程。网站由多个网页构成，HTML语言是网页制作的基本语言。本文主要介绍了HTML的来源和发展，论述了职业院校开设网站制作课程的优势与意义，并提出了几点课堂教学的方法和技巧。
关键词：HTML语言网页制作职业院校
大部分网页制作软件的语言都是以HTML语言为基础的。在高职院校网页制作课程中，如果能让学生了解HTML语言的优点以及使用HTML语言制作网页的技巧，他们便能够在网页的制作过程中更加灵活和得心应手。
一、HTML语言概述
1.HTML语言的来源和发展
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.提醒学生要在网页中添加注释
一个网页的制作会涉及很多的代码。而且在多人共同设计的网页中，不同的设计者有自己的代码习惯，如果不对代码加以注释很容易产生混淆和矛盾。因此，为了更加方便地设计网页和检测网页，教师要提醒学生在编辑的过程中要在适当的位置对代码添加注释。
2016年10期
- 技工名校
- 以德树人以质办校
- 校长论坛
- 不忘初心，回到起点看技校
- 理论研究
- 中职院校理论教学与实践教学的关系
- 高职院校技能竞赛保障体系
- 对加强高职院校党建工作实效性的思考
- 关于职业院校博物馆建设架构的思考
- 工学结合培养模式管理中的问题及对策
- 浅析培养学生学习能力的途径和方法
- 以创新社团模式提高
- 以学生为中心教学法在高职教学中的探讨
- 中职学生自主学习现状调查与研究
- 管理实践
- 技工院校一体化教学模式研究
- 技工院校文化管理初探
- 中职班级自主管理的优化策略研究
- 技工院校学生自主管理问题研究
- 基于.NET的综合教务管理系统设计与实现
- 浅谈新形势下中职班级工作的创新理念
- 巧用性格特点管理职业学校学生
- 专业建设
- 电气专业电控系统维修类一体化课程专业核心技能的教学设计
- 中职计算机平面设计专业产教结合教学策略研究
- 谈跨境电商背景下中职国际贸易专业的改革
- 浅谈新能源汽车维修专业的发展
- 教材建设对高职家政服务类专业精品课的促进作用
- 高职汽车维修专业一体化教学研究与实践
- 中职学校光电专业现代班组长培养的课程研究
- 技校国际贸易专业SWOT分析
- 中职电子类专业网络课程开发及应用研究
- 教学探索
- “企业工作岗位法”在电子一体化教学中的应用
- 十分钟“演播厅”在中职文秘情境化教学中的实践研究
- 任务驱动策略在中职PLC教学中的应用
- 计算机应用基础课程的课堂教学管理探讨
- 项目教学法在技工院校机械设计基础课堂教学中的应用
- 项目教学法在技校汽车发动机构造与维修课程的应用
- “242—1气泵系统电气装调（变频器控制）”
- 论中职数控车床课堂理实一体化教学的实施
- 职业院校HTML语言网页制作课程课堂教学方法及技巧
- 钳工理实一体化教学中启发式教学例析
- 一体化课堂分组教学中确定展示学生的策略
- 实习实训
- 浅谈高职实训中对学生职业素养的培养
- 模块化教学在钳工实习中的运用与探索
- “互联网+”时代高校顶岗实习管理的创新
- 浅谈钳工实习的发展与提高
- 如何提高技校生在钳工实习中的安全意识
- 关于技校学生顶岗实习的一点感想
- 现代德育
- 浅谈学校心理健康教育的原则
- 学习仁学思想传承中华文明
- 美好人生来自社会责任感的提升
- 浅谈如何打造魅力德育课
- 浅谈中职学生成长教育
- 有效拓展延伸激活中职德育课堂
- 中等职业院校学生思想政治工作“五结合”
- 基于ISO管理体系的技工院校德育管理机制构建之探索
客服热线：400-656-5456 客服专线：010-56265043 电子邮箱：longyuankf@126.com
电信与信息服务业务经营许可证：京icp证060024号
Dragonsource.com Inc. All Rights Reserved
