资源简介

(共35张PPT)
Plan a class website
动手创建自己的网站
筹划班级网站
CONtents
01
观摩网站
02
明 确 功 能
定 位
03
设 计 内 容
结 构
04
设计版面
观摩网站
THE
Part 01
观摩网站
提供信息资讯
观摩网站
提供信息资讯
观摩网站
展示品牌形象
观摩网站
展示品牌形象
观摩网站
进行交易的
观摩网站
进行交易的
观摩网站
共享信息互动交流
观摩网站
共享信息互动交流
观摩网站
各种功能网站
观摩网站
各种功能网站
各种功能网站
例如：百度、谷歌、必应
163邮箱
共享信息互动交流
例如：微博、贴吧、知乎
进行交易的
例如：淘宝、天猫
提供信息资讯
例如：人力资源与社会保障局
教育局
网站的用途越来越多，筹划制作网站先要进行功能定位。
观摩网站
明确功能定位
THE
Part 02
确定网站名称
明确功能定位
对内，面向同学
记录班级成长足迹
分享点滴收获
构筑友谊纽带
明确功能定位
对外，面向老师、家长
反映本班同学精神面貌
设计内容结构
THE
Part 03
01
选择内容
02
设计栏目
设计内容结构
栏目 主要内容
班级相册 记录同学们的成长足迹。整理保存同学们在校园活动、课堂学习、校外实践的相片或视频
才艺展示 展示同学们的作品。呈现同学们课堂内外的作品，为 同学们提供展示才艺的天地
快乐学习 分享探索成果，共同快乐成长。包括作文选、资料集、收藏夹、休闲区等
通信联络 记录同学们的最新联络方式，满足随时随地的通信查询
03
网页结构图
设计内容结构
设计版面
THE
Part 04
01
02
03
选定版面宽度
合理布局版面
设计色彩方案
设计版面
显示器分辨率不同，看到的网页效果有可能不同。一般以显示器常用分辨率为基准，如：800×600、1366×768等。版面内容不要超过屏幕的宽度。
网站主题标志突出，导航清晰，版面疏密有度，内容分布主次有序，不同栏目的网页版式可以稍有变化。
不同颜色的搭配，能带给人不同的印象。一个网站往往有自己的主色调。
设计版面
网站主题标志突出，导航清晰，版面疏密有度，内容分布主次有序，不同栏目的网页版式可以稍有变化。
设计色彩方案
色彩的选择也是一种主题与个性的表达，不同颜色的搭配，能带给人以不同的印象。
一个网站往往有自己的主色调，在制作网站前应综合考虑网站的主题、访问对象和自身的喜好等，确定一种合适的配色方案。
设计版面
在一般情况下，彩色页面较完全黑白页面更加吸引人。通常主要内容文字用非彩色（黑、白、灰色），边框、背景、图片用彩色。这样，页面整体不单调，看主要内容也不会眼花。
01
02
是一种激奋的色彩。给人以刺激效果，能使人产生冲动、愤
怒、热情、活力的感觉。
红色
是最清新、专业的色彩。它和白色混合，能体现柔顺、淡雅、
浪漫的气氛。
蓝色
03
给人以洁白、明快、纯真、清洁的感觉。
白色
04
给人以深沉、神秘、寂静、悲哀、压抑的感觉。
黑色
设计色彩方案
设计色彩方案
动手
试一试
单击“开始”→“控制面板”→双击“显示”，在打开的窗口的“设置”顶中修改显示器分辨率，在不同分辨率中浏览网页，观察有何不同。
任务：
打开任意官网（如“海澜之家”），浏览网站内容
修改电脑显示分辨率为“800*600”，再次去浏览网站内容，观察有何变化
重新把分辨率改为“1920*1080”
谢 谢 观 看

展开更多......

收起↑