网页设计基本理论.pptVIP

主要内容 以人为本 你越是了解你的读者，你的网站就越受欢迎。如果设计者忽略读者的需求，就不能保障一个网站的质量。 以人为本 （1）清晰一致的导航 （2）站点地图查询 （3）全站搜索功能 （4）层次结构三五法则 （5）提供位置的信息 （6）文字字号的更改 （7）优化信息的加载和显现 网页的类型 1. 静态网页 静态网页是相对于动态网页而言的，适合展示型的主题。我们平常所用的html所编写出来的就是属于静态的网页。静态网页的内容是相对固定的，其他读者不能影响他们浏览数据的形式或范围。简言之，静态网页仅有一种介绍方式，所有读者都必须处理此种方式，其中它与动态网页最本质的区别是：网页的内容一旦发布到服务器上，无论是否有用户访问，每个静态网页的内容都是保存在网站服务器上的，也就是说，静态网页是实实在在保存在服务器上的文件，而且最重要的是每个网页都是一个独立的文件。访问静态网页就像读一本杂志一样，读者可以选择来回翻动网页和以不同的顺序读文章，但内容是相对严格的，除了读该内容外，对它不能做任何操作。 网页的类型 1. 动态网页 动态网页适合交互型的网页主题，常见的有博客和论坛。动态网页是指实际上并不是独立存在于服务器上的网页文件，只有当用户请求时服务器才返回一个完整的网页。也就是说，它是返回到了客户端上的网页。例如网页文件是以ASP、PHP、JSP、ASPX为结尾就是动态的网页了。动态网页是指网页根据需求或读者的请求而生成的网页。动态网页的优点是网页可以根据读者的浏览条件或要求被创建。动态创建的网页的缺点在于创建起来更加复杂，并且通常服务器非常繁忙。当读者访问时，每一个主页都必须产生以提供给那些读者。 网页美工的需求 网页设计是一门新兴的设计类和计算机网络的交叉学科，近几年随着网络的发展而逐渐受到人们的重视，它本身以网络为载体，把各种信息以最快捷、方便的方式传达给受众，在这种标准的要求下，逐步产生了审美的需求。 网页设计的审美需求是对平面视觉传达设计美学的一种继承和延伸。两者的表现形式和目的都有一定的相似性，把传统平面设计中美的形式规律同现代的网页设计的具体问题相结合起来，运用一些平面设计中美的基本形式到网页中去，增加网页设计的美感和，满足大众的视觉审美需求。 网页美工与设计流程 1网页设计流程 手绘效果图 1 Photoshop 2设计效果图 Dreamweaver 3 版面编辑 Flash 4网页动画 * 网络应用基础 本课程学习要求 课程特点：实践性和实用性很强。 学习时—— 多做（自已实践为主，教师指导为辅） 多看（“掠人之美”，为我所用） 与老师的关系 —师傅引进门（新手） —互相学习（高手） 充分掌握各种工具性软件 充分利用网络资源 密切注意各种新技术 努力学习各种综合性知识（美术、文学、编排等） 本课程考核： 1平时作业：自选题材做网站(50分) 参考评判标准： 创意设计（布局、色彩、美感） 40% 使用技术 20% 页面编排 20% 占用空间 10% 文档说明（主题，风格，功能，技术等） 20% 2期末上机考试：以课堂涉及到的技术为主 (40分) 3考勤 10 分 网页设计基本理论 1 网页创意设计 2 网页制作的好帮手 3 DREAMWEAVER使用初步 4 进入21世纪，我们进入了一个崭新的信息时代，从传呼机退出历史舞台到3G手机的使用，从电视接收闭路信号到数字电视点播，人类社会正向数字时代的转变。Internet作为信息社会的典型代表，正在全世界进行着越来越深刻的革命。它代表着一种崭新的信息交流方式，它使信息的传播突破了传统的政治、经济、地域及文化的阻隔，使信息传达的范围、速度与效率都产生了质的飞跃。Internet是由成千上万的网站组成，而每个网站都是由诸多网页构成，故网页是构成Internet的基本元素。网页设计是网络视觉信息的编排及归类，这是网页设计的特点，也是身处于信息化、数字化时代的当今设计者所必须具备的基本素质。 网页设计概述 网页从最早的以文字为主的页面，发展到今天图、文、声、像、多媒体并茂的页面，从以静态网页为主，发展到今天可以像博客这样由浏览者定制的交互式动态网页，从实现信息传达功能为主，发展到要求功能与审美兼得页面。“美”与“技术”这两个要素的结合，正是如今网页设计领域研究的中心内容。 网页设计概述 网页设计作为设计学科的一个分支，具有很高的实用价值。它以科学技术和艺术的结合为基础，以外观表现形式为主要手段，谋求网页界面的功能美与形式美，并体现网页的时代感，以优良的设计努力满足浏览者的心理需