PhotoshopCS3FlashCS3DreamweaverCS3商业网站开发92609062.pptVIP

网站建设 第10章 制作个人博客页面的效果图 在了解了各种页面元素的基本制作方法之后，本章将详细讲解使用Photoshop CS3制作网页效果图的方法。在前面的章节讲解的示例中使用的素材很少，但在实际的网页制作中，使用素材可以使制作更加简单方便。 10.1 制作页面的背景 页面背景总共包括三部分：背景头部是天空的图案；中间部分是渐变的颜色，使用渐变的目的是便于页面内容的扩展（关于背景的扩展，将在后面的章节中详细讲解）；背景底部是海水的图案。下面讲解具体的制作方法。 1．制作背景的头部和中间部分 10.1 制作页面的背景 2．制作背景底部 10.2 制作页面头部 页面头部内容主要包括标题文字、博客的签名标签、头部的背景图案和文本等。下面讲解具体的制作方法。 1．制作头部的背景图案 10.2 制作页面头部 2．制作大海的图案 10.2 制作页面头部 3．制作雄鹰的图案 10.2 制作页面头部 4．制作头部的文本 10.3 制作导航菜单 导航菜单内容主要包括导航菜单的背景、导航菜单的图标、导航菜单文本等。下面讲解下具体的制作方法。 1．制作导航菜单的背景 10.3 制作导航菜单 2．添加导航菜单的图标和文本 10.4 制作页面主体部分 页面主体部分主要包括页面主体的背景、左侧分类导航、主题内容等。下面讲解具体的制作方法。 1．制作主体背景 10.4 制作页