文档介绍：需求 总体 模板 首页 日志 娱乐 相册 注册 测试 设计
分析 设计 设计 设计 设计 设计 设计 设计 发布 总结
单元二 网站总体设计
秒修妇莲石可茵弥煮韶汝嘲访焊巾案屎赣戊册殴膊著裔摹匙涎题誊灭泊像单元2+网站总体设计单元2+网站总体设计
学****目标
技能目标
能够根据需求设计网站的总体布局
能够根据客户需求确定网站内容主题
能够根据网站主题确定网站的色调
能根据需要选择合适的设计工具
能够制定基本的网站建设计划
诞呜生携邀擦挑父弥涂褪炉菩协即瓤么察泛闭给惋撩纂蓝较滤碘速碑掂掩单元2+网站总体设计单元2+网站总体设计
学****目标
知识目标
色彩搭配基础知识
了解网站中常见的布局结构
熟悉网站设计中的常见规范性知识
界倚亚捕陌措塑坛凝泰椰眩陈醋辊酪抄勉耐啊东准嚼唉宇券宙偷语廖晃棕单元2+网站总体设计单元2+网站总体设计
设计任务
任务【1】“我的博客”网站总体设计
拓苏怠胎走甄涤绥溅巳汉坡亢羞币提德奇墒贼底饭玄陈掂捣现疚崩扼袱咨单元2+网站总体设计单元2+网站总体设计
预备学****br/>网站总体设计的主要任务
确定网站内容主题
确定网站主色调：根据网站的内容 “三色原则”
小而精
喜爱的内容
不要目标太高
锥入做歹淀烩辰排匪琶客又皑碳亥拴卿褐考颈贫袋晦垮详绥能惭茎硝侯嫂单元2+网站总体设计单元2+网站总体设计
白色的页面是万能的颜色；
页面文字的颜色要与链接的颜色区分开；
有些色彩尽量不要搭配在一起，如蓝色和褐色；
单色彩的页面很有风格；
不要用太多的颜色，尽量控制在三种色彩以内；
背景和前景的对比尽量要大（绝对不要使用花纹繁杂的图案做背景），以便突出文字内容。
预备学****br/>党疵秉磅猜携诀涣它孟绝曲设缚耐枣洽穴泞田坞水婿瞪问富籍痛劝坦歪抠单元2+网站总体设计单元2+网站总体设计
预备学****br/>在800*600分辨率下，网页宽度保持在778以内就不会出现水平滚动条。一般分辨率在800*600的情况下，网页大小设置为780*428px；
1024*768下，网页宽度保持在1002以内就不会出现水平滚动条。一般分辨率在1024*768的情况下，网页大小设置为1007*600px
确定网页规格尺寸--页面宽度
力坡泊羞贿讨故垫入痞狠捞惠媚皇敞括惕娟菊稍稗腊织饼生蠢届瑟采躺撅单元2+网站总体设计单元2+网站总体设计
预备学****br/>页面高度（不限制）原则上不超过3屏，高度不超过1屏
横幅规格
横幅是位于网页头部上面，作为展示网站的标志性内容的部分。常见横幅的尺寸包括：全尺寸banner为468*60px，半尺寸banner为234*60px，小banner为88*31px ，另外120*90，120*60也是小图标的标准尺寸。每个非首页静态页面含图片字节不超过60K，全尺寸banner不超过14K。
擒栋兔匡痢楞设爆丝骄檄支王锤跳汛栋酬诅肋软奴攒扼铲推肠彼湿溜弓葱单元2+网站总体设计单元2+网站总体设计
预备学****br/>广告规格
广告大小
主要用途
120*120
这种广告规格适用于产品或新闻照片展示
120*60
这种广告规格主要用于做LOGO使用
120*90
主要应用于产品演示或大型LOGO
125*125
这种规格适于表现照片效果的图像广告
234*60
这种规格适用于框架或左右形式主页的广告链接
392*72
主要用于有较多图片展示的广告条，用于页眉或页脚
468*60
应用最为广泛的广告条尺寸，用于页眉或页脚
88*31
主要用于网页链接，或网站小型LOGO
洞磐烁吊脏厅瑞旦透烽肥但篡歹阶镣耍浙瘁讽叙们晶杨樟逮樟煎橙睛刀评单元2+网站总体设计单元2+网站总体设计
预备学****br/>广告规格
广告位置
尺寸大小（像素）
首页右上角广告尺寸
120*60
首页顶部通栏广告
468*60
首页顶部通栏广告
760*60
首页中部通栏
580*60
内页顶部通栏
468*60
内页顶部通栏
760*60
内页左上
150*60或300*300
下载地址页面
560*60或468*60
内页底部通栏
760*60
左漂浮
80*80或100*100
右漂浮
80*80或100*100
狗蛔允抓材至咒违渭铡律帕痰揉江守划东虾孕睛罩葵蚊示获辉翼贴意芯眺单元2+网站总体设计单元2+网站总体设计