建立企业网站.ppt

16.3.2 设计内页效果2 下面继续制作内页效果，如下图所示。为了保持网站风格，常根据主页效果来设计内页效果。 16.3.2 设计内页效果2 16.3.2 设计内页效果2 操作思路： 将“nei1.png”文件另存为“nei- 2.png”。 删除顶部导航栏下方左侧栏目的内容。 添加左侧内页导航标题和导航背景图形。 制作内页左侧导航按钮效果。 添加文字内容，并重新切片导出。 Dreamweaver CS3，Flash CS3，Fireworks CS3网页制作培训教程 建立企业网站 本课要点 具体要求 本课导读 上机练习 本课要点 东方雷神网站的制作分析 制作东方雷神网站的过程 具体要求 掌握主页效果的分析制作 掌握内页的制作方法 掌握网页动画的制作方法 本课导读 本课将根据网站的制作流程，应用前面学习的知识制作一个完整的网站——东方雷神企业网站，巩固学习成果，让读者对网站建立有一个完整的概念。 16.1 制作分析 本节将根据第1课介绍的网站制作流程对东方雷神网站进行详细分析并进行制作。 16.1 制作分析 16.1.1 实例效果预览 16.1.2 实例制作分析 16.1.1 实例效果预览 下面展示东方雷神网站的实例效果图，其中，左上所示为设计的主页面分布效果图，右上所示为完成后的主页预览效果，中下所示为Banner动画效果。 16.1.1 实例效果预览 16.1.2 实例制作分析 1. 主页效果 2. 内页效果 3. Banner动画 4. 布局页面 1. 主页效果 主页效果主要分为以下几部分。 导航条的确定：主页效果是基于东方雷神网站的流程图进行构思的。流程拓扑图中包含了4大部分，这4部分可看作一个网站的导航，因此在设计界面效果（含内页效果）时，将其作为导航条处理。 主体内容的确定：制作主页的目的是能够将网站中的主体内容和精华部分快速地传递给访问者，让他们对该网站有一个大致的了解。设计者也可以将公司的主要信息列举在首页当中。 1. 主页效果 Banner动画内容的确定：设计界面中的Banner动画部分，在企业类网站中，Banner动画主要用于体现企业的形象，也可以是企业产品图的展示。 页脚内容：一个完整的网页少不了要给访问者提供联系的方式，所以企业的地址、电话、传真、邮件地址、所有权（可有），以及其他的附加说明等内容通常都放置于页脚部分。 1. 主页效果 主色彩的定位：网页设计色彩的定位一般以客户提供的资料（如宣传类资料、标志等）的色彩作为主色调，因为这些都是客户已认可的东西，因此如果采用这些资料上的色彩来定主色，客户认可的程度会比较大。当然，客户也可能会提出以哪些色彩作为主色，这时则应根据客户的需求而定。 设计完成后，需要将在Dreamweaver中无法完成的效果用图形处理软件制作并切片，以插入图像的方式插入到网页，同时便于在Flash中制作动画时调用。 2. 内页效果 内页效果是基于主页效果来完成的。内页效果不能像主页效果那样分栏目，因为它主要是体现一个导航按钮的内容。因此在设计时要留下大量空间放置导航按钮对应的内容。本例中就含有子导航。因此，在主页效果的基础上，将下部分重新进行了划分，分为子导航部分和内容部分。这样就形成了本网站所有内页的结构。 3. Banner动画 与设计效果有关联的动画制作，是从设计的效果中提取相关的元素进行制作的，而不是单独完成的。 动画大小是根据设计效果图中要制作动画的区域来确定的。动画中的内容可以在Flash中单独制作。 4. 布局页面 无论是主页还是内页，其布局方式都应相同。本例中是通过表格规定网页的大小和定位网页元素的。东方雷神网站的大小为778×900像素，因此添加的表格以该大小来确定。再通过嵌套表格的方式将网页图像、动画及文本放置在需要的位置，具体操作参见16.2.4节。 16.2 制作过程 本节将详细介绍东方雷神网站的制作。 16.2 制作过程 16.2.1 设计主页 16.2.2 制作Banner动画 16.2.3 建立站点 16.2.4 布局主页 16.2.1 设计主页 案例目标 本节将制作东方雷神网站主页效果，主要巩固在Fireworks中制作图像的方法。 16.2.1 设计主页 操作思路： （1）启动Fireworks程序，新建一个大小为“778×900”像素的文档。 （2）新建矩形并填充渐变效果。 （3）导入素材图像，添加页面修饰元素， 添加文本并进行编辑。 操作步骤请老师参照软件讲解 16.2.2 制作Banner动画 案例目标 下面制作Banner动画和