5.2 网页的文件结构及支持技术课件（24张幻灯片）

课件24张PPT。《成语》网站赏析1超文本标记语言
浙教版 网络技术应用信息技术 高一年级
凌源市实验中学 于莉HTML文件结构成语网页探究学生上机实践HTML文件结构成语网页探究学生上机实践什么是超文本标记语言？
HTML（超文本标记语言——Hyper Text Markup Language）
构成 Web 世界的一砖一瓦
描述并定义了一个网页的内容属性和基本布局
意义：
理解网页的制作原理和运行机制
熟悉网页构件及其作用和效果HTML文件结构成语网页探究学生上机实践HTML文件结构成语网页探究学生上机实践HTML的文件结构有什么特征？HTML文件结构成语网页探究学生上机实践请在这里输入文字描述一段话html元素文档标题
文档搜索关键字
文档生成器head元素（头元素）文本
表格
图片
动画
链接body元素（体元素）HTML元素体由三大部分组成：HTML文件结构成语网页探究学生上机实践body元素 body元素的元素体 静态网页 HTML语言：
是超文本标记语言（Hyper Text Markup Language）的缩写。………………HTML文件结构成语网页探究学生上机实践HTML语句表达方式有哪些类型？1HTML的语句表达方式HTML文件结构成语网页探究学生上机实践说明：
元素和标注一一对应，元素名也叫标注名。如“<”和“body”之间不能有空格。元素名称不分大小写。
一个元素可以有多个属性，属性及其属性值不分大小写，各个属性用空格分开。
头元素中一般元素次序可变
体元素中元素次序敏感
网站首页名通常为index.htm或index.html
1点击添加文本点击添加文本点击添加文本点击添加文本成语：
负荆请罪1制作提要修改标题（教师演示）
添加表格代码、文本代码、图片代码（教师演示）
添加动画代码、动态滚动代码、超链接代码（学生讲解）HTML文件结构成语网页探究学生上机实践1HTML文件结构成语网页探究学生上机实践1HTML文件结构成语网页探究学生上机实践HTML文件结构成语网页探究学生上机实践1小组合作完成任务
两人一组，每组从精卫填海、毛遂自荐、囊萤映雪中选择一个成语。
一人使用DreamWeaver软件制作该成语的HTML文件，要求修改标题、添加表格、文本、图片、动画、动态滚动、超链接代码。
另一个人分析代码，列举所含元素及其属性、属性值。
实践评价。
HTML文件结构成语网页探究学生上机实践1分析代码HTML文件结构成语网页探究学生上机实践1实践评价表1课堂测试会考真题——超文本标记语言1文件结构语句表达方式
制作：标题、表格、文本、图片、动画、动态滚动、超链接定义意义课堂小结HTML1课后作业http://www.w3school.com.cn/index.html学习HTML的更多元素完善成语网页。感谢指导