网页设计与制作讲义.doc

苏州工艺美术职业技术学院 授 课 讲 义 课程名称 网页设计 授课班级 12平面a 任课教师 徐凯 系 、 部 视觉传达 讲 义 标 题————网页制作部分 教学目的： 互联网是继传统媒体出现后又一个新的媒体，网页作为互联网技术表现形式。通过对特定技术的掌握，使学生学会如何在互联网上表现自己的设计思想。教学着眼于技术层面上的学习，为今后的网页设计作一个技术铺垫。 第一单元：知识目标 在Internet和Web迅猛发展的今天，数字设计技术对21世纪的平面设计家提出了许多挑战，在因特网的世界里，地域的概念消失了，人与人之间的距离，由天涯变成近在咫尺，由于因特网商业化的最大化引用，使得整个世界都在因特网上，它深刻的影响了人们原有的价值观念、思维方式、知识结构等，它是继印刷、广播、电视等传统媒介后的第四媒体，面对新时代的到来，人们无不感受到社会经济和文化所经历的快速而深刻的变化。 网络的世界已经无处不在，对于传统的平面设计师来说，这是一个不得不面临的一个新的、前景无限的设计领域。网页不但拥有传统媒体的优点，并且使得传播变得更加直接、省力、有效，然而在网页设计领域中，没有网页技术这个技术的平台，根本就无从谈起网页设计，设计根据需要不断的向技术提出新的要求，促进技术的进步，而真正有魅力的设计是设计者的思想、素养，对设计的理解和表现技术的综合体现。因此，要以掌握网页设计与多媒体技术为前提，更有效的发挥网页设计的表现性和可操作性，完成新概念的构想。 传统媒体平面设计与网页的平面设计 网络已经越来越多的进入了平面设计领域，我们没有任何理由忽视平面设计的存在。网络对平面设计行业造成的威胁和机遇是并存的，这种趋势越来越显著，网络意味着机遇，对于传统媒体的平面设计而言，网络具有丰富的信息资源、图文的互、高速高效的特点。网络产生的这些变化不仅逐步加剧，并且掀起对技术的热潮，不仅影响着设计的创造过程，同时还影响到作品及交流的形式过程。所以设计者要具备设计交叉应用的综合能力，不断适应时代的变化。 印刷品和观者的交流是拿在手中的翻阅，不仅有视觉设计，还有触觉设计等，网页设计则在具备视觉效果外还要兼顾网页的交互性与整体性、音效性、把握整体的节奏感、整体风格等多重因素。 网页本身具有比传统媒体（印刷、报纸、杂志、电视等）更大的传播覆盖面，网络所有的信息都是面向全世界，这是其他任何媒体所无法与之相提并论，同时，网页的时效性强，可以迅速了解最新的信息，网页的信息发布比其他媒体大大节省成本、时间，更新和修正也更为快捷和方便，不受时间和地域的限制。 在这个新的媒体中技术是先导，但最终目的——交流则是由设计来实现的，所以设计的重要性会由于技术的掌握而进一步强化。 新概念的品面设计 每屏要求结构合理、制作精美、创意独特、风格鲜明的网页，传递最丰富的信息，同时还能给人以美的艺术享受，树立公司企业、服务机构等的良好社会形象，获取最大的经济效益。 特点：网络传播具有声、像、图、文、视觉、听觉、互动，通过视觉传达全球化的交互信息。它不同于传统的平面设计，它是集艺术创意与多媒体技术于一体的过程。设计人员不仅要具有良好的设计素养、文化底蕴，而且应随时注意网页设计技术的发展，使网页在风格上新颖、独特，在内容上丰富、详实，井然有序。 网页设计风格总体上分为两大类： 内容型：结构严谨、内容规范，便于大信息量的传递，多为公司企业、服务机构等网络应用； 风格型：网页构思新颖别致，色彩丰富，平面感觉强，多为个人网站，相关行业网站所用； 优秀网页鉴赏（提高学习兴趣、提高鉴赏能力、最直接的感性认识，分解在各单元欣赏） VERIO公司网站，该网站设计上平中求奇。在整体结构严谨的基础上 ，有一些趣味的处理，例如图像和导航的设计，可以让你在浏览网页中兴趣盎然。 LIBRARY OF CONGRESS网站。该网站就好像巨大的图书馆，具体介绍了LIBRARY OF CONGRESS的地理环境以及各类资料。浏览网站便可查阅各类所需信息。网站设计简洁明了，体现了庄重的风格。 APPLE网站，该网站具体介绍了APPLE品牌的产品与服务，网页设计精美，尤其是导航的设计，好似APPLE的电脑按键，与APPLE品牌切实有效的结合，极具视觉上的吸引力。 AGFA网站，该网站具体介绍了AGFA品牌的数码相机、扫描仪、胶卷、软件产品。网页设计严谨，图文结合，结构紧凑，统一之中有变化，信息量较大。图像虽然多，但是经过