《网站的设计》教学设计1_第1页
《网站的设计》教学设计1_第2页
《网站的设计》教学设计1_第3页
《网站的设计》教学设计1_第4页
全文预览已结束

下载本文档

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

文档简介

1/44.2网站的设计学习目的:了解网站设计的基本内容、对自己的主题网站进行结构、栏目设计重点难点:网站设计的基本内容学习方式:实例分析学习任务:欣赏优秀网站,学习本节课的教学内容

学习内容:一、网站设计的主要内容

网站设计一般包括:网站栏目设计、网页版面设计、网页的链接设计(导航设计)等。二、欣赏优秀作品,思考有关问题

1、这些网站是怎样围绕主题展现内容的?

2、这些网站提供了哪些栏目及功能?

3、网站的链接有哪些特色,是否便捷?

4、网站主页有布局、色彩运用有哪些特点?

三、网站的结构设计

制作网站前要设计好网站的栏目。网站的栏目可以有多层,但并不是越多越好,以能够恰当地体现网站主题为好。此外,每个栏目本身应有一个大致的内容描述,以表达该栏目的设计思路,充实整个网站的总体结构设计。

四、网页的版面设计网页的版面设计包括如下两方面:

1、风格设计

风格是指网站的整体形象给浏览者的综合感受。有的严肃,有的清爽温馨,有的深沉厚重等。风格的设计与主题密不可分,是为突出主题服务的。

一种风格的形成需要从多方面着手设计,包括网页布局的整体造型、色彩的搭配、字体图片的样式设置、网站的标志设计等。同一网站内的各网页之间应保持风格的一致、在每个页面的相同位置放置图标、文本块等元素,这样有利于提高浏览速度、并给人以整体感。

2、版面布局设计

网页要呈现的内容很多,概括起来可分为标题信息、栏目信息、内容信息、附加信息等,要进行合理的放置,让人看起来井井有条,主次分明。下图是版面布置的一个例子。\o"点击图片看全图"五、网页的交互设计

用户如何访问网站?怎样从一个位置到另一个位置?怎样防止用户在网站中“迷路”?链接点设计就是要考虑人们在浏览网站时通常有哪些需求,并帮助他快捷地路到所需的页面,实现轻松自如的浏览。

六、给自己的主题网站设

温馨提示

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

评论

0/150

提交评论