项目2XHTML标记语言.DOCVIP

《 网页设计与制作 》课程教案 一、教案头 教学单元标题：XHTML标记语言 教学时数 4学时 上课地点 北区实D602，D603，D304 授课班级 15软件1班 15软件2班 15软件3班 上课时间 周三5-8节 周四5-6节，周五1-2节 周四7-8节，周五3-4节 教 学 目 标 能力（技能）目标 知识目标 1.了解XHTML的文档结构 2.掌握XHTML的语法规范 3.熟悉网页中基本标签的使用 4.熟悉记事本编写网页的方法 1、HTML基本语法结构 2、HTML常用标签 3、XHTML与HTML的联系和区别 4、XHTML语法特点 教 学 重 难 点 教学难点 教学重点及解决方式 HTML基本语法结构 HTML常用标签的用法 HTML基本的结构标签html,head,body 单标签与成对标签 标签的合理嵌套 HTML标签的属性设置 段落标签p、表格标签table，图像标签img，超链接标签a，列表标签ul/ol 单 元 设 计 综 述 HTML（Hyper Text Markup Language）超文本标记语言，通过利用各种标记（TAG）来描述文档的结构以及标识超级链接的信息。使用HTML编写的超文本文档称为HTML文档。任何网页页面都是以HTML语言为核心和基础的，网页的本质就是HTML，通过结合使用其他的Web技术（如JS脚本、Web程序开发技术等），可以创造出功能强大的网页。本单元主要介绍HTML与XHTML标记语言的概念与编写方法，为课程的深入学习打下良好的基础。 学 习 参 考 一、参考教材： 1. 杨颖，杨秀萍，胡国生. Dreamweaver CS6网页设计与制作项目驱动教程[M].重庆：西南师范大学出版社，2014 2. 钟阳晶，赖小平，马国勤.网页设计与制作[M].北京：北京师范大学出版社，2011 二、参考网站： 1. 《网页设计与制作》精品资源共享课程8:8080/skills/solver/classView.do?classKey=9109747 2. W3School 3. 素材资源库 4. 设计资源站 5. 网页制作大宝库 6. 站酷 7. 圆点视线 8. 站长素材 9. 千图网 / 10. 太平洋学院 /pcedu/sj/wz 11. 蓝色理想 12. 天极网 13. 网页设计师联盟 14. 七色鸟设计空间 二、教学设计 教学步骤 教学内容 教学方法 教学手段 学生活动 时间分配 知识基础 一、HTML（HyperText Mark-up Language超文本标记语言） HTML（HyperText Mark-up Language超文本标记语言）是WWW的描述语言，网页就是用HTML语言编写的。严格来说，HTML并不是编程语言，它只是一些能让浏览器识别的标记，当网页中包含正常文本和HTML语言标记时，浏览器会“翻译”由这些HTML标记提供的网页结构、外观和内容的信息，从而将网页设计者的要求显示出来，而不是显示一串代码。 HTML语言是网页制作的基础，了解HTML语言有助于我们更精确的控制页面排版，实现更多的功能，为进一步使用动态脚本语言打下良好的基础。HTML语言可直接使用普通的文本编辑器进行编辑，如Windows中的记事本。 在HTML中，标记是用来界定各种单元，如标题、段落、列表等。HTML单元一般由三部分组成：起始单元、单元内容、结束标记。起始标记由和来界定，结束标记由/和来界定，两者一般成对出现，单元名称和属性由起始标记给出。 HTML网页通常由两部分内容组成的：首部信息（HEAD）和文档主体（BODY）。基本结构如下： HTML HEAD !--首部元素、元素属性及基本内容。-- /HEAD BODY !--主体元素、元素属性及基本内容。-- /BODY /HTML 网页开始和结束处的html.../html标记可以使浏览器确定目前是HTML网页，而不是其他类型的文件。head标记之间是首部信息，其中的内容在浏览器中是不显示出来的，它主要是用来收集有关页面的各种信息，如网页标题、编码、网页关键词等内容。我们在浏览器中看到的则是body和/body之间的主体部分，其中可以嵌套其他标记来表现网页结构，如a链接标记、p段落标记、table表格标记、font字体标记等。 二、XHTML （EXtensible HyperText Markup Language可扩展超文本标记语言） XHTML是EXtensible HyperText Markup Language的英文缩写，名为可扩展超文本标记语言。XHTML是一种置标语言，于2000年W3C公布发行的，在表现形式上XHTML与HTML有很大的相似之