職業(yè)院校HTML語言網(wǎng)頁制作課程課堂教學方法及技巧
2016-12-22 20:39:55金晶
職業(yè)·中旬 2016年9期
摘要：隨著網(wǎng)絡的普及，很多職業(yè)院校都開設了網(wǎng)站制作課程。網(wǎng)站由多個網(wǎng)頁構(gòu)成，HTML語言是網(wǎng)頁制作的基本語言。本文主要介紹了HTML的來源和發(fā)展，論述了職業(yè)院校開設網(wǎng)站制作課程的優(yōu)勢與意義，并提出了幾點課堂教學的方法和技巧。
關(guān)鍵詞：HTML語言網(wǎng)頁制作職業(yè)院校
大部分網(wǎng)頁制作軟件的語言都是以HTML語言為基礎的。在高職院校網(wǎng)頁制作課程中，如果能讓學生了解HTML語言的優(yōu)點以及使用HTML語言制作網(wǎng)頁的技巧，他們便能夠在網(wǎng)頁的制作過程中更加靈活和得心應手。
一、HTML語言概述
1.HTML語言的來源和發(fā)展
HTML語言來源于SGML語言。早期為了統(tǒng)一和規(guī)范網(wǎng)絡上文檔的格式，將標準通用置標語言SGML作為一種標準來使用。由于在應用中出現(xiàn)一系列的問題，最終將SGML開發(fā)為一種使用者可根據(jù)需要創(chuàng)建出其他語言的語言，這樣就形成了HTML語言。
目前使用的HTML語言已經(jīng)經(jīng)過了幾次更新。每次的更新都改變了一些功能。像HTML1.0版本，能夠進行文本格式化功能，2.0版本能夠處理表格、圖形等，3.2版本能夠加入
2.HTML語言簡介
HTML語言就是超級文本標記語言的英文縮寫，即“Hyper Text Markup Language”的縮寫。這種語言是網(wǎng)頁設計中最基本的標記語言，是網(wǎng)頁設計的基礎。其中，“超文本”指網(wǎng)頁內(nèi)可以包含圖片、鏈接、音樂等不是文字的內(nèi)容。這種語言的結(jié)構(gòu)包含了兩個主要部分，“Head”部顯示的是網(wǎng)頁相關(guān)的信息，“Body”包含的是具體的網(wǎng)頁內(nèi)容。可以從兩方面來了解HTML語言，一是HTML語言是一種文本，二是HTML語言是標記性的。超文本標記語言就是利用特殊標記，網(wǎng)頁設計者設計出可以在網(wǎng)絡上瀏覽的網(wǎng)頁。
二、高職院校開設HTML語言設計課程的優(yōu)勢與意義
1.HTML語言的特性
HTML語言是Web網(wǎng)頁設計的基本語言，它的本質(zhì)其實就是文本。先利用編輯器編寫HTML語言，再通過翻譯可以呈現(xiàn)出具體內(nèi)容，形成格式化的網(wǎng)頁形式。HTML語言可以兼容其他的格式，用起來比較方便，這也是在網(wǎng)頁制作中應用較多的原因。此外，使用HTML語言設計網(wǎng)頁時還有以下的優(yōu)勢。
（1）超文本的特點。從HTML語言的名字“超文本標記語言”可以知道，該語言其中一個特點就是超文本性。在HTML的文檔中能夠包含超文本的內(nèi)容，如音頻、視頻等多媒體信息，以及表單和超鏈接等多種多樣的信息形式。
（2）應用的廣泛性。HTML是網(wǎng)頁設計的基礎性語言，這也決定了它在大多數(shù)的系統(tǒng)中都能夠適用，像是Windows系列的系統(tǒng)和其他版本的UNIX系統(tǒng)。這樣一來可以減少因語言的不適用造成使用者對網(wǎng)頁的應用問題。
（3）可擴展性。HTML語言的廣泛使用，導致強化功能的產(chǎn)生。而隨著應用的增多，標識符也隨之增多。HTML應用的是子類元素，因此就為系統(tǒng)的擴展奠定了基礎。
（4）文檔制作簡易。HTML語言主要以文檔的形式進行編輯，并且文檔的制作極為簡單，功效也非常顯著。因為HTML的本質(zhì)是文本，只需要編輯器進行編寫，再經(jīng)過翻譯就可以呈現(xiàn)出內(nèi)容，因此制作比較簡單。
2.職業(yè)院校開設HTML語言設計網(wǎng)頁課程的優(yōu)勢
對于網(wǎng)頁的制作，目前有不少的軟件可以使用，包括Front Page、Adobe Dream Weaver CC2015、Google WebDesigner 1.3.0.0410 Beta等。雖然網(wǎng)頁設計者利用這些網(wǎng)頁制作軟件，不用學習HTML語言相關(guān)知識也能夠制作網(wǎng)頁，但是HTML語言是網(wǎng)頁設計的語言基礎，因此在職業(yè)院校網(wǎng)頁設計課堂中教師要讓學生掌握HTML語言的以下技術(shù)。
（1）網(wǎng)頁格式修改自如。如果讓學生掌握了最基本的編輯語言，一方面學生能夠按照自己的想法調(diào)整自己的網(wǎng)頁布置；另一方面，可以通過參考他人的網(wǎng)頁格式來設計自己的網(wǎng)頁。主要通過保存自己所青睞的網(wǎng)頁的源代碼，再經(jīng)過合適的修改，就可以設計出自己喜歡的效果。
（2）特效的制作更滿意。學生掌握了HTML語言，能夠截取PSD文件的一部分為自己所用。掌握了HTML語言，學生可以選擇恰當?shù)腜SD源文件片段進行切割，在此基礎上制作自己想要的特效效果。
（3）動態(tài)效果的基礎。人們不僅對網(wǎng)頁的應用效果要求越來越高，而且對于網(wǎng)頁的美觀性方面的要求也越來越高。只是靜態(tài)的文本和圖像已經(jīng)滿足不了人們的需求。因此，掌握網(wǎng)頁制作中動態(tài)效果技術(shù)的運用，對職業(yè)院校計算機專業(yè)學生的就業(yè)競爭力大有裨益。動態(tài)網(wǎng)站雖然有NET、JSP等編輯語言，但是這些語言的基礎是HTML語言。
（4）網(wǎng)頁加密，確保安全。學生掌握了HTML語言，能夠?qū)ψ约涸O計的網(wǎng)頁進行加密，這樣可以阻止網(wǎng)頁木馬的襲擊，確保網(wǎng)頁的安全和網(wǎng)頁用戶的數(shù)據(jù)安全。只有保證網(wǎng)頁的安全性，才能有更多的人使用網(wǎng)頁，也可以看成是網(wǎng)頁設計者的網(wǎng)絡誠信。
（5）網(wǎng)頁更新維護和改版較為方便。信息時代的變化是飛速的，網(wǎng)站內(nèi)容應該不斷更新。隨著熱點信息或者潮流方向，要對網(wǎng)頁進行更新和維護。利用HTML語言，職業(yè)院校學生能夠方便地對網(wǎng)頁進行維護和更新。
三、職業(yè)院校HTML語言設計網(wǎng)頁課堂教學方法及技巧
運用HTML語言設計網(wǎng)頁課堂教學時，掌握以下方法能夠提高網(wǎng)頁制作的速度和質(zhì)量。
1.讓學生養(yǎng)成有目的地制作網(wǎng)頁的習慣
網(wǎng)頁的設計不是漫無目的的，而是根據(jù)用戶的需求來設計的。教師應該告訴學生要根據(jù)網(wǎng)頁應用對象的特點來有目的地制作網(wǎng)頁。例如學生畢業(yè)后，在工作過程中，如果所服務的客戶喜愛歌曲，就可以在網(wǎng)頁中添加歌曲相關(guān)的信息或是搜索內(nèi)容項；如果客戶喜歡直接進入主題，網(wǎng)頁的制作就應該減少無關(guān)信息，減少鏈接。只有牢牢把握客戶群的特點，才能根據(jù)他們的特點做出他們喜歡的網(wǎng)頁。另外，教師要告訴學生，一個網(wǎng)頁并不太可能包含所有的信息，在制作網(wǎng)頁的過程中一定要根據(jù)主題有目的地制作網(wǎng)頁，并且要讓用戶在使用過程中盡可能少點擊就能找到想要的信息。
2.向?qū)W生強調(diào)界面突出的重要性
要讓學生了解，網(wǎng)頁的繁雜會導致用戶找不到自己想要的信息，從而喪失耐心。為了讓用戶方便快捷地找到需要的信息，網(wǎng)頁的界面要簡潔大方。但是并不是說頁面越簡單越好。一個好的網(wǎng)頁一方面要關(guān)注個人體驗，另一方面要關(guān)注實用效果。在網(wǎng)頁的界面上應該突出重點，省略不必要的信息，減少目錄和一些不太重要的功能，這樣能夠避免用戶混淆。同時，也可以利用表格、分割線等來使界面有層次，內(nèi)容清晰、簡潔大方。
3.要求學生熟練掌握巧妙利用字體的技術(shù)
不同的用戶所用的瀏覽器或電腦系統(tǒng)不盡相同，有些瀏覽器因為兼容性等原因，并不能顯示網(wǎng)頁制作中所要顯示的漂亮字體。學生制作的網(wǎng)頁如果能夠在不同瀏覽器上都能顯示出漂亮的字體，這樣可以提高用戶對網(wǎng)頁的喜愛度。為了實現(xiàn)在不同的用戶端都能顯示出原本設置的字體，我們可以通過在FONT標簽中FACE屬性添加多個字體樣式來處理。
4.告訴學生網(wǎng)頁命名要簡潔
每個網(wǎng)站都是由一個主頁和若干個子頁組成的。而無論主頁還是子頁都有一個名稱，當網(wǎng)頁的命名較為復雜時，不利于用戶記憶和使用。因此，在課堂教學中，教師要告訴學生在給網(wǎng)頁命名時，要注意簡單易記性原則，這樣不僅有利于每個網(wǎng)頁的鏈接，還有利于制作者網(wǎng)頁設計以及后期的維護和更新，也方便用戶的使用。
5.提醒學生要在網(wǎng)頁中添加注釋
一個網(wǎng)頁的制作會涉及很多的代碼。而且在多人共同設計的網(wǎng)頁中，不同的設計者有自己的代碼習慣，如果不對代碼加以注釋很容易產(chǎn)生混淆和矛盾。因此，為了更加方便地設計網(wǎng)頁和檢測網(wǎng)頁，教師要提醒學生在編輯的過程中要在適當?shù)奈恢脤Υa添加注釋。
2016年10期
- 技工名校
- 以德樹人以質(zhì)辦校
- 校長論壇
- 不忘初心，回到起點看技校
- 主題論壇
- 淺談DCS組態(tài)調(diào)試與維護課程應用翻轉(zhuǎn)課堂教學
- 行動導向教學中引入“非常3+1”，
- 基于職業(yè)能力培養(yǎng)的公路養(yǎng)護課程開發(fā)與實踐
- 理論研究
- 中職院校理論教學與實踐教學的關(guān)系
- 高職院校技能競賽保障體系
- 對加強高職院校黨建工作實效性的思考
- 關(guān)于職業(yè)院校博物館建設架構(gòu)的思考
- 工學結(jié)合培養(yǎng)模式管理中的問題及對策
- 淺析培養(yǎng)學生學習能力的途徑和方法
- 以創(chuàng)新社團模式提高
- 以學生為中心教學法在高職教學中的探討
- 中職學生自主學習現(xiàn)狀調(diào)查與研究
- 改革創(chuàng)新
- “互聯(lián)網(wǎng)+”時代成人教育教學方法改革與創(chuàng)新研究
- 淺談如何在大數(shù)據(jù)背景下改革中職英語教學模式
- 數(shù)控加工一體化教學改革探索
- 提升高職船舶涂裝專業(yè)就業(yè)力的人才培養(yǎng)架構(gòu)創(chuàng)新研究
- 管理實踐
- 技工院校一體化教學模式研究
- 技工院校文化管理初探
- 中職班級自主管理的優(yōu)化策略研究
- 技工院校學生自主管理問題研究
- 基于.NET的綜合教務管理系統(tǒng)設計與實現(xiàn)
- 淺談新形勢下中職班級工作的創(chuàng)新理念
- 巧用性格特點管理職業(yè)學校學生
- 師資培養(yǎng)
- 基于全國職業(yè)技能競賽指導的高職院校教師
- 新入職教師如何快速適應一體化教學
- 對中職學校專業(yè)教學團隊建設的認識與實踐
- 基于中職教師專業(yè)標準論班主任的專業(yè)素養(yǎng)
- 專業(yè)建設
- 電氣專業(yè)電控系統(tǒng)維修類一體化課程專業(yè)核心技能的教學設計
- 中職計算機平面設計專業(yè)產(chǎn)教結(jié)合教學策略研究
- 談跨境電商背景下中職國際貿(mào)易專業(yè)的改革
- 淺談新能源汽車維修專業(yè)的發(fā)展
- 教材建設對高職家政服務類專業(yè)精品課的促進作用
- 高職汽車維修專業(yè)一體化教學研究與實踐
- 中職學校光電專業(yè)現(xiàn)代班組長培養(yǎng)的課程研究
- 技校國際貿(mào)易專業(yè)SWOT分析
- 中職電子類專業(yè)網(wǎng)絡課程開發(fā)及應用研究
- 教學探索
- “企業(yè)工作崗位法”在電子一體化教學中的應用
- 十分鐘“演播廳”在中職文秘情境化教學中的實踐研究
- 任務驅(qū)動策略在中職PLC教學中的應用
- 計算機應用基礎課程的課堂教學管理探討
- 項目教學法在技工院校機械設計基礎課堂教學中的應用
- 項目教學法在技校汽車發(fā)動機構(gòu)造與維修課程的應用
- “242—1氣泵系統(tǒng)電氣裝調(diào)（變頻器控制）”
- 論中職數(shù)控車床課堂理實一體化教學的實施
- 職業(yè)院校HTML語言網(wǎng)頁制作課程課堂教學方法及技巧
- 鉗工理實一體化教學中啟發(fā)式教學例析
- 一體化課堂分組教學中確定展示學生的策略
- 實習實訓
- 淺談高職實訓中對學生職業(yè)素養(yǎng)的培養(yǎng)
- 模塊化教學在鉗工實習中的運用與探索
- “互聯(lián)網(wǎng)+”時代高校頂崗實習管理的創(chuàng)新
- 淺談鉗工實習的發(fā)展與提高
- 如何提高技校生在鉗工實習中的安全意識
- 關(guān)于技校學生頂崗實習的一點感想
- 現(xiàn)代德育
- 淺談學校心理健康教育的原則
- 學習仁學思想傳承中華文明
- 美好人生來自社會責任感的提升
- 淺談如何打造魅力德育課
- 淺談中職學生成長教育
- 有效拓展延伸激活中職德育課堂
- 中等職業(yè)院校學生思想政治工作“五結(jié)合”
- 基于ISO管理體系的技工院校德育管理機制構(gòu)建之探索
- 基礎教育
- 在技工院校語文教學中融入古典文學的探索
- “三有”模式：服務汽修專業(yè)的中職數(shù)學教學實踐
- 技工學校課堂英語詞匯教學活動研究
- 郵輪乘務專業(yè)口語教學探討
- 由果溯因探積重難返的中職語文教學
- 中職英語詞匯教學有效化之我見
- 關(guān)于技校語文口語教學的思考
- 突出專業(yè)特點，提高語文職業(yè)能力
- 中職新生英語教育之我見
- 淺談如何在中職語文教學中進行德育滲透
- 高考改革背景下職業(yè)高中
公司地址: 北京市西城區(qū)德外大街83號德勝國際中心B-11
客服熱線：400-656-5456??客服專線：010-56265043??電子郵箱：longyuankf@126.com
電信與信息服務業(yè)務經(jīng)營許可證：京icp證060024號
Dragonsource.com Inc. All Rights Reserved
猜你喜歡
文苑(2020年4期)2020-05-30 12:35:30
活力(2019年15期)2019-09-25 07:23:12
小學生作文(中高年級適用)(2018年3期)2018-04-18 01:24:47
消費導刊(2017年20期)2018-01-03 06:26:51
華北電力大學學報(社會科學版)(2016年4期)2016-12-01 03:59:30
少兒科學周刊·少年版(2015年4期)2015-07-07 21:11:17
散文百家(2014年11期)2014-08-21 07:17:08
教育與職業(yè)(2014年10期)2014-04-17 19:01:05
教育與職業(yè)(2014年25期)2014-04-17 08:23:08
河南科技(2014年11期)2014-02-27 14:17:57
