HTML基础课程标准.docVIP

HTML基础课程标准 课程编码： 课程类别： 适用专业： 授课单位： 学时：72 编写执笔人及编写日期： 审定负责人及审定日期： 1、课程定位和课程设计 1.1 课程的性质 HTML是一种超文本标示语言，也是WWW的描述语言。html 是在 sgml 定义下的一个描述性语言，或可说 html 是 sgml 的一个应用程式，html 不是程式语言，它只是标示语言。 课程的作用 通过了解HTML，对了解制作静态网页有了初步的认识。为以后做企业类网站、宣传类网站、 网购类网等，打下结实的基础！本课程主要培养从事网页设计与制作的基本技能，使学生掌握网页设计的概念和方法，能够运用专业的网页设计工具和脚本语言，进行网站规划、建立和维护，具备网页设计岗位的职业技术能力。 1.3设计思路 本课程的设计思路以就业为导向，按照基于工作过程的职业能力来进行课程开发，邀请企业行业网络专家对计算机网络专业所涵盖的岗位群进行工作任务和职业能力分析，以此为依据确定本课程的工作任务和课程内容，并参照行业职业标准，以任务引领为课程框架，将课程按递进方式设计成项目，并以项目为单元组织教学，使学生由浅入深，以点到面的全面掌握网页设计的职业技能。同时开发教材，对教学过程的组织 、教学条件、课程评价都进行了详细的设计，完成本课程的整体教学内容和教学实施的整体设计，建立了基于网页设计的课程标准。 2、 课程目标 本课程以学生能够独立进行静态网站开发与维护的实际工作能力为学习目标，要求学生具备综合运用HTML技术制作网页，规划、开发、发布管理静态网站的专业知识和技能，形成解决实际应用问题的方法能力，为以后的学习《ASP动态网页设计》课程打下基础。 3、课程内容与教学要求 第一次课 HTML基础 教学目的： 了解HTML的基本概念 掌握HTML文件的编写方法 掌握使用浏览HTML的方法 教学重点：重点掌握HTML文件的编写方法，本课采用Macromedia Dreamweaver 8，要求能熟练操作。 教学难点：要求能熟练操作 Macromedia Dreamweaver 8 教学内容： 1.1 编译器 需要在编辑器中键入源代码 示例：DreamWeaver Macromedia Dreamweaver 是一种专业的 HTML 编辑器，用于设计、编码、开发网站、网页和强大的 Web 应用程序。 演示：切换到DreamWeaver的代码视图。清空代码开始编写，并浏览显示。 向学员说明，由于不同的HTML标签DreamWeaver采用不同的颜色显示，方便编写，因此推荐采用DreamWeaver编写工具。 HTML 文档结构 HTML HEAD TITLE学习 HTML /TITLE /HEAD BODY /H1 欢迎来到 HTML 世界/H1 /BODY /HTML HTML 网页 头部部分 主体部分 HTML…/HTML标签标记 HTML 文档的开始和结束 这部分包括标题和其他说明信息。包括在 HEAD…/HEAD 标签内 这部分包含文本、图像和链接。它包括在 BODY…/BODY 标签内 向学员解释： 1)HTML网页的标签讲究配对，HTML开始，/HTML结束 2）HTML网页和人一样，由头部HEAD和主体BODY两部分组成 1.2 HTML标签 HTML HEAD TITLE学习 HTML /TITLE /HEAD BODY BGCOLOR = lavender H1欢迎来到 HTML 世界/H1 /BODY /HTML BODY BGCOLOR = “green” 标签 标识 BODY 元素 属性 提供有关元素的附加信息 值 分配给属性的内容 向学员解释： 标签一般由两部分组成：标签和属性， 例如： BODY bgcolor=“green” …. /BODY BODY就是标签， bgcolor=“green”就是属性，属性可选，还可以多个。 第二次课 HTML基本标记 教学目的：掌握HTML头部标记 head 掌握标题标记 title 掌握元信息标记 meta 掌握页面的主体标记 body 掌握页面的注释标记 教学重点：重点掌握主体标记body及其属性 教学难点： 教学内容： 2.1 HEAD 标签 HEAD标签一般包括标题、基础信息、元信息等。 head是开始标记，/head是结束标记，它们成对出现。 语法： head头部信息/head TITLE标签一般用来说明页面的用途，它显示在