网页设计

伍临莉

目录

  • 1 第一单元网页设计基础知识
    • 1.1 第一课时网页相关知识
    • 1.2 第二课时初识网页
    • 1.3 第三、四课时实验
  • 2 第二单元Dreamweave应用
    • 2.1 第一课时初识Dreamweave
    • 2.2 第二课时
  • 3 第三单元网页的文本与文档
    • 3.1 第一课时文本与文档
    • 3.2 第二课时
  • 4 第四单元网页图像和多媒体
    • 4.1 第一课时图像和多媒体
    • 4.2 第二课时
  • 5 第五单元超链接
    • 5.1 第一课时超链接概念
    • 5.2 第二课时
  • 6 第六单元表格
    • 6.1 第一课时表格的基本构成
    • 6.2 第二课时
  • 7 第七单元
    • 7.1 第一课时
    • 7.2 第二课时
  • 8 第八单元
    • 8.1 第一课时
    • 8.2 第二课时
  • 9 第九单元
    • 9.1 第一课时
    • 9.2 第二课时
  • 10 第十单元
    • 10.1 第一课时
    • 10.2 第二课时
  • 11 第十一单元
    • 11.1 第一课时
    • 11.2 第二课时
  • 12 第十二单元
    • 12.1 第一课时
    • 12.2 第二课时
  • 13 第十三单元
    • 13.1 第一课时
    • 13.2 第二课时
  • 14 第十四单元
    • 14.1 第一课时
    • 14.2 第二课时
  • 15 第十五单元
    • 15.1 第一课时
    • 15.2 第二课时
  • 16 第十六单元
    • 16.1 第一课时
    • 16.2 第二课时
  • 17 第十七单元
    • 17.1 第一课时
    • 17.2 第二课时
  • 18 第十八单元
    • 18.1 第一课时
    • 18.2 第二课时
第一课时图像和多媒体

4讲

课时内容

图像和多媒体

教学目标

þ  熟练掌握图像的插入方法。

þ  掌握多媒体在网页中的应用。

教学重点

þ  熟练掌握图像的格式与模式。

þ  熟练掌握Flash文件的插入与设置。

教学难点

þ  能够正确使用图像和图像的属性设置、Flash文件的格式及设置属性。

教学设计

1、 教学思路:(1)通过对课堂案例的讲解掌握咖啡网页木工网页的制作方法;(2)再通过软件相关功能的解析学习图像的插入与使用技巧,以及进行动画的使用;(3)再通过课堂练习固软件功能及网页制作技巧;(4)最后通过课后习题消化所学软件知识,提高图像与动画的使用能力。

2、 教学手段:(1)通过课堂案例熟悉设计理念和软件功能;(2)通过软件功能解析深入学习软件功能和制作特点。(3)通过课堂练习练和课后习题提高学生的实际应用能力。

3、 教学资料及要求:在网上找一些带有图像和动画的网页页面进行制作,来加深学员对知识点的理解和提高实际操作能力。

教学内容

讨论问题:1、在Dreamweaver CS6中插入图像后在浏览器中不能正常显示图像,是哪几种原因造成?

            如何解决?

          2、在Dreamweaver CS6中如何设置插入的Flash动画为透明背景?

内容大纲:具体可结合本项目的PPT课件进行配合讲解。

4.1  图像的插入

4.1.1  课堂案例——咖啡网页

4.1.2  网页中的图像格式

4.1.3  插入图像

4.1.4  设置图像属性

4.1.5  给图片添加文字说明

4.1.6  插入图像占位符

4.1.7  跟踪图像

4.2  多媒体在网页中的应用

4.2.1  课堂案例——木工网页

4.2.2  插入Flash动画

4.2.3  插入FLV

4.2.4  插入Shockwave影片

4.2.5  影片插入Applet程序

4.2.6  插入ActiveX控件

4.3  课堂练习——时尚先生网页

4.4  课后习题——房源网页

 

小结

1、 熟练掌握图像的格式与插入方法和使用技巧。

2、 掌握Flash动画的插入和属性的设置。

作业