网站规划和设计1.pptVIP

六、首页的设计 　　首页，从根本上说就是全站内容的目录，是一个索引。一般的步骤是：　　　　一).确定首页的功能模块：　　首页的内容模块是指你需要在首页上实现的主要内容和功能。一般的站点都需要这样一些模块：网站名称(logo), 广告条(banner), 主菜单(menu),新闻(what’s new), 搜索(search), 友情链接(links),邮件列表(maillist),计数器(count), 版权(copyright). 　　　　　二).设计首页的版面　　在功能模块确定后，开始设计首页的版面。　　先将你理想中的草图勾勒出来，然后再用网页制作软件实现。　三).处理技术上的细节　 七、版面布局的窍门 设计首页的第一步是设计版面布局。 布局，就是以最适合浏览的方式将图片和文字排放在页面的不同位置。让我们先来了解一下版面布局的步骤： 一.草案，我们建议您用一张白纸和一支铅笔，当然用作图软件photoshop等也可以。 二.粗略布局，将你确定需要放置的功能模块安排到页面上。这里我们必须遵循突出重点、平衡谐调的原则，将网站标志，主菜单等最重要的模块放在最显眼，最突出的位置，然后在考虑次要模块的排放。 三.定案，将粗略布局精细化，具体化。 七、版面布局的窍门 我们可以遵循的原则有：1、正常平衡---亦称“匀称”。2、异常平衡---即非对照形式。3、对比4、凝视5、空白6、尽量用图片解说 ○网页的白色背景太虚，则可以加些色块； ○版面零散，可以用线条和符号串联； ○左面文字过多，右面则可以插一张图片保持平衡； ○表格太规矩，可以改用导角试试。经过不断的尝试，你的网页一定会亮丽起来的哦:)  七、版面布局的窍门 我们可以遵循的原则有：1、正常平衡---亦称“匀称”。2、异常平衡---即非对照形式。3、对比4、凝视5、空白6、尽量用图片解说 ○网页的白色背景太虚，则可以加些色块； ○版面零散，可以用线条和符号串联； ○左面文字过多，右面则可以插一张图片保持平衡； ○表格太规矩，可以改用导角试试。经过不断的尝试，你的网页一定会亮丽起来的哦:)  七、版面布局的窍门 常用的版面布局：1.“T”结构布局。2.“国”字型布局。3.“三”型布局。4.对称对比布局。5.POP布局。其实还有许许多多别具一格的布局，关键在于你的创意和设计了。对于版面布局的技巧，这里提供四个建议： 1.加强视觉效果 2.加强文案的可视度和可读性 3.统一感的视觉 4.新鲜和个性是布局的最高境界 八、色彩的搭配 网页的色彩是树立网站形象的关键之一。 我们通常的做法是：主要内容文字用非彩色(黑色)，边框，背景，图片用彩色。这样页面整体不单调，看主要内容也不会眼花。●非彩色的搭配 黑白是最基本和最简单的搭配，白字黑底，黑底白字都非常清晰明了。 灰色是万能色，可以和任何彩色搭配，也可以帮助两种对立的色彩和谐过渡。●彩色的搭配 八、色彩的搭配 不同的颜色会给浏览者不同的心理感受。红色---是一种激奋的色彩。刺激效果，能使人产生冲动，愤怒，热情，活力的感觉。绿色---介于冷暖两中色彩的中间，显得和睦，宁静，健康，安全的感觉。它和金黄，淡白搭配，可以产生优雅，舒适的气氛。橙色---也是一种激奋的色彩，具有轻快，欢欣，热烈，温馨，时尚的效果。黄色---具有快乐，希望，智慧和轻快的个性，它的明度最高。蓝色---是最具凉爽，清新，专业的色彩。它和白色混合，能体现柔顺，淡雅，浪漫的气氛(象天空的色彩 八、色彩的搭配 不同的颜色会给浏览者不同的心理感受。白色---具有洁白，明快，纯真，清洁的感受。黑色---具有深沉，神秘，寂静，悲哀，压抑的感受。灰色---具有中庸，平凡，温和，谦让，中立和高雅的感觉。 色彩在饱和度，透明度上略微变化就会产生不同的感觉。以绿色为例，黄绿色有青春，旺盛的视觉意境，而蓝绿色则显得幽宁，阴深。○网页色彩搭配的技巧1.用一种色彩。 2.用两种色彩。3.用一个色系。 4.用黑色和一种彩色。 八、色彩的搭配 在网页配色中，忌讳的是：1.不要将所有颜色都用到，尽量控制在三种色彩以内。2.背景和前文的对比尽量要大，(绝对不要用花纹繁复的图案作背景)，以便突出主要文字内容。 九、网页字体的设置 ●字体(Font)的设置是网页制作新手遇到的第一个难点。如何控制字体大小，如何取消超链接字体等。　　○字符集的设定。meta http-equiv=“Content-Type” content=“text/html; charset=gb2312”　gb2312就是我们最熟悉的GB简体码。　　○字体的使用。　　在网页里，字体的定义语句是：font