网页设计与制作讲义

《网页设计与制作讲义》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、苏州工艺美术职业技术学院授课讲义课程名称网页设计授课班级12平面a任课教师徐凯系、部视觉传达讲义标题————网页制作部分教学目的：互联网是继传统媒体出现后又一个新的媒体，网页作为互联网技术表现形式。通过对特定技术的掌握，使学生学会如何在互联网上表现自己的设计思想。教学着眼于技术层面上的学习，为今后的网页设计作一个技术铺垫。第一单元：知识目标在Internet和Web迅猛发展的今天，数字设计技术对21世纪的平面设计家提出了许多挑战，在因特网的世界里，地域的概念消失了，人与人之间的距离，由天涯变成近在咫尺，由于因特网商业化的最大化引用，使得整个世界都在因

2、特网上，它深刻的影响了人们原有的价值观念、思维方式、知识结构等，它是继印刷、广播、电视等传统媒介后的第四媒体，面对新时代的到来，人们无不感受到社会经济和文化所经历的快速而深刻的变化。网络的世界已经无处不在，对于传统的平面设计师来说，这是一个不得不面临的一个新的、前景无限的设计领域。网页不但拥有传统媒体的优点，并且使得传播变得更加直接、省力、有效，然而在网页设计领域中，没有网页技术这个技术的平台，根本就无从谈起网页设计，设计根据需要不断的向技术提出新的要求，促进技术的进步，而真正有魅力的设计是设计者的思想、素养，对设计的理解和表现技术的综合体现。因此，

3、要以掌握网页设计与多媒体技术为前提，更有效的发挥网页设计的表现性和可操作性，完成新概念的构想。传统媒体平面设计与网页的平面设计网络已经越来越多的进入了平面设计领域，我们没有任何理由忽视平面设计的存在。网络对平面设计行业造成的威胁和机遇是并存的，这种趋势越来越显著，网络意味着机遇，对于传统媒体的平面设计而言，网络具有丰富的信息资源、图文的互、高速高效的特点。网络产生的这些变化不仅逐步加剧，并且掀起对技术的热潮，不仅影响着设计的创造过程，同时还影响到作品及交流的形式过程。所以设计者要具备设计交叉应用的综合能力，不断适应时代的变化。印刷品和观者的交流是拿在

4、手中的翻阅，不仅有视觉设计，还有触觉设计等，网页设计则在具备视觉效果外还要兼顾网页的交互性与整体性、音效性、把握整体的节奏感、整体风格等多重因素。网页本身具有比传统媒体（印刷、报纸、杂志、电视等）更大的传播覆盖面，网络所有的信息都是面向全世界，这是其他任何媒体所无法与之相提并论，同时，网页的时效性强，可以迅速了解最新的信息，网页的信息发布比其他媒体大大节省成本、时间，更新和修正也更为快捷和方便，不受时间和地域的限制。在这个新的媒体中技术是先导，但最终目的——交流则是由设计来实现的，所以设计的重要性会由于技术的掌握而进一步强化。新概念的品面设计每屏要求

5、结构合理、制作精美、创意独特、风格鲜明的网页，传递最丰富的信息，同时还能给人以美的艺术享受，树立公司企业、服务机构等的良好社会形象，获取最大的经济效益。特点：网络传播具有声、像、图、文、视觉、听觉、互动，通过视觉传达全球化的交互信息。它不同于传统的平面设计，它是集艺术创意与多媒体技术于一体的过程。设计人员不仅要具有良好的设计素养、文化底蕴，而且应随时注意网页设计技术的发展，使网页在风格上新颖、独特，在内容上丰富、详实，井然有序。网页设计风格总体上分为两大类：l内容型：结构严谨、内容规范，便于大信息量的传递，多为公司企业、服务机构等网络应用；l风格型：

6、网页构思新颖别致，色彩丰富，平面感觉强，多为个人网站，相关行业网站所用；优秀网页鉴赏（提高学习兴趣、提高鉴赏能力、最直接的感性认识，分解在各单元欣赏）VERIO公司网站，该网站设计上平中求奇。在整体结构严谨的基础上，有一些趣味的处理，例如图像和导航的设计，可以让你在浏览网页中兴趣盎然。LIBRARYOFCONGRESS网站。该网站就好像巨大的图书馆，具体介绍了LIBRARYOFCONGRESS的地理环境以及各类资料。浏览网站便可查阅各类所需信息。网站设计简洁明了，体现了庄重的风格。APPLE网站，该网站具体介绍了APPLE品牌的产品与服务，网页设计精

7、美，尤其是导航的设计，好似APPLE的电脑按键，与APPLE品牌切实有效的结合，极具视觉上的吸引力。AGFA网站，该网站具体介绍了AGFA品牌的数码相机、扫描仪、胶卷、软件产品。网页设计严谨，图文结合，结构紧凑，统一之中有变化，信息量较大。图像虽然多，但是经过压缩后，并不影响网页的浏览速度。LACOUNTYARTS是洛杉矶乡村艺术讯息网站，该网站以鲜明的色块展现浓郁的艺术信息，导航也结合在色块中，非常的简洁明快，给人一种新鲜的感受，留下深刻的印象。KODAK公司的网站是以黑色底衬托公司的标准色及其图片资料，和KODAK形象很吻合，网站设计机构严谨，内

8、容规范，有大量的信息传递。JOOZE网站是介绍JOOZE创意设计公司的网站。网站为客户提供创意与设计，并介绍