DIV+CSS网页制作实战第03次课(2课时)网站的分类与用色基础.pptxVIP

课次 3 课时 2 教具 投影仪 项目 项目1 网站建设基础知识 任务 任务1.2 网站的分类与用色基础 知识点 1. 网站的分类（30分钟） 2. 网页配色原则（60分钟） 重点 网页配色原则 难点 无 备注 上机操作90分钟 / 16 1 / 16 2 任务1.2 网站的分类与用色基础 1．2．1 任务分析（网站类型、受众人群特点选择用色） 1．2．2 网站的分类 1. 门户网站 2. 行业网站 3. 交易网站 4. 分类信息网站 信息丰富、更新及时、访问量大。如新浪、搜狐、网易、腾讯等。 以某一个行业内容为主题的网站，通常包括行业资讯，行业技术信息，产品广告发布等。 主要包括B2B、B2C、C2C等类型，以在网站产生销售为目的。如阿里巴巴、淘宝、京东等。 互联网的集贸市场，有人发布信息销售产品，有人购买物品。分类信息主要面向同城，是同城产品销售的重要平台。如58同城、百姓、列表等。 / 16 3 5. 论坛 6. 政府网站 7. 功能网站 8. 娱乐网站 9. 企业网站 10. 个人网站 11. 主题网站 实现交流的功能。 政府对外发布信息的平台。由政府和行政事业单位主办，内容权威。电子政务是互联网的重要应用。 提供某一种或者几种功能，比如站长工具、电话手机号码查询、物流信息查询、火车票购买等。 包括视频网站（优酷、土豆）、音乐网站、游戏网站等。网站浏览量大，以视频、游戏娱乐为突出。 包括企业新闻动态、产品信息、企业简介、企业联系方式等。是企业对外展示及销售产品的窗口。 规模较小，主题比较单一，但可以做得比较唯美。例如表现情感、文学、艺术等方面的感悟与交流等。 深度介绍某种军械或某种动植物的知识，通常是这类知识的发烧友或骨灰级玩家所办。 / 16 4 1．2．3 网页配色原则 色彩对于浏览者是非常敏感的，是树立网站形象的关键之一。网站的类型不同、表现的主题内容不同、网页浏览的人群不同，这些都对页面配色有着不同的要求。 1. 色彩的形成 （1）颜色是由光的折射而产生的。 （2）所有色彩都可以用红、绿、蓝这三种色彩调和而成。html语言中的色彩表达即是用这三种颜色的数值表示。例如：bgColor=#FFFFFF是指背景色为白色。 （3）颜色分非彩色和彩色两类。 非彩色即黑、白、灰色系。彩色即除了非彩色以外的所有色彩。 （4）任何色彩都有饱和度和透明度的属性，属性的变化产生不同的色相，所以能表现出几百万种色彩。 / 16 5 2．色环 色环就是将彩色光谱中的长条形色彩序列首尾连接在一起，使红色连接到另一端的紫色。色环通常包括 12 种不同的颜色，如图所示。 / 16 6 （1）基色 基色是最基本的颜色，通过按一定比例混合基色可以产生任何其它颜色。现在大多是用红、绿、蓝（RGB模式）作为基色进行颜色显示（加色法）。如果使用彩色喷墨打印机，就有四种颜色墨水：青、品红、黄、黑（CMYK模式）。因为计算机显示器使用加色原理，而打印机使用减色。显示器发射彩色光线，而纸张上的墨水则从它反射的光中吸收了某种颜色（减色法）。 （2）次生色 混合色环中任何两种邻近的基色可获得另一种颜色，这些颜色即是次生色：青、品红和黄。加色法中的次生色就是减色法中的基色，同样可以推断出，减色法中的次生色也就是加色法中的基色。这就是加色模式和减色模式之间的相互关系。 （3）三次色 为了完成色环，再次找到已填入色环的颜色之间的中间色。幸运的是，这些三次色对于加色法和减色法都是相同的。 / 16 7 3．颜色之间的相互关系。 （1）相似色 给定颜色旁边的颜色。相似色可以提供颜色的协调和交融，比较自然。 （2）互补色 也称为对比色（反差最大）。互补色在色环上相互正对。如果希望更鲜明地突出某些颜色，则选择对比色。如黄色和蓝色。 （3）分列的互补色 一种颜色，先找到它的互补色，该互补色两边的两种颜色即是。 （4）三色组 三色组是色环上等距离的任何三种颜色。在配色方案中使用三色组时，颜色对比均比较强烈。如基色和次生色均是三色组。 （5）暖色 暖色由红色调构成，给人以温暖、舒适、有活力的感觉。如红色、橙色和黄色。这些颜色产生的视觉效果使其更贴近观众，并在页面上更显突出。 （6）冷色 冷色来自于蓝色调，如蓝色、青色和绿色。这些颜色使配色方案显得稳定和清爽。它们看起来还有远离观众的效果，所以适于做页面背景。 / 16 8 4．色彩的三要素 （1）明度。是指色彩的明暗程度。光的明暗度称亮度。明度由光的振幅决定。振幅宽亮度就高。 （2）色相。是色彩的相貌，是一种色彩区别