文档介绍：需求总体模板首页日志娱乐相册注册测试设计
分析设计设计设计设计设计设计设计发布总结
单元二网站总体设计
网页设计与制作
学****目标
技能目标
能够根据需求设计网站的总体布局
能够根据客户需求确定网站内容主题
能够根据网站主题确定网站的色调
能根据需要选择合适的设计工具
能够制定基本的网站建设计划
学****目标
知识目标
色彩搭配基础知识
了解网站中常见的布局结构
熟悉网站设计中的常见规范性知识
设计任务
任务【1】“我的博客”网站总体设计
预备学****br/>网站总体设计的主要任务
确定网站内容主题
确定网站主色调:根据网站的内容“三色原则”
小而精
喜爱的内容
不要目标太高
白色的页面是万能的颜色;
页面文字的颜色要与链接的颜色区分开;
有些色彩尽量不要搭配在一起,如蓝色和褐色;
单色彩的页面很有风格;
不要用太多的颜色,尽量控制在三种色彩以内;
背景和前景的对比尽量要大(绝对不要使用花纹繁杂的图案做背景),以便突出文字内容。
预备学****br/>预备学****br/>在800*600分辨率下,网页宽度保持在778以内就不会出现水平滚动条。一般分辨率在800*600的情况下,网页大小设置为780*428px;
1024*768下,网页宽度保持在1002以内就不会出现水平滚动条。一般分辨率在1024*768的情况下,网页大小设置为1007*600px
确定网页规格尺寸--页面宽度
预备学****br/>页面高度(不限制)原则上不超过3屏,高度不超过1屏
横幅规格
横幅是位于网页头部上面,作为展示网站的标志性内容的部分。常见横幅的尺寸包括:全尺寸banner为468*60px,半尺寸banner为234*60px,小banner为88*31px ,另外120*90,120*60也是小图标的标准尺寸。每个非首页静态页面含图片字节不超过60K,全尺寸banner不超过14K。
预备学****br/>广告规格
广告大小
主要用途
120*120
这种广告规格适用于产品或新闻照片展示
120*60
这种广告规格主要用于做LOGO使用
120*90
主要应用于产品演示或大型LOGO
125*125
这种规格适于表现照片效果的图像广告
234*60
这种规格适用于框架或左右形式主页的广告链接
392*72
主要用于有较多图片展示的广告条,用于页眉或页脚
468*60
应用最为广泛的广告条尺寸,用于页眉或页脚
88*31
主要用于网页链接,或网站小型LOGO
预备学****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