情境二任务一版面布局企业网站-河北经济管理学校.PPTVIP

网站建设主要学习内容 任务1：版面布局企业网站 任务1：版面布局企业网站 任务1：版面布局企业网站 任务1：版面布局企业网站 任务1：版面布局企业网站 任务1：版面布局企业网站 任务1：版面布局企业网站 * * 网站建设 河北经济管理学校 网站建设 学习情境二： 企业网站制作 学习情境三： 商业网站制作 学习情境一： 教育网站制作 Dreamweaver页面 的总体设计 学习活动一： 网页配色 学习活动二： 网页布局设计 网页布局类 型及尺寸 学习目标：能策划网站，能对网页进行总体设计、配色并懂得色彩 搭配技巧，能对网页色彩进行分配，通过使用布局方案能布局网页 版面 学习重点：网页配色原理、网页版面布局 学习过程：配色技巧 一、学习活动背景 在网站建设中，网站的布局设计可以说是非常重要，可以说一个 好的网站布局是一个网站的灵魂，它不仅可以使访问者产生最直 观的视觉感受，也能同时拉近网站与访问者的距离，提高访问者 理解的准确度。网站需要创意的表达形式，而网站设计同样需要 创意的灵动感悟和网站设计形式。将网站的创意延伸到网站设计 的创意，找到创意与品牌的最佳契合点，帮助高端品牌在互联网 上绽放出新的生命。 三、学习活动实施 1、会利用网页配色原理对网页进行配色设计。 1）网页配色原理 2）如何分配网页色彩 3）网页色彩搭配技巧 对于网页色彩搭配需要注意以下几点： ① 色彩鲜明：网页的色彩要鲜明，容易吸引眼球。 ② 色彩独特：色彩要与众不同，使得大家对该网页印象深刻。 ③ 色彩合适：在做到与众不同时，还要做到和想表达的内容气 氛相符合和协调， 如饮食类网站大多数采用绿色、橙色、红色，体现饮食文化。 ④ 色彩联想：色彩的不同产生不同的联想，红色会想到革命、 党、喜事；蓝色 会想到海洋、天空；黑色则会想到幽灵、黑夜、选择色彩要和 网页的内涵想关联。 前面讲了色彩搭配原理，下面在介绍网页色彩搭配的使用技巧。 一个网站如果只用一种颜色，其视觉效果可能会比较单调，但 是如果在站点中运用颜色太多，也会适得其反，让人觉得轻浮、 花哨，没有主题。一个网站一般应该有1-2中颜色为主题色，这 样就可以确定网站的主题，突出主题是设计者必须考虑的问题之 一。 ①使用同一色系：选定一种颜色后，调整明暗度或者饱和度， 产生新的色彩，用于网页的不同位置，从而使页面看上去色彩 统一，又有层次感。 ②巧用对比色：先选定一种色彩，然后选择其对比色，再通过 调整饱和度使其达到和谐，使整个页面色彩丰富、主题突出。 ③ 使用相近色：简单地说，就是使用相似的色彩，如淡蓝、 淡黄、淡绿、或者土黄、土灰、土蓝。 ④使用万能色搭配一种色彩：黑色灰被称为万能色，同样可以 利用它和任何一种色彩搭配，搭配的效果依然感觉比较和谐， 有时可以配出很“跳”的感觉，如黑色背景配上红字。 在网页配色中，以下几个方面值得设计者注意。 ⑤ 不要将所有颜色都用上，尽量控制在4中颜色内。 ⑥背景和前文的对比度尽量要大，绝对不能用花纹繁 杂的图案作背景，以便突出主要文字。 学习活动检查、评价 说明：评价分为四个等级，分别为“优、良、一般、差”等级，其中“教师评价”为总评结果。 总结：本次主要讲述了站点的搭建与管理 会应用网页配色技巧 会分配网页色彩 专业实训能力 理解网页配色原理 专业知识点 教师评 互评 自评 评价要点 *