当前位置: 首页>>学科建设>>信息技术组>>正文

网页制作模块复习(一)

2013年10月19日 01:54  点击:[]

课题

网页制作模块复习(一)

课型

复习

第1课时

教学目标

1、 掌握在网页中导入外部文本文件的方法。

2、 掌握在网页中水平线的插入和设置的方法

3、 掌握在网页中图片(静态图片jpg、动态图片gif)的插入及图片属性设置

4、 掌握在网页中背景图片的设置、背景音乐的设置的方法

5、 掌握表单网页的制作的方法

6、 掌握框架网页的制作的方法

教学重点

目标1、2、3、4、5、6

教学难点

目标6

教学方法

问题引导、演示——讲解

实验教具电教手段

网络教室、网络教学软件

教学环节

主要内容

教学设计

一、考点详解和操作

1、在网页中导入外部文本文件

方法:插入——文件——选择文件类型:所有文件——选择相应的文件——选择“带换行符的普通段落”选项——确定。

2、网页中水平线的插入和设置

方法:插入——水平线;双击水平线——在弹出的对话框中进行设置——确定。

3、网页中图片(静态图片jpg、动态图片gif)的插入及图片属性设置

方法:插入——图片——来自文件——选择相应文件——确定。

4、网页中背景图片的设置、背景音乐的设置

背景图片:

方法一、右击网页空白处——网页属性——背景标签——进行设置

方法二、格式——背景——进行设置

背景音乐:

方法一、右击网页空白处——网页属性——常规标签——背景音乐

5、表单网页的制作

方法:插入——表单——回车换行;插入——表单——选择相应的表单项(单行文本框、单选按钮、复选框、下拉菜单、滚动文本框)。

6、框架网页的制作

方法:文件——新建——网页——选择框架网页标签——选择相应的模版——对应框架设置初始网页或者新建网页。(注意框架网页的保存,N个框架最多保存N+1次)

一、配套训练

1、 启动frontpage2000,新建一个普通网页,在新建的网页中导入外部“熊猫烧香病毒.txt”文件。

2、 在“http://www.sina.com.cn 2007年02月26日07:16北京晨报”下面一行插入水平线,设置水平线属性为:宽度700像素、左对齐、绿色。

3、 在网页顶部插入图片“biaoti.jpg”,属性设置:宽度为600,高度为80;在水平线下面插入图片“diqiu.gif”。

4、 设置网页背景图片为:back5.jpg,背景音乐为:白色.mid。

5、在网页的下方,制作如下的表单网页:

6、 新建一个框架网页,样式如下面样张,顶部框架设置初始网页为top.htm,左边框架设置初始网页为left.htm,右边框架新建网页,要求:插入2行2列的表格,在第一行的第二个单元格中输入“祖冲之与数学”,并将该单元格的背景色设置为“绿色”;在第二行的第一个单元格中插入图片“pic1.jpg”,合并第一列的两个单元格,并将合并后的单元格的对齐方式:水平居中,垂直相对居中;在最后一个单元格中导入文本文件“祖冲之.txt”。最后请保存网页,右框架保存为main.htm,整个网页保存为“祖冲之.htm”。

样张如下图:

三、小结



上一条:网页制作模块复习(二) 下一条:表格加工单元教学案例

关闭