八年级上册信息技术1 4网页的美化

发布 2023-01-11 04:11:28 阅读 9030

八年级下册信息技术1.4 网页的美化。

教学目的:1、掌握页面图像的应用。

2、设置动态网页效果。

教学重点:1、插入图像的处理。

2、动态效果的实现。

教学难点:动态效果的实现。

教学过程:下面以制作网页“我的左邻右舍”为例来学习网页中**的使用。

一、使用图像作网页背景

1、以frontpage打开“我的情感小屋”主页(比如文件),拉出“格式”菜单,选择“背景”命令,弹出“网页属性对话框。

2、选中对话框中格式栏的“背景**”选项,然后单击“浏览”按钮,指定作为背景**的**文件。

3、单击“确定”按钮,即给网页加上**背景了。

二、插入图像与编辑图像

一个**并茂的网页显然比纯文字内容的网页显然更具吸引力。

1、插入图像。

插入图像到网页内容中,方法是:选择“插入”菜单→“**”命令→选择“来自文件”或“剪贴画”,然后选定图像文件或剪贴画即可。

2、编辑图像。

插入图像到网页中后可对图像进行简单的编辑和加工。

.编辑图像大小。

插入图像到网页中后,图像大小默认为原图大小,若要调整图像的大小,只需以鼠标单击该图像,图像的四周会出现八个控制点,再以鼠标拖动其中一控制点即可自如地调整图像大小。

.给图像加边框。

通过设置图像属性,可改变图像的对齐方式、给图像加上边框等。

给图像加上边框的操作方法:在要添加边框的图像上单击右键弹出快捷菜单,选择“**属性”命令,弹出“**属性”对话框,再在对话框中设置边框粗细值为大于0的某个值,单击“确定”按钮即可。

.使用图像编辑工具。

在frontpage中,选中一图像,即会出现图像编辑工具栏,利用工具栏中各种工具可对网页中的图像进行编辑,如对图像实现旋转与翻转、剪裁、淡化、凹凸效果等。

三、以**作为项目符号

1、 选择“格式”菜单中的“项目符号与编号”命令,弹出“列表属性”对话框。

2、在“**项目符号”选项卡,选中“指定**”,单击“浏览”按钮去选择指定的图像文件或剪贴画,最后单击“确定”按钮;

3、在出现的**项目符号后面输入文字比如“好友小明”、“班长小芳”等等。

四、设置横幅广告效果

1、选择“插入”菜单→“组件”→“横幅广告管理器”命令,弹出“横幅广告管理器属性”对话框;

2、在“横幅广告管理器属性”对话框中,设置“宽度”“高度”“过渡效果”“每幅**显示”等属性值,单击“添加”按钮在“显示**”框中添加要显示的**(例如添加image文件夹中的最后单击“确定”按钮;

3、以鼠标拖动插入的横幅外框上的控制点可改变横幅的大小。注意:预览效果要在浏览器中才能看到。

五、制作滚动字幕

1、将光标定位在要放置滚动字幕处;

2、选择“插入”菜单→“组件”→“字幕”命令,弹出“字幕属性”对话框;

3、在“字幕属性”对话框中,在“文本”框内输入字幕文字,并设置“方向”、“速度”、“表现方式”、“文本对齐方式”、“重复”、“背景颜色”等属性,最后单击“确定”按钮;

4、以鼠标拖动插入的字幕外框上的控制点可改变其大小。

六、设置悬停按钮

悬停按钮是一种带动感效果的按钮。当访问者指向或单击它时会产生变化,如发光等,并可超链接到相应的页面。设置悬停按钮的方法如下:

1、将光标定位在要放置悬停按钮的位置处;

2、选择“插入”菜单→“组件”→“悬停按钮”命令,弹出“悬停按钮属性”对话框。

3、在“悬停按钮属性”对话框中,在“按钮文本”框内输入按钮文本(例如“好友简介”等),并设置链接到的位置,还可以设置“按钮颜色”、“背景颜色”、“效果”、“效果颜色”、“高度”、“宽度”等属性,最后单击“确定”按钮;

4、以鼠标拖动插入的悬停按钮外框上的控制点可改变其大小。

注意:预览效果要在浏览器中才能看到。

七、操作任务

制作“我的情感小屋”主页,达到如下的版面效果 :

1、打开站点及主页(给网页添加背景图(背景图见素材页图。

2、画一虚**(即**边框的粗细值为0)用于规划版面,便于**混排在一起;

3、将标题“情感小屋寄语”制作成横幅广告效果;

注意:设置“宽度”=257,“高度”=55,“每幅**显示(秒)”=1秒,在“显示**”框中添加三幅**(见素材页上的三幅图。

4、在网页左侧插入用于项目符号与编号的**(bh_

5、在项目符号与编号的**后,插入第一个悬停按钮“好友简介”:

注意:设置“按钮文本”=好友简介,“链接到”=其它选项设置不变。

6、第一个悬停按钮完成后按软回车,重复上一步操作过程插入第二个悬停按钮“我的家庭”。

7、反复重复上一步操作过程,依次插入第三个悬停按钮“我的父母”、第四个悬停按钮“爸爸”、第五个悬停按钮“情感寄语”等。

8 、在网页右侧插入**(见素材页jrgd_

9 、输入“版主留言”与“给我来信”放置在网页底部同一行,摆放格式见课本;

注意:设置“文本”=海内存知已天涯若比邻,其它选项设置不变。

11、在网页底部再下一行,插入一幅透明标识图(见素材页jrgd_并居中对齐。

12、保存网页,注意悬停按钮与横幅广告效果只有在浏览器中预览才能看到效果。

八年级信息技术上册《网页的美化》教案及教学反思

八年级信息技术上册 网页的美化 教案及教学反思。课题。八年级上册第一单元第四课 网页的美化。主备人。1 知识目标 掌握美化网页的常用方法,理解美化网页对提高 质量的作用。教学2 技能目标 目标学会在网页中设置背景 flash动画和滚动字幕。3 情感 态度和价值观目标 善于发现美,提高审美意识,从自身...

青岛版初中信息技术八年级上册网页的美化说课稿

1.4 网页的美化。尊敬的各位评委老师 上午好。我是信息技术号考生,今天我说课的题目是网页的美化,我将从教材分析,教法学法,教学过程这三个方面对本课进行说明。一 教材分析。网页的美化是青岛版初中信息技术八年级上册第一单元的第4课,本节课主要讲了网页美化的一些常用方法。它是前面学习设计 首页知识的延伸...

信息技术八年级上册知识

信息技术八年级上册知识点。课题第一课认识网络。知识点。1 什么是计算机网络。具体内容。计算机网络是现代通信技术与计算机技术相结合的产物,它是利用网卡 网线 交换机等网络设备,把分散的计算机连接起来,并通过网络协议实现计算机之间的相互通信和资源共享。网卡 网线 交换机等局域网 城域网 广域网。网线有两...