高中信息技术(选修)网络技术应用4.3网站实现教学设计_第1页
高中信息技术(选修)网络技术应用4.3网站实现教学设计_第2页
高中信息技术(选修)网络技术应用4.3网站实现教学设计_第3页
高中信息技术(选修)网络技术应用4.3网站实现教学设计_第4页
高中信息技术(选修)网络技术应用4.3网站实现教学设计_第5页
全文预览已结束

下载本文档

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

文档简介

高中信息技术(选修)网络技术应用4.3网站实现教学设计【学习目标】1.进一步完善首页。2.加深对Html的认识。【学习重难点】1.根据不同需求添加不同的网页元素。2.对html的进一步认识。【学习环境】多媒体机房、投影仪【组织方式】任务驱动,以学生的自主学习和实践为主【学习方法】小组合作自主探究【导学过程】〖导学一〗网页的属性右击网页空白处,选择“网页属性”,1.在“常规”选项卡中可以更改网页的标题和背景音乐2.在“格式”选项卡中可以更改网页的背景色、背景图片等3.点击frontpage2003窗口左下角的“代码”标签,查看你刚才更改的相关的网页属性在html代码中是如何体现的,进一步认识html语言,例如标题的代码:<title>欢迎光临机器人做学玩网站</title>背景音乐的代码:<bgsoundsrc="sound/秋日私语.mid"loop="-1">背景图片的代码:<bodybackground="images/beijing.jpg">『提示』除了在设计窗口修改网页外,也可以直接修改html代码,效果是一样的。〖导学二〗编辑文字1.方法一:选中文字,点击菜单“格式”“字体”可以设置文字的字体、字号、字型、字色等,如下图2.方法二:选中文字,点击工具栏上的字体、字号、字型、字色等功能按钮3.点击frontpage2003窗口左下角的“代码”标签,查看你刚才更改的相关的文字属性在html代码中是如何体现的,进一步认识html语言,例如将“机器人概述”设置为居中对齐,颜色为红色,字体为7号,字体为楷体,其代码如下<palign="center"><b><fontcolor="#FF0000"size="7"face="楷体_GB2312">机器人概述</font></b>『提示』点击frontpage2003窗口左下角的“拆分”标签,可以同时显示设计和代码两个窗口〖导学三〗插入图片1.把你需要插入网页的图片全部预先保存在你的图片文件夹中,如:images;2.将图片文件名改名为英文名(中文名的图片名称将导致网页显示出错);3.将光标定位于需要插入图片的地方,然后单击“插入”“图片”,再单击“来自文件”,打开“图片”对话框,浏览你所要插入的图片位置images,点选图片,点“确定”。如下图4.查看刚刚插入图片的html代码,例如<imgborder="0"src="images/bike.jpg"width="1280"height="1024">『提示』在“插入”菜单中提供了丰富的网页元素,可以根据自己的需要进行添加。〖导学三〗SWF动画1.将光标定位于需要插入Flash的地方,然后单击“插入”“Web组件”,拖动左侧栏目中的滚动条至最低端,选择“高级控件”,双击右侧栏目中的“Flash影片”,在弹出的对话框中,浏览你所要插入的Flash的位置,点选Flash,点“确定”。如下图2.在设计窗口中选中Flash组件,在代码窗口中查看刚刚插入的Flash动画的html代码。【达标测试】1.下列关于HTML语言描述不正确的是()。A、HTML语言中可以嵌入如ASP、JAVA等编程语言B、FRONTPAGE是制作网页的软件,它和HTML无关C、HTML语言是通过一系列特定的标记来标识出相应的意义和作用的D、HTML文档本身就是文本格式的文件2.在HTML语言中,表格中行的开始和结束标记是()?A、<body></body> B、<tr></tr>C、<td></td> D、<table></table>3.HTML语言中,表格标记符是:()A、<TABLE></TABLE> B、<HTML></HTML>C、<HEAD></HEAD> D、<FORM></FORM>4.为了标识一个HTML文件,应该使用的HTML标记是()。A、<P></P> B、<boby></body>C、<html></html> D、<table></table>5.超文本标记语言“<ahref=>新浪网</a>”的作用是()。A、插入一段新浪网的文字 B、插入一幅新浪网的图片C、创建一个指向新浪网的电子邮件 D、创建一个指向新浪网的超级链接6.下面不是组成一个HTML文件基本结构

温馨提示

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

评论

0/150

提交评论