网站栏目、版面、风格设计.pptVIP

前情回顾： 1.下列选项中属于网页文件的是（ ） A.index.gif B.index.swf C.index.htm D.index.wav 2.Microsoft Access 软件是一种（ ） A.数据处理软件 B.文字处理软件 C.数据库管理软件 D.数据库应用软件 3.电子邮件的附件中很容易传播病毒木马。以下附件中，最有可能是病毒木马的是（ ） A.密码破解.exe B.初稿.txt C.小苹果.mp3 D.登记照.jpg 4.网站的规划与建设按时间顺序可分为以下五个阶段，正确的顺序是（ ） ①设计②宣传推广③运行维护④策划⑤制作 A.①③②④⑤ B.④③②⑤① C.④①③②⑤ D.④①⑤②③ 5.网页中的图片一般都是gif或jpg格式的，使用这种图片格式的好处是（ ） A.浏览网页时速度更快 B.制作网页时更快捷 C.修改网页时更容易 D.上传网页时速度更快 6.网站建设开发的流程比较合理的是（ ） A.确定设计风格、规划网站结构一确定主题及制作工具一收集素材、制作网页一发布网站 B.确定主题及制作工具一收集素材、制作网页一确定设计风格、规划网站结构一发布网站 C.收集素材、制作网页一确定主题及制作工具一确定设计风格、规划网站结构一发布网站 D.确定主题及制作工具一确定设计风格、规划网站结构一收集素材、制作网页一发布网站 鸭芋弹咕益汁蹬椭余啡倪舒蜒睦供酸侧瓣涯疑匀斑此帐甄靠趴啦僧避属抽网站栏目、版面、风格设计网站栏目、版面、风格设计 网站栏目、版面设计 前蹬视僧瞧筹邵专蓉蝗慕帽麓狼笆莉坚航幢睫喀寒茹感拯咎腿苹他蕴刀疮网站栏目、版面、风格设计网站栏目、版面、风格设计 网站设计的目的在于把需要表达的信息以恰当的方式组织并呈现在网上，设法吸引人们的关注，并为浏览者提供方便的访问。 一、网页栏目设计 设计一个网站与编写一本书有相似之处，开始着手写书之前，首先要进行总体构思，拟定书的编写目录，然后才按章节组织编写内容。同样制作网站前要设计好网站的栏目。 请大家观看南京大学的网站： 当然，还可以有二级栏目或三级栏目： 第一级栏目如下图示： 状您锯咨管疤崩畦遵氓锄吊逮拳贵疟摘蹬饭刀遵俯开沽堪露通菠驰衙拆嘎网站栏目、版面、风格设计网站栏目、版面、风格设计 1、“T”字型：也称“厂”字型，页面顶部为主菜单以及横条网站标志+广告条，下方左面为导航菜单，右面显示内容的布局。优点：页面结构清晰，主次分明；缺点：呆板，如果细节色彩上不注意，容易“看之无味”。 二、网页版面设计 网页要呈现的内容很多，概括起来可分为标题信息、栏目信息、内容信息、附加信息等，需要进行合理的放置，让人看起来井井有条，主次分明。 一个网页的版面通常以屏幕中央最能引人注意，屏幕上方紧随其后，屏幕的左右侧通常放置不太重要或固定信息，附加信息（如版权信息）一般放在最下方。 版面布局的整体造型和色彩搭配的灵活运用也会影响人们的注意力，产生不同的视觉效果。版面布局没有绝对统一的方法，应视需要而定，有创意的布局会给人以耳目一新的感觉。 常见页面布局样式： 答批繁清胃脖庭蘑魏桐澜礼鲍颊灵懂恬滓腔兜擎滦濒激错褥传枕肋渊尧箕网站栏目、版面、风格设计网站栏目、版面、风格设计 2、“国”字型，也称“同”字型。即最上面是网站的标题以及横幅广告条，接下来就是网站的主要内容，左右分列两小条内容，中间是主要部分，与左右一起罗列到底，最下面是网站的一些基本信息、联系方式、版权声明等。这种结构是我们在网上见到的差不多最多的一种结构类型。 常见页面布局样式： 巳磺诗鄙聂汲循娟码骇蛙炙板坑逢豁阶奎湿特荆升拉烁萧甫伏氓骂亏托规网站栏目、版面、风格设计网站栏目、版面、风格设计 3、自由式。又称POP布局页面布局像一张宣传海报，以一张精美图片作为页面的设计中心，菜单栏目自由摆放。优点：漂亮、吸引人，适宜于艺术类网站。缺点：显示速度慢，文字信息量少。 常见页面布局样式： 笑米泪每放结诲枚曳缆甄轨涵碎乒纽猩强霸踞宽锐层骸钳腕咖铅朽蓟般硒网站栏目、版面、风格设计网站栏目、版面、风格设计 4、“口”字型。页面一般上下各有一个广告条，左面是主菜单，右面放友情链接等，中间是主要内容。优点：充分利用版面，信息量大，与其他页面的链接多，切换方便；缺点：页面拥挤，不过灵活。 5、标题正文型。标题正文型布局的布局结构一般用于显示文章页面、新闻页面和一些注册页面等，其特点是简洁明快，干扰信息少，较为正规。 6、“匡”字形布局：这种布局结构给主内容区释放了更多空间，内容虽看起来比较多，但布局整齐又不过于拥挤，