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

《Dreamweaver网页设计与制作教程教学课件 杨继 第12章 网页综合应用实例.ppt》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、第12章网页综合应用实例第12章网页综合应用实例内容提要站点的规划利用表格进行网页布局层的应用库项目的创建及应用超链接的设置2第1章网页设计与制作概述12.1网页效果预览3第1章网页设计与制作概述12.1网页效果预览4第1章网页设计与制作概述12.1网页效果预览5第1章网页设计与制作概述12.1网页效果预览6第1章网页设计与制作概述12.1网页效果预览7第1章网页设计与制作概述12.2制作分析12.2.1规划站点1.制作导航草图导航草图的制作有利于情理思路，避免在制作网页的过程中思路混乱。如图12.6所示就是“花之物语”网站

2、的导航草图。8第1章网页设计与制作概述12.2制作分析12.2.1规划站点2.创建站点文件夹合理地创建站点文件夹可将网页文档分门别类的放置其中，这对以后网页的制作是极其有利的。在本地磁盘中创建一个“花之物语”文件夹，并在其中为每一个网页创建一个文件夹和一个“images”文件夹，如图12.7所示。其中各images文件夹中存放的是每个网页中所需的图片素材。9第1章网页设计与制作概述12.2制作分析12.2.2收集素材和资料网页在制作的过程中离不开素材和资料，当然这些素材和资料可以自己制作，也可到网上下载。本站点中所使用的网页

3、背景图片及插入的花卉图片均是由网上下载得到，还有一大部分标题类图片是使用Photoshop图形图像软件制作而成，如图12.8所示。10第1章网页设计与制作概述12.3创建站点按照第2章所讲的创建站点的方法来创建“花之物语”网站，并把该站点存放在E盘根目录下。站点创建完成后，在该站点下新建5个文件夹，每个文件夹中新建一个网页文件和一个名为images的子文件夹，images文件夹中用来存放每个网页中所需要的图片素材。每个网页的名称如图12.9所示。11第1章网页设计与制作概述12.4页面制作1.制作进站页12第1章网页设计与制

4、作概述12.4页面制作2.制作首页制作库项目设置页面属性插入表格并设置表格13第1章网页设计与制作概述12.4页面制作3.制作花卉简介页面设置页面属性插入表格并设置表格14第1章网页设计与制作概述12.4页面制作4.制作花花壁纸页面设置页面属性插入表格并设置表格添加库、图像和文字15第1章网页设计与制作概述12.4页面制作5.制作花之物语网页设置页面属性插入水平线和层添加库、图像和文字16第1章网页设计与制作概述Thanks！17第1章网页设计与制作概述