第二节  网站的美化与特效制作

学习目标

    能利用模板制作网站；

    能在网页中插入特殊效果。

活动

    新建一个站点；

    在网页中插入图片；

    使用表格编排网页；

    添加网页背景音乐，在网页中插入视频；

    使用不同的组件，达到特殊效果。

作品

    一个有文字、图像、声音和视频的网站；

    一份网站评价表

学习过程

    第1课时

    上节课我们已经欣赏过一些网站，我们知道，一个网站通常是由许多文件组成的，这与以往我们所做的作品不同，我们以前所做的Word文档、PPT等都是单个的文件。为了管理好这些文件，在网页制作中要用到“站点管理”的功能。网站内所有的文件都要放在一个文件夹内，为了便于管理这些文件，不同的文件还要分别放到不同的子文件夹中。我们在网页制作软件中可以将这个文件夹定义为一个站点，这样，我们管理网站就方便多了。接下来我们就将学习如何在网页制作软件中建立并管理站点。

    常用的网页制作软件主要有两个，一个是Frontpage，另一个是Dreamweaver。当然，用Word也可以生成简单的网页。Frontpage的使用与Word很类似，操作简单，很多同学小学可能就接触过；Dreamweaver的功能比较强大，是比较专业的网页制作软件。

    演示如何在Frontpage中建立一个站点，并简单地进行管理。新建站点，编辑站点及站内文件

    1 新建站点

    注意:指定新网站的位置  预览网站

    2 插入图片  注意:图片保存的位置  在"我的电脑"中浏览网站

     3 添加背景音乐

    4 使用组件(字幕、交互式按钮、站点计数器)

    第二课时:

    一、插入空白网站

    新建一个网页
    选择布局
    添加横幅
    添加栏目及内容,保存为“index.htm”
    新建其他网页.
    插入超链接
    浏览网站

    二、美化网站
    选择主题
    插入横幅
    插入导航

    三、更有个性的网页
    自定义主题

课件:

演示如何在Dreamweaver中建立一个站点，并简单进管理。新建站点，编辑站点及站内文件；如何将一个文件夹定义为一个站点。

    课堂练习：

    在DW中新建一个站点，利用老师提供的素材建立一个简单的网站。《美丽的校园》或《音乐巨人贝多芬》

    1.新建站点

    2.建立首页，输入文字。保存为“index.htm”。此处强调网页的文件名问题。

    3.建立其他网页，保存。

    4.建立超级链接。

    5.插入图片。要插入的图片先保存到“images”文件夹中。

    6.预览网页，检查图片显示及链接是否正常。

    7.在“我的电脑”或“资源管理器”中直接打开网页文件浏览。

    8.将网页文件夹提交到"作业提交区"。

==================================================================

    第2课时  制作网站

    参照第1课时制订的网站规划，制作“庆祝建校76周年”的网站。

    1.查找相关资料

    2.归类整理资料

    3.建立站点，制作网站

    如果觉得困难，还可以选择其他主题：《名人传记》《绿色奥运》《节约用水》《交通安全》《心理健康》等

=====================================================================

    第3课时    网页的美化

    网页美工教程（一）——版式布局
 

    网页美工教程（三）网站的Banner
 

    网页美工教程（四）——网页界面设计