当前位置：
文档之家› 【最新】2级信息技术下册 第6课 网页制作小能手课件 南方版-人教级下册信息技术课件
【最新】2级信息技术下册 第6课 网页制作小能手课件 南方版-人教级下册信息技术课件
在单2元级信格息技中术插下册入第6背课 景网页图制作像小能手课
件 南方版-人教级下册信息技术课件
·二、插入图片、音视频和添加动态效果
任务一：插入图片 选中“图片区”单元格，执行“插入”→“图像”命 令，在弹出的“选择图像源文件”对话框中找到图片， 单击“确定”按钮，将图片插入网页中。
插入图片
2级信息技术下册 第6课 网页制作小能手课 件 南方版-人教级下册信息技术课件
2级信息技术下册 第6课 网页制作小能手课 件 南方版-人教级下册信息技术课件
本节课到此结束！
2级信息技术下册 第6课 网页制作小能手课 件 南方版-人教级下册信息技术课件
第6课 网页制作小能手
2级信息技术下册 第6课 网页制作小能手课 件 南方版-人教级下册信息技术课件
小明完成了对班级网站首页布局类型 和板块内容的设计，并且使用 Dreamweaver CS6 的表格工具对其进行了 规划。本课，我们将学习如何设计网页中 的基本元素，进一步完善班级网站。
2级信息技术下册 第6课 网页制作小能手课 件 南方版-人教级下册信息技术课件
·学习任务
1. 设置网页、单元格背景。 2. 为网页插入图片、音视频和添加动态效果。 3. 为网页设置超级链接。
2级信息技术下册 第6课 网页制作小能手课 件 南方版-人教级下册信息技术课件
·一、设置网页、单元格背景
任务一：设置网页背景
方法一： 执行“修改”→“页面属性”命令，在弹出的“页面属 性”对话框中，选择“外观”项，单击“背景图像”后 的“浏览”按钮，在“选择图像源文件”对话框中，找 到合适的图片。单击“确定”按钮回到“页面属性”对 话框，依次单击“应用”和“确定”按钮即可完成网页 背景设置的操作。
2级信息技术下册 第6课 网页制作小能手课 件 南方版-人教级下册信息技术课件
·一、设置网页、单元格背景
任务二：设置单元格背景
选中某个单元格，将视图切换为“拆分”视图，在左边的代码 中找到光标所在的行，把光标移到前面的<id>内，再按键盘 的空格键，在弹出的提示中选齐"background” →“浏览”，在 弹出的“选择文件”对话框中选择合适动态效果
任务二：插入音频和视频 执行“插入”→“媒体”→“插件”命令，在弹出的 “选择文件”对话框中，选择音频或视频文件，将其 插入到网页中相应的位置。
插入音频和视频
2级信息技术下册 第6课 网页制作小能手课 件 南方版-人教级下册信息技术课件
·二、插入图片、音视频和添加动态效果
2级信息技术下册 第6课 网页制作小能手课 件 南方版-人教级下册信息技术课件
·一、设置网页、单元格背景
任务一：设置网页背景
方法二： 如果我们想让网页背景更加炫酷，还可以使用CSS3来实现， 比如将两张图片重叠为背景。我们只需要将两张名为bg_1.gif 和bg_2.gif的背景透明图片放到animations文件夹，然后切换 到“代码”视图，找到<head>------</head>代码，在它们之 间插入下列代码就可以了。 <style> Body { Backgroundimage:url(animations/bg_1.gif),url(animations/bg_2.gif); } </style>
任务三：添加动态效果
我们还可以在网页中添加一些特殊的动态效果，选中图片和文字， 然后点击左上角的“拆分”按钮，将文档窗口切换为“拆分”视 图，将代码窗口的蓝色区域两端分别添加运动文本标签 <marquee>和</marquee>。
添加动态效果
2级信息技术下册 第6课 网页制作小能手课 件 南方版-人教级下册信息技术课件
·三、为网页设置超级链接
1. 确定链接的对象和内容 2. 选择合适的超级链接类型 3. 将首页和各个子网网页链接起来
在“属性”面板中设置链接
2级信息技术下册 第6课 网页制作小能手课 件 南方版-人教级下册信息技术课件
· 总结
1. 网页背景的设置可以通过“页面属性” 来完成也可以通过CSS3 代码实现； 2. 在网页设计过程中，添加动态效果能够让 网页更加美观； 3. 在网页中设置链接，一般是在文字上面设 置，链接的实现是网页制作的重难点。
