网站建设与网页制作_第一章_网页基础知识.ppt

网站建设与网页制作 第1章 网页设计与制作基础 各种色彩分析： ■ 纯度对比 　　 　　结论： 　　页面实际上用了不少颜色，配色大胆。抓住颜色主次冷暖的安排，适度再加上和谐的过渡色灰色，实现了作者对该页面的轻松配色。从多种高纯度的搭配协调能力上看，足可见作者对色彩设计搭配不一般的功底。 　　这类网页配色非常能够体现出一个网站页面产品个性，配色难度大。让人过目难忘。 网站建设与网页制作 第1章 网页设计与制作基础 各种色彩分析： ■ 补色对比 　　将红与绿、黄与紫、蓝与橙等具有补色关系的色彩彼此并置，使色彩感觉更为鲜明，纯度增加，称为补色对比。 　　由冷色系的绿色、蓝色组成大背景环境，纯度较低。前景主要是突出产品、文字信息内容的大红色形成补色对比效果，RGB的R255数值与HSB是H为零，数值显示非常明确，标准的大红色。纯度亮度非常高，达到最高值，加之白色的勾边，使得红色更为凸显，更易于视觉对信息的迅速捕捉。 网站建设与网页制作 第1章 网页设计与制作基础 各种色彩分析： ■ 补色对比 　　 结论： 　　对比色的合理搭配，能拉开前景与背景的空间感，突出页面主体物。尤其是红色在主体物的运用，能迅速传递视觉的效果。 网站建设与网页制作 第1章 网页设计与制作基础 各种色彩分析： ■ 冷暖对比 　　是指不同色彩之间的冷暖差别形成的对比。色彩分为冷、暖两大色系，以红、橙、黄为暖色体系，蓝、绿、紫则代表着冷色系，两者基本上互为补色关系。另外，色彩的冷暖对比还受明度与纯度的影响，白光反射高而感觉冷，黑色吸收率高而感觉暖。 　　右边这几组颜色乍一看感觉鲜艳程度都差不多，但是通过观察它们的数值发现饱和度都有相差，然而明度相近，因此它们给人造成的视觉感受几乎是相同的。该页面冷暖颜色较为丰富，橙和蓝是对比最强烈的补色，其次是倾向不够明显的补色黄、紫。明度不同的两个绿色起到了冷暖视觉的过渡作用。主色调的浅蓝色亮度较高，让页面不易给人沉闷的感觉。 网站建设与网页制作 第1章 网页设计与制作基础 各种色彩分析： ■ 冷暖对比 　　 结论： 　　冷暖对比的应用，通常在休闲娱乐网站、食品网站出现比较多。 网站建设与网页制作 第1章 网页设计与制作基础 各种色彩分析： ■ 面积对比 　　同一种色彩，面积越大，明度、纯度越强，面积越小，明度、纯度越低。面积大的时候，亮的色显得更轻，暗的色显得更重。这种现象称为色彩的面积效果。面积对比是指页面中各种色彩在面积上多与少、大与小的差别，影响到页面主次关系。 　　作为大面积使用的主色调--饱和度和亮度为最高值的橙色，通过适当面积的白色加入协调和平衡了视觉的作用外，主体物的深红纹样的图片点缀着纯度、亮度较高的红色有醒目作用，缩小面积而却又能突出于视觉中心点，疏密构图的对比效果。 网站建设与网页制作 第1章 网页设计与制作基础 各种色彩分析： ■ 面积对比 　　 　结论： 　　大面积的颜色和小面积使用的颜色可以拉开主次关系，位置的正确安排也是一个方面。 网站建设与网页制作 第1章 网页设计与制作基础 1.4 网页色彩搭配知识 1.4.2 网页色彩搭配技巧 色彩的鲜明性 色彩的独特性 色彩的艺术性 色彩的合理性 网站建设与网页制作 第1章 网页设计与制作基础 1.4 网页色彩搭配知识 1.4.3 常见的几种网页配色方案 （略，在实际的应用中讲述） 网站建设与网页制作 第1章 网页设计与制作基础 1.5 网站建设的基本流程 1.5.1 网站的需求分析 1.5.2 规划站点结构 1.5.3 收集素材 1.5.4 设计网页图像 1.5.5 制作网页 1.5.6 开发动态网站模块 1.5.7 申请域名和服务器空间 1.5.8 网站的测试与发布 1.5.9 网站的维护与推广 七星少年 精品课件 网站建设与网页制作 昆明理工大学 七星少年 本课程学习要求 昆明理工大学 课程特点：实践性和实用性均很强的一门课（技能课） 学习要求 ： ●多做（自已实践为主，教师指导为辅） ●多看（“掠人之美”，为我所用） ●充分掌握各种工具性软件 ●充分利用网络资源 ●努力学习各种综合性知识（美术、文学、编排等） 网站建设与网页制作 主 要 内 容 静态网页的设计制作 2 网页基础知识 3 1 动态网站开发设计 3 3 网站的开发和网页的制作实例 4 网站建设与网页制作 第1章 网页设计与制作基础 1.1 网页的基本概念 1.2 网页的基本构成元素 1.