《网页设计与制作》网页设计基础学技术改变生活.ppt

网页设计基础 当今社会已经进入到信息时代，同时随着INTERNET的迅速发展，人们越来越多地通过网络来实现其活动：网上信息、网上购物、网上求医等等。 对于网站的要求也随之不断提高，网站的内容要充实，网页的浏览以及更新速度要快，网页在视觉上要美观，这对网站开发人员提出了更高的要求。 网页设计基础 为了在最短时间内开发出最符合客户需求的网站，开发工具的选择成为一个重要因素。 由Macromedia公司开发的Dreamweaver、Fireworks和Flash被称为网页制作三剑客，为 网站的开发人员提供了三把用于网站开发的利剑。我们将在随后的章节中逐一介绍。 网页设计基础 本篇主要内容： 介绍网页设计的基本知识 介绍网站的建设流程 本篇主要目的： 对网页设计有一个初步的认识和了解 第1章 网站设计与建立的一般流程 1.1网站设计的创意及风格 设计网站需要考虑的因素非常多，从前期的网站的定位、整理资料、设定网站框架，到具体制作中的设计环节，再到最后的调试、发布、宣传，是一个环环相扣的过程。 作为一名普通网页设计师，无论你设计的是企业网站还是个人网站，最重要的是要有创意，要有自己的风格，要与众不同。 一.网站的创意 创意是捕捉出来的点子，是创作出来的奇招，是传达信息的一种特别方式。其目的是为了更好地宣传推广网站。这里说的创意是指网站的整体创意 。 （1）创意并不是天才的灵感，而是思考的结果 准备期 ——研究所搜集的资料，根据经验，启发 新创意； 孵化期 ——将资料咀嚼消化，使意识自由发展， 任意结合； 启示期 ——意识发展并结合，产生创意； 验证期 ——将产生的创意讨论修正； 形成期 ——设计制作网页，将创意具体化。 （2）创意是将现有要素的重新组合 网络上的许多创意来自与现实生活（或者虚拟现实）的结合。今天，网上的许多在线书店、电子社区、在线拍卖等无一不是现有要素重新组合的结果。 从这一点出发，任何人，包括你和我，只要用心去观察都可以创造出不同凡响的创意。 二.网站的整体风格 （1）风格是抽象的 （2）风格是独特的 （3）风格是人性的 如何树立网站的风格 树立网站风格通常可从以下几个方面来思考： ①确信风格是建立在有价值的内容之上的。 ②要彻底搞清楚自己希望网站给人的印象是什么。 ③在明确自己的网站印象后，开始努力建立和加强这种印象。 1.2网站设计与建立的基本原则 （1）准确定位网站的主题、名称，方向明确。 （2）做好网站形象和整体风格的创意设计。 （3）仔细策划网站的栏目模块及其层次结构。 （4）网站内容要精、专、奇、新，不要面面俱到。 （5）灵活运用色彩，发挥其在网页设计中的作用。 （6）导航结构要一目了然，以提高网络的交互性 和亲合度。 （7）要注意带宽、浏览器、分辨率等问题。 1.3网站建立的一般流程 一般来说，网页制作可分为三个阶段： 1．前期工作准备阶段：在此阶段主要完成以下几个方面的工作：拟定网页主题、搜集相关资料、规划网页内容、绘制结构草图。 2．中期制作阶段：在此阶段主要利用各种网页制作工具，开始制作网页，并不断地进行上传与测试，直到最后制作完毕。 3．后期维护阶段：网页制作完成后，可进行发布和推广应用。根据需要，对网页进行更新与维护。 介绍的主要内容 一.Web网站设计规划 创建Web网站的第一步是设计规划，在制作之前对网站进行规划是非常重要的。 要明确设计网站的目的和用户需求，从而做出切实可行的设计计划。根据消费者的需求、市场的状况、企业自身的情况等进行综合分析，以“消费者”为中心，而不是以“美术”为中心进行设计规划。 在设计规划时我们应考虑 二.总体设计方案主题鲜明 2.定位网站CI形象 （1）设计网站的标志（logo） 标志的设计创意来源 ①网站有代表性的人物、动物、花草，可以作为设计的蓝本，加以卡通化和艺术化，例如迪斯尼的米老鼠，搜狐的卡通狐狸，鲨威体坛的篮球鲨鱼。 ②专业性的网站，可以以本专业有代表性的物品作为标志。比如中国银行的铜板标志，奔驰汽车的方向盘标志。 ③最常用和最简单的方式是用自己网站的英文名称作标志。采用不同的字体、字母的变形、字母的组合可以很容易制作好自己的标志。 （2）设计网站的标准色彩 （3）设计网站的标准字体 标准字体是指用于标志、标题、主菜单的特有字体。一般我们网页默认的字体是宋体。 为了体现网站的“与众不同”和特有风格，可以根据自己网站所表达的内涵，选择更贴切的字体。 需要说明的是：使用非默认字体只能用图片的形式，因为很可能浏览者的PC机里没有安装你的特别字体，那么你的辛苦设计制作便会付之东流。