信息专业技术备课Word下载.docx
- 文档编号:22036939
- 上传时间:2023-02-02
- 格式:DOCX
- 页数:11
- 大小:19.25KB
信息专业技术备课Word下载.docx
《信息专业技术备课Word下载.docx》由会员分享,可在线阅读,更多相关《信息专业技术备课Word下载.docx(11页珍藏版)》请在冰豆网上搜索。
周(2课时))
教学目标:
1.使学生掌握网站的建立;
2.使学生掌握网页背景的设置。
3.学生熟练掌握网页背景的设置。
教学重点:
如何建立一个简单网站。
难点:
.网页框架的设置。
教学方法:
案例法、讨论法。
板书设计:
一、建立自己的网站
二、新建主页
三、设置网页背景和标题
四、保存网页。
主页的名字必须是index。
五、浏览网页
六、打开网页
七、删除网站
八、练习
教学场所:
在计算机房中完成教学。
教材分析及教学过程
第一课时
创建自己的网站
导课:
随着Internet的发展,越来越多的人开始上网,有些人甚至有了自己的网站,还有很多人希望在网上拥有自己的一片天空。
我想问大家,你们想不想制作一个属于自己的网站呢?
那好,下来和我一块开始创建自己的网站吧。
新课:
首先在硬盘上建立一个文件夹。
例如我想制作一个关于旅游方面的网站,那么,就给这个文件夹取名为tour。
首先启动FrontPage软件,在新建里选择“空白网站”,然后在“指定新站点位置”里选择刚才在硬盘上建立的tour文件夹。
此时,一个空白网站建立好了,大家发现里面只有两个文件夹。
再到硬盘上看tour文件夹里面,会发现还有两个隐藏的文件夹,这些文件夹都不能删除。
网站的第一页我们把它叫做主页,即Homepage。
因此,我们制作的网站首先应该建立主页。
在文件菜单中选择新建网页,系统默认的网页名叫做new_page_1.htm。
FrontPage可以让我们在三种不同模式下显示同一网页,一般用户在“普通”模式下编辑,懂得html代码的用户可以在“html”模式下编辑,很早以前用户用“记事本”来编辑网页,html叫做“超文本标记语言”。
在网页的空白处单击鼠标右键,选择“网页属性”,在“常规”标签里的标题中输入“旅游风光”,还可以给网页添加“背景音乐”。
此时的网页背景是白色,如果我们想用图片作为背景,要在“背景”标签里选择“背景图片”,通过浏览选择自己喜欢的图片。
建议:
作为背景的图片一定要颜色暗淡一些,并且颜色不要杂乱,这样才能保证网页的美观性。
要用颜色填充背景,在颜色背景中选择自己喜欢的,选择的颜色也不要过于艳丽,我们一般看到的网站还是白色。
四、保存网页
当我们设置好网页的标题和背景之后,必须保存,此时电脑会把第一张网页的名字自动取名为index,这就是我们一个网站中主页的名字,必须是这个名字,我们不能更改,否则将来别人无法浏览网站。
其它网页的名字可以随便,如果刚才用图片设置的背景,电脑也会弹出图片保存对话框,我们一般把图片保存到网站最先给的文件夹images里,这样做的好处在于便于管理。
当我们编辑好一个网页,可以有两种方法预览:
一种方法直接使用“预览”模式,另一种使用浏览器预览。
观察浏览器标题栏上显示的名字,我们会发现是我们设置网页的标题名“旅游风光”。
我们可以把别人制作好的网页打开从而进行学习。
今天,我们打开“新浪的主页”,看看设计者是如何完成版面布局的。
我们发现版面布局全部使用的是表格完成的,然后在单元格里放入图片、文字等其他内容。
选择网站的文件夹,按鼠标右键中的删除命令,最后选择删除整个网站。
看看硬盘上的那个文件夹还在不在。
下来大家练习新建网站和主页,更改主页的标题和背景,还可以在网页上添加表格,最后保存。
学生活动:
跟着一起做
开始练习
教学反思:
信息技术
网页中的表格
2009年月日(第12-13周(2课时))
教学目的:
1.使学生掌握如何在网页中添加表格;
2.使学生掌握表格属性的设置。
设置表格的边框。
表格和单元格背景颜色的优先级。
案例法、讲授法。
一、添加表格
二、调整表格宽度和单元格宽度
三、设置表格和单元格的背景
单元格背景的级别要比表格背景的级别高。
四、表格的边框
把表格的边框设置为0。
教材分析及教学过程
网页中的表格
大家上节课学习了如何创建网站,并且我们看到了著名“新浪”网站设计者设计的新浪主页,版面布局用表格来完成的,因此,今天我们首先来学习与表格有关的知识。
请同学们回忆一下在Word中是如何添加表格的?
在“表格”菜单中选择插入选项,输入相应的行数和列数,对齐方式选择“水平居中”。
除了这种方法,我们还可以手工绘制表格。
首先选中表格,单击鼠标右键,选择“表格属性”,可以用“百分比”和“像素”来表示宽度,例如在数据框中输入50,表格的宽度占屏幕宽度的50%。
还有种最简单的方法,像在Word中直接调整宽度和高度。
如果要设置单元格的宽度,只需选择“单元格属性”,在指定宽度中输入具体的值,和表格属性一样,但是最简单的方法还是直接调整单元格的高和宽。
我们首先改变表格属性中的背景,用一种颜色填充,然后我们在改变单元格的背景,你们发现谁的属性级别高呢?
如果我们不想改变整个表格的属性,只须改变单元格的背景。
我们主要用表格来完成版面布局。
因此为了不让用户在网上看到表格的边框,我们把它设置为0。
跟着一起做
网页中的文字与图片
2009年月日(第14-15周(2课时))
1.使学生掌握用格式工具栏改变文字的属性;
2.使学生掌握图片属性的设置。
1、文章自然段的划分。
教学难点:
1、如何用文本来代替图片。
:
一、添加文字
二、修饰文字
用格式工具栏美化文字。
三、自然段的划分
回车键换行并另起一段,Shift键+回车键只换行不另起一段。
四、添加图片
五、修饰图片
用图片工具栏美化图片。
六、用文本替代图片
“图片”属性中的“常规”标签,在“替代表示”中“文本”里输入文字。
网页中的文字与图片
我们首先复习一下以前学习的知识。
请一位同学给大家用“空白站点”模板建立一个网站,然后看一个例子,大家思考它是如何制作的。
首先看浏览器标题栏上的文字,请问在哪里可以完成设置。
我们可以用什么完成版面布局,这张网页添加的是几行几列的表格,表格的边框是如何变成虚线的。
当我们把骨架搭好以后,最后就可以在单元格里面添加文字与图片了。
直接在光标闪烁处输入文字。
当我们把文字输入以后,更希望文字变得漂亮,我们用哪一个工具栏可以完成文字的美化。
我们首先看这个例子。
这篇文章有很多自然段,大家想想输入什么可以换行并另起一段,如果只想换行不想另起一段,那该如何做呢?
看书上第33页小知识。
在“插入”菜单中选择“图片”里面的“来自文件”选项。
调用“图片”工具栏或者单击鼠标右键选择“图片”属性。
单击鼠标右键选择“图片”属性中的“常规”标签,在“替代表示”中“文本”里输入文字,这些文字内容的含义主要用来说明或解释图片。
最后用浏览器浏览制作效果。
创造更加舒适的环境
2009年月日(第16-17
1.使学生掌握水平线的运用;
2.使学生掌握在网页中加入滚动字幕;
3.使学生掌握时间戳的运用。
教学要求:
1.学生熟练掌握水平线和滚动字幕相关属性的设置。
滚动字幕表现方式的区别。
表示水平线宽度的两种方法。
一、添加水平线
水平线宽度的两种表示方法
二、添加滚动字幕
三种表现方式的区别
三、时间戳
创造更加舒适的环境
我们上节课复习了建立网站的基本流程,但我们希望网站能够给浏览者提供更加舒适的环境。
比方说我们为了防止别人侵权,在网站上添加版权信息;
重要的话语想吸引浏览者的目光,可以使用滚动字幕;
想要让浏览者了解网页内容的更新,可以使用时间戳。
下面我们一块来欣赏几个例子。
我们一般都会在网页的最下方添加制作单位、版权信息等内容,可以使用水平线把这些和网页内容隔开。
单击“插入”菜单,选择“水平线”,编辑窗口中立即出现一条水平线。
当我们想改变水平线的高度、宽度、对齐方式和颜色时,必须选中水平线,单击鼠标右键,选择“水平线属性”。
水平线的高度、对齐方式和颜色很容易理解,但是它的宽度相对来说不是很好理解,有两种表示方法:
一种使用绝对值,单位为像素,比如可将水平线宽度设为500像素,当改变浏览器窗口大小时,水平线的宽度不会发生变化;
另一种方法是使用相对值,单位是百分比,比如将水平线宽度设为50%,意思是水平线宽度始终占窗口的50%,随窗口大小的变化而变化。
看书上第38页小知识。
我们为了让更重要的信息吸引浏览者,可以使用滚动字幕。
单击“插入”菜单,选择“Web组件”选项,选择“字幕”,出现“字幕属性”对话框;
在文本里输入要显示的文字,滚动字幕的表现方式有三种,让学生看一下三种表现方式的区别。
大家都知道制作网站要花大量的时间,而维护网站对于网站的生存期更重要。
为了便于浏览者了解网页的更新,我们使用时间戳。
单击“插入”菜单,选择“日期与时间”选项,我们选择第一项,“该网页上次编辑日期”,然后选择日期和时间格式。
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 信息 专业技术 备课
![提示](https://static.bdocx.com/images/bang_tan.gif)