网站名称 栏目名称
班级介绍 班级故事 校园图书馆 非常不一班
内容描述
简介班级情况 介绍班级的好人好事 介绍学校的图书馆
李明的博客
班级人物 站点内服务
介绍李明的个人博客
介绍班级的优秀学生 给浏览者留出发表意见的 空间
一、栏目设置
任务一：分组确定网站主题，并围绕主题设计网站的栏目 小组中的每位同学经过讨论、交流，填写以下内容
常见样式 特点 布局形式
自由式
自由式： 优点：漂亮、吸引人，适 又称POP布局，页面布局像 宜于艺术类网站 一张宣传海报，以一张精美 缺点：显示速度慢，文字 图片作为页面的设计中心， 信息量少 菜单栏目自由摆放
参考示例
二、版面设计
标题栏（网站标志及广告条） 栏目设置 内容设置
小结
一、栏目设置 紧扣主题 有吸引力 方便浏览者查询 二、版面设计 主次分明 井井有条 页面布局合理
网站主题： 网站名称： 网站栏目名 称 本栏目主要内容
二、版面设计
常见样式 特点 布局形式 “厂”字型 优点：页面结构清晰， 页面顶部为主菜单以及横 主次分明； 条网站标志+广告条，下方 缺点：呆板，如果细节 左面为主菜单，右面显示 色彩上不注意，容易“看 内容的布局 之无味”
参考示例
主菜单以及横条网站标志+广告条
网站名称： 栏目设置
一、栏目设置
栏目设பைடு நூலகம்需注意：
（1）要紧扣主题，尽可能删除与主题无关的栏目
（2）尽可能将网站最有吸引力的内容列在栏目上
（3）尽可能方便访问者的浏览和查询。如：设置“本站指 南”或“网站地图”栏目可以帮助初访者快速找到他们想 要的内容
一、栏目设置
思考：下面是一个班级主页的栏目设置，哪些地方设 计不合理？还可以为这个班级主页添加一些栏目吗？
主菜单
主要内容
二、版面设计
常见样式
“口”字型 页面一般上下放主菜单和 广告条，左面是主菜单， 右面放友情链接等，中间 是主要内容
特点
优点：充分利用版面，信息量 大，与其他页面的链接多，切 换方便； 缺点：页面拥挤，不够灵活
布局形式
主菜单
友情链接等
参考示例
主 菜 单 和 广 告 条
主要内容
二、版面设计
4.2
网站的设计
高青一中 张丽丽
学习目标：
一、了解网站设计的基本内容
二、依据主题，设计网站的栏目和版面 三、通过设计主题网站，体验设计在建立网 站中的重要性
设计制作一个网站，应该从哪些方面着手？ 一、确定主题 二、栏目设置
三、版面设计
四、树立网站整体风格 五、收集素材
网站实例欣赏
网站主题：
展示、推广学 生文学原创作 品，给华语文 学爱好者提供 交流的平台