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