Dreamweaver网页设计与制作教程 电子 杨继 第12章 网页综合应用实例.ppt

在线教务辅导网： 教材其余课件及动画素材请查阅在线教务辅导网 QQ:349134187 或者直接输入下面地址： 第12章 网页综合应用实例 第12章 网页综合应用实例 内容提要 站点的规划 利用表格进行网页布局 层的应用 库项目的创建及应用 超链接的设置 12.1 网页效果预览 12.1 网页效果预览 12.1 网页效果预览 12.1 网页效果预览 12.1 网页效果预览 12.2 制作分析 12.2.1 规划站点 1.制作导航草图 导航草图的制作有利于情理思路，避免在制作网页的过程中思路混乱。如图12.6所示就是“花之物语”网站的导航草图。 12.2 制作分析 12.2.1 规划站点 2.创建站点文件夹 合理地创建站点文件夹可将网页文档分门别类的放置其中，这对以后网页的制作是极其有利的。在本地磁盘中创建一个“花之物语”文件夹，并在其中为每一个网页创建一个文件夹和一个“images”文件夹，如图12.7所示。其中各images文件夹中存放的是每个网页中所需的图片素材。 12.2 制作分析 12.2.2 收集素材和资料 网页在制作的过程中离不开素材和资料，当然这些素材和资料可以自己制作，也可到网上下载。本站点中所使用的网页背景图片及插入的花卉图片均是由网上下载得到，还有一大部分标题类图片是使用Photoshop图形图像软件制作而成，如图12.8所示。 12.3 创建站点 按照第2章所讲的创建站点的方法来创建“花之物语”网站，并把该站点存放在E盘根目录下。 站点创建完成后，在该站点下新建5个文件夹，每个文件夹中新建一个网页文件和一个名为images的子文件夹，images文件夹中用来存放每个网页中所需要的图片素材。每个网页的名称如图12.9所示。 12.4 页面制作 1.制作进站页 12.4 页面制作 2.制作首页 制作库项目 设置页面属性 插入表格并设置表格 12.4 页面制作 3.制作花卉简介页面 设置页面属性 插入表格并设置表格 12.4 页面制作 4.制作花花壁纸页面 设置页面属性 插入表格并设置表格 添加库、图像和文字 12.4 页面制作 5.制作花之物语网页 设置页面属性 插入水平线和层 添加库、图像和文字