网页设计与网站建设.ppt

网页设计与网站建设第四章综合案例目录4.2网站的规划4.2.1网站的需求分析需求分析案例实战14.2.2网站整体风格定位举例：4.2.3网站内容组织实战2：确定网站风格，规划网站栏目4.3网站整体设计整体设计目的——与众不同Logo色彩(重点、难点）字体标语1、优秀logo欣赏——四大门户网站2、色彩设计（1）色彩搭配原理：（2）色彩搭配技巧：一种颜色的渐变两种颜色同类色黑色和绿色（3）注意事项：（4）常用配色方案：3、字体设计4、网站的宣传标语请为你的网站进行整体设计（按顺序）色彩方案(4种)标准字体logo宣传标语，及包含网站主题及标语的banner并说明设计思路，说明你是如何突出网站风格的如果用一句话来描述你的站点，应该是（）有创意、有实力、有美感、有冲击力想到你的站点，可以想到的颜色是（）热情的红色、幻想的天蓝色，……想到你的站点，可以联想的画面是（）杂货店、书店、……如果网站是一个人，他拥有的个性是（）活泼可爱的儿童、思想成熟的中年人、……作为站长，你希望给人的印象是（）敬业、认真负责、有深度、直爽、……用一种动物做比喻，你的站点是（）兔子（聪明敏感）、狮子（自信威武）、……浏览者觉得你和其他网站不同（）可以信赖、信息最多、交流方便4.3.2网页布局与制作一、“T”结构布局(2列结构)：二、同字/国字型/口型布局三、“三”型布局三、POP型、封面型、flash型布局（1列）五、什么样的布局是最好的？“T”布局——左右两列采用黄金分割“国”/“同”/“口”型布局的上、中、下分割——同样不能平分，一般来讲中间占大约百分之六十。而上面占百分之三十，下面占百分之十。即下面是上面的三分之一，上面是中间的三分一。“国”/“同”/“口”型布局的左、中、右分割——左占百分之四十，中右各占百分之三十。或是左右占百份之三十，中间占百分之四十。也可以进行532、622、442、的分配。无论是上、下还是左、右都要尽量避免平分的局面。实战：设计网站各级页面的布局4.3.3导航系统1、全局导航2、局部导航3、其它导航有关导航栏的位置实战：设计网站的导航4.3.4首页设计关于第一屏视觉中心举例首页设计要注意的问题特别提示实战：设计首页4.4模板与库实战：创建模板4.4模板与库实践：库的创建4.5行为本章小结