网页标记语言 (2).doc_第1页
网页标记语言 (2).doc_第2页
网页标记语言 (2).doc_第3页
全文预览已结束

下载本文档

版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领

文档简介

江苏省无锡立信职教中心校教案课 题网页标记语言HTML-3课 型讲授授课日期授课时数2教学目标掌握、标签用法能利用学习的标签运用到网页制作教学重点HTML标签作用教学难点、四个标签的搭配技巧学情分析本课涉及代码多,学生掌握有一定难度。板书设计1、 HTML标签的一般用法2、标签用法3、表格网页的综合运用4、利用表格设计版面教学后记通过对同类型题目的多次练习,学生克服了困难,掌握了相关知识。江苏省无锡立信职教中心校备课笔记教学内容学生活动复习回顾:1、 、标签用法回顾。2、 超链接标签A的常见三种使用方式。3、 网页混合运用技巧。新课讲授:再上次课的基础上,我们来学习HTML更多的常用标记。1、IMG使用方法: 标签解说:目前常见的网页图形格式有两种就是gif及jpg两种格式。gif格式只有256色,不过色彩比较鲜艳干净漂亮,适合电脑美工图案。而jpg格式的图案是全彩失真压缩,比较适合一大堆颜色的图片,如照片就较适合用jpg格式来呈现。 使用范例: 使用说明:在使用影像标签时有两件事值得注意一下,一是档名,二是路径。首先要注意的就是,档名是否正确以及大小写是否一致!图档名称不正确,会找不到您要的图,档名大小写不一致,如Image.gif、image.gif、image.GIF在自己的电脑中看都能正确的显示,但是一但传到网路上去时,因为系统不一样的关系就变成三个不一样的档案了,所以,可别忽略档名大小写不一致的影响。 实例制作:学生在首页中加入个人主页LOGO图片2、使用方法: 标签解说:标签:定义表格标签:定义表行标签:定义表头标签:定义表元主要参数: :定义表格线的宽度 :定义表格的宽度和高度 :定义对齐方式 :定义背景色和背景图片实例练习:1234授课小结:1、 IMG标签和TABLE标签的主要用法2、 如何利用TABLE标签组织网页版面课后作业:利用表格组织个人主页首页版面布局。回顾课堂讲授主要内容,了解掌握情况。认识两种图片格式的不同点以及在什么情况下应该用什么图片。

温馨提示

  • 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

评论

0/150

提交评论