3、网页的保存
单击工具栏上的“保存文件”按扭
或在“文件”菜单上选择“保
存文件”。
网页中有图片时会跳出如下对话框,最好选择“改变文件夹”,把图片保存在“images\
4、浏览网页效果
可以单击“预览”选项卡,在预览模式下浏览网页效果。
也可以选择“文件”菜单中的“在浏览器中预览”浏览网页效果。
完成课堂任务二(学生练习)
设计主页(要求有主题,有网站的简单介绍,并且包含文字、图片、水平线)
素材在“网上邻居”--“JS”--“素材”文件夹中。 保存主页、图片(必须保存在images文件夹中)并浏览 将建好的站点文件夹以自己的名字上传到教师机 方法:打开浏览器 在地址栏输入 用户名 g1? 密码 g1?
注:?代表班级号
课堂任务二完成的较快的同学继续尝试做提高任务 1、尝试美化网页
(1) 修饰文字与水平线 (2) 插入背景图片
素材在“网上邻居”--“JS”--“素材”文件夹中。
(3) 插入背景音乐
(4) 插入滚动字幕
2、保存结果,并预览效果(在预览窗口或浏览器中进行) 三、展示部分学生作品 四、小结本次课内容
启动Frontpage, 建一个自己的站点, 设计一个主页
教后记:启动Frontpage,设计主页学生很容易做到,建站点的位置和文件的保存依然是学生所面临的难点,主要原因是学生搞不清站点的位置的意义和文件必须保存到站点内部的意义。
第四课时
教学内容:表格的建立 教学目标:
1、理解表格在网页制作中的作用 2、掌握利用表格来设计网页的方法
3、理解表格属性的意义
4、掌握表格属性的设置方法 教学重点:
掌握利用表格来设计网页的方法
掌握利用表格属性的设置方法
教学方法:演示、练习 教材分析:
表格的作用:
表格的作用就是让网页的文字和图片可以按要求排列. 表格的属性:
表格的属性就是表格的边线的粗细、颜色,表格背景及单元格背景等.
教学过程: 一、 引入
上一节课我们刚刚学过利用图片与文本的对齐方式来设置我们的页面布局,我们发现做一个简单的网页,用以上的方法就能实现,但对于较复杂网页则很难实现,如何解决这样的问题,可以运用表格来编排版面,使图文整齐有序地放在想要的位置上。 二、 讲授新课
首先明确表格的作用,可在Frontpage中打开一个同学们比较熟悉的网页(下载),大家可以发现原来整齐有序的图文是通过表格实现的。 演示表格的建立方法: 1、拖动制表:
单击工具栏上\插入表格\按钮→拖动鼠标指针到要求的行列数释放→即完成表格的制作 2、菜单制表:
单击表格→插入→表格→输入行数与列数→确定 3、手动制表:
单击表格→手绘表格→在编辑区拖动鼠标绘制即可. 教师讲:我们建好了这样的表格后发现预览时看到的依然是一个表格,依然看到
它的边框,如何能隐藏它的的边框呢?
教师演示表格属性的设置方法:
1、边线粗细及颜色,背景:
鼠标放在表格区域右击→表格属性→设置相关参数→即完成表格的制作
说明: 表格的边框粗细设为\并不表示表格不存在,在浏览器里或预览时我们看不到表格的边框,但在普通视图中,在编辑状态下我们就能够看到表格边线,这样做的主要目的是使得我们在制作网页的时 候能够很好的布局.
2、单元格边线粗细及颜色,背景:
鼠标放在单元格区域右击→单元格属性→设置相关参数→即完成表格的制作
说明: 单元格的设置与表格的设置相似,只是内容稍有不同,不能再高边线的宽度.
目标练习:
学生完成课堂任务:
在网站中添加一个网页,在新网页中插入一个如网页范例一中的表格,表格中包含图片、文字,设置表格的指定宽度为50%,单元格边距为6,单元格间距为4,边框粗细为2,亮边框为红色,暗边框为蓝色,部分单元格背景如网页范例。 范例一:
三、 展示部分学生作品 四、 小结本次课内容
第五课时
教学内容:表单 教学目标:
1、理解表单的概念及其作用 2、掌握表单的制作方法 教学重点:
掌握表单的制作方法 教材分析:
表单是网站管理者与浏览者进行交流的一种媒介,现在被广泛地运用于网络中进行问卷调查、在线申请、网上考试、网上购物等.在表单中经常出现的字段有:单行文本框、多行滚动文本框、单选框、复选框、下拉列表框及按钮等。
课时安排:1课时
教学方法:演示、练习 教学过程: 一、 引入
我们知道网上可以互相通信、及时交流,要想获得这一功能,必须首先在相应的网站上注册,通常注册一般是填写一些个人的自然信息,填写这些自然信息的项目叫作表单,如何在网页中建立表单呢?
人教版初中信息技术教案
![](/skin/haowen/images/icon_star.png)
![](/skin/haowen/images/icon_star.png)
![](/skin/haowen/images/icon_star.png)
![](/skin/haowen/images/icon_star.png)