网站的设计-建立自己的主题网站_第1页
网站的设计-建立自己的主题网站_第2页
网站的设计-建立自己的主题网站_第3页
网站的设计-建立自己的主题网站_第4页
网站的设计-建立自己的主题网站_第5页
已阅读5页,还剩7页未读 继续免费阅读

下载本文档

版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领

文档简介

4.2网站的设计高青一中

张丽丽一、了解网站设计的基本内容二、依据主题,设计网站的栏目和版面三、通过设计主题网站,体验设计在建立网站中的重要性学习目标:设计制作一个网站,应该从哪些方面着手?一、确定主题二、栏目设置三、版面设计四、树立网站整体风格五、收集素材网站实例欣赏网站名称:网站主题:展示、推广学生文学原创作品,给华语文学爱好者提供交流的平台栏目设置栏目设置需注意:(1)要紧扣主题,尽可能删除与主题无关的栏目(2)尽可能将网站最有吸引力的内容列在栏目上(3)尽可能方便访问者的浏览和查询。如:设置“本站指南”或“网站地图”栏目可以帮助初访者快速找到他们想要的内容一、栏目设置网站名称栏目名称内容描述非常不一班班级介绍简介班级情况班级故事介绍班级的好人好事校园图书馆介绍学校的图书馆李明的博客介绍李明的个人博客班级人物介绍班级的优秀学生站点内服务给浏览者留出发表意见的空间思考:下面是一个班级主页的栏目设置,哪些地方设计不合理?还可以为这个班级主页添加一些栏目吗?一、栏目设置任务一:分组确定网站主题,并围绕主题设计网站的栏目小组中的每位同学经过讨论、交流,填写以下内容

网站主题:网站名称:网站栏目名称本栏目主要内容一、栏目设置常见样式特点布局形式“厂”字型页面顶部为主菜单以及横条网站标志+广告条,下方左面为主菜单,右面显示内容的布局优点:页面结构清晰,主次分明;缺点:呆板,如果细节色彩上不注意,容易“看之无味”参考示例主菜单以及横条网站标志+广告条主要内容主菜单二、版面设计常见样式特点布局形式“口”字型页面一般上下放主菜单和广告条,左面是主菜单,右面放友情链接等,中间是主要内容

优点:充分利用版面,信息量大,与其他页面的链接多,切换方便;缺点:页面拥挤,不够灵活主菜单主菜单和广告条主要内容友情链接等参考示例二、版面设计常见样式特点布局形式自由式:又称POP布局,页面布局像一张宣传海报,以一张精美图片作为页面的设计中心,菜单栏目自由摆放优点:漂亮、吸引人,适宜于艺术类网站缺点:显示速度慢,文字信息量少自由式参考示例二、版面设计二、版面设计标题栏(网站标志及广告条)栏目设置内容设置小结一、栏目设置紧扣主题

温馨提示

  • 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

评论

0/150

提交评论