- 1、本文档共10页,可阅读全部内容。
- 2、原创力文档(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。
- 3、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载。
- 4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
- 5、该文档为VIP文档,如果想要下载,成为VIP会员后,下载免费。
- 6、成为VIP后,下载本文档将扣除1次下载权益。下载后,不支持退款、换文档。如有疑问请联系我们。
- 7、成为VIP后,您将拥有八大权益,权益包括:VIP文档下载权益、阅读免打扰、文档格式转换、高级专利检索、专属身份标志、高级客服、多端互通、版权登记。
- 8、VIP文档为合作方或网友上传,每下载1次, 网站将根据用户上传文档的质量评分、类型等,对文档贡献者给予高额补贴、流量扶持。如果你也想贡献VIP文档。上传文档
查看更多
《HTML教案第一章
《HTML》教案
第一章 HTML的基本标签
1. 课程地位和课程目标:[幻灯片2、3] [10分钟] 2
2. 课程知识点讲解: 2
2.1. 本章重点:[幻灯片4] [5分钟] 2
2.2. HTML文件的基本结构:[幻灯片5,6][15分钟] 3
2.3. HTML的基本标记:[幻灯片7到22][50分钟] 3
2.4. HTML的链接:[幻灯片23-28][30分钟] 5
2.5. 滚动MARQUEE标签:[幻灯片29、30][10分钟] 7
3. 本章总结 [10分钟] 7
4. 考核点 7
5. 测试题 7
6. 扩展部分 8
7. 作业 8
课时:3课时
本课程主要目标
能制作界面美观大方、面向企业应用的静态商业网站,不含动态脚本功能。
主要内容包括:
掌握基本标签以及一些常用的属性
表格,链接
表单元素的使用,框架
CSS样式表
使用Dreamweaver制作网页以及布局
本章主要目标
会使用HTML的基本结构创建网页
会使用文本相关标签实现文字修饰和布局
会使用图像相关标签实现图文并茂的页面
会使用超链接相关标签实现页面间的跳转
本章重点
本阶段的重点是让学员熟悉HTML的基本结构、HTML中的一些基本标记以及标记的属性,以及HTML中的链接。
本章难点
HTML基本标记及其属性。
课程地位和课程目标:[幻灯片2、3] [10分钟]
在进行本课程之前,需要先介绍本课程在整个课程体系中的地位。
《HTML》课程属于基础课程,主要帮助学员建立网页的基本的概念,并通过学习HTML语言的基本知识,为其他课程的学习奠定扎实的基础。
课程知识点讲解:
本章重点:[幻灯片4] [5分钟]
什么是HTML ?
超文本标记语言,是英文Hyper Text Markup Language的缩写。
引例讲解:
老师提问:
问题1:请问大家还知道什么网站啊。
答:
什么是超文本?
超文本主要是以文字的形式表示信息,建立的链接关系主要是文句之间的链接关系。Html文档结构是什么样的?
用记事本创建网页的步骤
答:1、打开记事本
2、输入HTML代码
3、保存为*.html或*.htm文件,注意格式问题
4、打开网页预览效果
HTML的基本标记:[幻灯片7到22][50分钟]
META标签(网页页面中出现乱码)[5分钟]
META http-equiv=Content-Type content=text/html; charset=gb2312
讲解gb2312
BODY属性 [5分钟]
文本相关标签 [20分钟]
字体、字号
标题标签H1-H6
FONT标签
特殊符号
行的控制
段落标签P
换行标签BR
演示案例
图像标签[10分钟]
图片的常用格式介绍
老师提问:大家知道的图片常用格式有哪些?
答:jpg,gif,bmp等等
图像的基本语法:
IMG src=images/adv_2.jpg width=300“ height=150“ alt=明星演唱会开幕
图像与文本的对齐方式:IMG align=middle
演示案例
文字布局[10分钟]
内容分隔HR标签
项目列表和编号:有序列表OL,无序列表UL
预格式文本PRE标签
演示案例:
HTML的链接:[幻灯片23-28][30分钟]
老师提问:
问题1:在同一个文件夹下有两个html文件,从一个文件超链接到另一个文件的路径有几种方式?
答:两种方式:相对路径和绝对路径
概念:
相对路径:指定相对于当前文件的文件位置。
绝对路径:指定从根目录到文件的完整路径。
案例讲解:
链接的三种方式:
普通链接,锚链接,邮件链接
锚链接:
链接到本页面,锚记标签用于使用户“跳”到文档的某个部分
HTML 的 NAME 属性用于创建锚标记
A NAME = “marker”主题名称/A
为达到这种跳转效果,请在 HREF 参数中使用该标记
A HREF= “#marker”主题名称/A
演示案例:
电子邮件链接
要链接电子邮件,可在链接标签中插入“mailto:邮箱地址”
演示案例:
滚动MARQUEE标签:[幻灯片29、30][10分钟]
老师提问:
问题1:如何时网页中的文字或者图像动起来呢?比如水平或者垂直移动。
答:使用MARQUEE标记。
语法:MARQUEE scrolldelay =“100” direction=“up 滚动文字或图
您可能关注的文档
- 《2中教史补充笔记.doc
- 《2人年会小品剧本核查.docx
- 《2关于填写入党志愿书的有关说明和范例20090526修订后发基层党组织.doc
- 《2农村宗教复兴的社会基础研究.doc
- 《2多选80道.doc
- 《2季度素材.docx
- 《CA6140车床主轴机械加工工艺的设计1.doc
- 《2小学语文教学基本模式.doc
- 《2必修三中国史部分.doc
- 《2思想政治教育发展论.docx
- 初中生物教研活动个性化定制与生成式人工智能的应用研究教学研究课题报告.docx
- 高中英语教学中的道德品质教育策略与育人价值研究教学研究课题报告.docx
- 基于教学案例分析的数字化教学绩效反馈机制构建研究教学研究课题报告.docx
- 小学数学说理课堂中的教学评价策略研究教学研究课题报告.docx
- 氧化石墨烯TFN复合膜海水淡化技术在沙漠地区应用的环保效益分析教学研究课题报告.docx
- 疑难病例讨论制度理论考核试题与答案.docx
- 2025至2030中国共享出行行业市场现状分析及有效策略与实施路径评估报告.docx
- 疫苗管理法竞赛考试试题与答案.docx
- 虚拟仿真技术对听力学实验教学效果的影响研究.docx
- 学科融合下初中地理与历史学科评估与教学反馈机制.docx
最近下载
- 检测单位各部门岗位职能职责.doc VIP
- 2025内蒙古鄂尔多斯市公安机关招聘留置看护警务辅助人员115人笔试参考题库附答案解析.docx VIP
- 模电教案-李国丽.doc
- 2023版中国结直肠癌及癌前病变内镜诊治共识PPT课件.pptx VIP
- 证监会现场核查工作底稿-A股首次公开发行IPO保荐底稿.docx VIP
- UIC513-1994铁路车辆乘坐舒适性评估.pdf VIP
- 2025年医学课件-右心声学造影.pptx VIP
- 企业内部控制培训课件完整版(164页PPT).ppt VIP
- 2024年秋人教版七年级英语上册全册课件:Unit 7.pptx VIP
- Unit 6 A day in the life Section B (课件)-2024-2025学年人教版英语七年级上册.pptx VIP
文档评论(0)