7-3.4课程教学课件(网页设计与制作).

1、第一章网页赏析第二章网站规划与创建第三章初识 dreamweaver8 第四章插入网页元素 第五章建立超级链接网页设计与制作第一章网页赏析11 网页概述1.2 网站概述13 优秀网站赏析1.4 网页的艺术设计1.1网页概述网页的定义网页的定义网页，是由 HTML 或者其他语言编写的, 通过 WEB 浏览器编译后供用户获取信息的 页面，也称 WEB 页。嗚舸曲加纬农 浙#11 rtx IACI暫JC aX O A- 0rJat-UHW _心twfi：Qu*s B:l G*3 考虑浏览者的软硬件支持 4 内容第一主页设计的重点原则主页设计的重点原则1 着手规划、确定特色、锁定目标2主页很重要（干净

2、清爽）3栏目的归类4 互动性5 图片应用技巧6 背景底色7.HTML 格式的注意事项尊重浏览者的体验8 避免滥用技术Q.RT斗Mg | Rdau：g屋池D Sr* E7CT网页版面布局原则网页版面布局原则1、正常平衡2、异常平衡3、对比4、凝视5、空白6、尽量用图片解说-（转载自广告大师樊志育广告制作）正常平衡BUSINESS CO.M4 ufcvwDtfsapa nv KtXABWMa WV小ErhixeK” S btiUrwuconfuteAMHSHfXUVPI：刃5Wabout w&一 MWUITVKMaMurOFYW Are &Q.RT斗Mg | Rdau：g屋池D Sr* E7CTW

3、rp*vVwrrroer“crr*.htwMA6UTKNO4lt4 i JA r；UIIOW COMTAXTkrruvy4M*UCS2 . 儿Md *ry.ixoeosR irf e异常平衡PHOTO PORTFOLIO HaXTMTHJIIbHJIIbwlxtwlxt f43f43 T T t t 9393 . C3XC3X t-t- X5WXA : : r.ir.i * * * *HW?*?:1WM?wyo*5qHW?*?:1WM?wyo*5qCB1CB1 1?TA*?TA* - - ea!=$09?xm:09?xm: : :? ? xlfirrxlfirr aasay:say:ETET

4、f f Nerwr=wNerwr=w尽量用图片解说网页色彩设计网页色彩设计暖色：象征着太阳、火焰，给人感觉热烈、火热，如红色、橙色、黄色。冷色：象征着森林、大海、蓝天，给人感觉 安静、冰冷，如绿色、兰色、黑色。中间色：灰色、紫色、白色（冷色调的亮度越高越偏暖，暖色调的亮度越高越偏冷。）BLUE SKY DESIGNVWH : m netA9 :网页配色方案网页配色方案1 邻近色：是指色环上已给定的颜色邻近的 任何一种颜色。红色： 热情、橙色：光明、:明朗、 绿色：新鲜、 蓝色：深远、 紫色：优雅、 白色：纯洁、 灰色：忧郁、 黑色：崇高、活泼、热闹、华丽、兴奋、愉快、高贵、平静、和平、永恒、沉

5、静、高贵、魅力、纯真、朴素、消极、谦虚、坚实、严肃、温暖、幸福、甜蜜、快乐 希望柔和、 安逸、理智、诚实、 自傲神圣、明快 平凡、沉默、 刚健、粗莽吉祥青春寒冷中邻近色主题可以实现色彩的融洽、融合，避 免网页色彩杂乱，易于达到页面的和谐统一。2补充色（对比色）：是指色环中的直接位 置相对的颜色。Ewryons对比色可以突出重点，产生了强烈的视觉效果，通 过合理使用对比色能够使网站特色鲜明、重点突出。 在设计时一般以一种颜色为主色调，对比色作为点 缀，可以起到画龙点睛的作用。3分离补色：补色旁的一种或多种（23 种） 颜色可以构成一组分离补色 c4 组色：组色：色环上距离相等的任意 3 种颜色。

6、网页色彩搭配网页色彩搭配1主色2 辅色3背景色（支配色）4强调色（点睛色）当前主色：主色：是指展示网站形象和延伸内涵的色调。基本原则：主色调包含的色彩不宜超过 3 种。 厂网站标志标题主菜单I 大色块背景色：背景色：整体印象的体现。细花纹：安静、沉稳图案：趣味、高格调I 对比色：传统、信心十足点睛色点睛色: :r 整体色调越压抑，点睛色越有效果I 点睛色使用面积越小、色彩越鲜艳，着重 效果越强网页配色赏析网页配色赏析me portfoliosproductsR 102 200* R O Harsa Soo” o ioD.2O2 6 ao*. B-75 B 55%主色洌背绘色R t2M,。2 R

7、 2S1 M Q-R 243 K B R 21M2*G：1D3 &GGM.O 1Q2 弘O_2gS8*038 8%O 2900 99X*O 2= o 8B*B 2488* B 127 B.X%Diora AoceaaorveaABCZTTYo主色迥辅色凋o主色凋辎色週点時色R G6H ISO*R 30H 201-R 2S6 H O-o. i0.0. 1XZKE 1OB BSJ%B 207 B 81UB.OB. 1OO1CXTHR 255 r xh0:18:8忆G;0DOVWanoonB 20*. o主色凋R 117 H M0:172 6:63%B 30 B点猎色R 292MLU “ S 34%

8、B 40 B 3%背:&色R 106 MQ 190 O 8Xn 204配配色建议色建议红色:1、在红色中加入少量的黄，会使其热力强盛，趋于 躁动、不安。2、在红色中加入少量的蓝，会使其热性减弱，趋于 文雅、柔和。3、在红色中加入少量的黑， 会使其性格变的沉稳，趋于厚重、朴实。4、在红中力 入少畫的白， 会使其性格变的温柔， 趋 于含蓄、羞涩、娇嫩。黄色：1、加入少量的蓝，会使其转化为一种鲜嫩的绿色。其高傲的性格也随之消失，趋于一种平和、潮润 的感觉。2、加入少量的红，则具有明显的橙色感觉，其性格 也会从冷漠、高傲转化为一种有分寸感的热情、 温暖。3、加入少量的黑，其色感和色性变化最大，成为一

9、种具有明显橄榄绿的复色印象，其色性也变的成 熟、随和。4、加入少量的白，其色感变的柔和，其性格中的冷 漠、高傲被淡化，趋于含蓄，易于接近。蓝色的色感较冷，性格朴实而内向，是一 种有助于人头脑冷静的色。蓝色的朴实、内向性格，常为那些性格跃、 具有较强扩张力的色彩，提供一个深远、广 埔、平静的空间，能够很好地衬托活跃色彩。蓝色还是一种在淡化后仍然似能保持较强 个性的色。如果在蓝色中分别加入少量的红、 黄、黑、橙、白等色，均不会对蓝色的性格 构成较明显的影响力。绿色：1、在绿色中黄的成份较多时，其性格就趋于活泼、友善，具有幼稚性。2、在绿色中加入少量的黑， 其性格就趋于庄重、 老 练、 成熟。3、在绿色中加入少量的白， 其性格就趋于洁净、 清 爽、 鲜嫩。紫色：1、在紫色中红的成份较多时，其知觉具有压抑感、 威胁感。2、在紫色中加入少量的黑， 其感觉就趋于沉闷、 伤 感、 恐怖。3、在紫色中加入白，可使紫色沉闷的性格消失，变 得优