4.2.1栏目设置VIP专享VIP免费

一、复习网站开发的一般过程：1、基本概念2、网站的需求分析(目标、对象、投入等)3、确定网站的主题4、确定网站的名称5、选择网页制作工具新课引入网站设计是将网站由蓝图变为现实的第一个步骤，是搭建网站整体结构的过程，它可以使接下来的工作更加有的放矢。那我们到底如何来对网站进行设计呢？网站实例欣赏http://www.chinamp3.com/网站名称：网站主题：展示、推广中学生文学原创作品，提供华语文学爱好者交流的平台栏目设置网站名称：网站主题：一个学生研究小组对泰山石刻历史和保护为课题主题研究成果展示。栏目设置网站实例欣赏第一、栏目设置网站的制作就好比写一篇文章，首先要拟好提纲，文章才能主题明确，层次清晰，所以，主题选好后，网站设计的第一步要设置栏目。下面以制作“机器人做学玩”网站为例。“机器人做学玩”网站的栏目设置名称一级栏目二级栏目描述机器人做学玩机器人博览成长历史回顾机器人的发展历史，关注机器人的未来发展趋势动态关注机器人概述各家定义介绍对机器人的各种定义，展示目前机器人的几大种类分门别类机器人文化人机互动展现人类关于机器人的种种联想，机器人与人类的共同发展浮想联翩机器人比赛群雄逐鹿介绍近年来的机器人制作赛事和机器人制作的成功案例设计制作站点服务网站地图方便访问者的浏览，给浏览者留出发表自己意见的空间版权申明论坛留言板栏目设置需注意：（1）要紧扣主题，尽可能删除与主题无关的栏目（2）尽可能将网站最有吸引力的内容列在栏目上（3）尽可能方便访问者的浏览和查询。如：设置“本站指南”或“网站地图”栏目可以帮助初访者快速找到他们想要的内容任务一：设置网站的栏目。要求：填写“任务文档.doc”中的任务一中的表格。第二、版面设计网海茫茫，能够吸引我们眼球的只有那些有特色的网页，大量的网页引不起网民的兴趣，究其原因，站点内容是否丰富是其中一个方面，而网页的版面设计是否精美也是重要因素之一。版面结构是指将不同元素巧妙排列的方式，合理的版面结构能够使浏览者清楚、容易地理解作品传达的信息。布局就是以最适合浏览的方式将图片和文字排放在页面的不同位置。网页要呈现的内容很多，如何合理地放置信息，使之井井有条、主次分明是版面布局需要考虑的问题。常见页面布局样式(第一种)常见样式特点布局形式“厂”字型页面顶部为主菜单以及横条网站标志+广告条，下方左面为主菜单，右面显示内容的布局优点：页面结构清晰，主次分明；缺点：呆板，如果细节色彩上不注意，容易“看之无味”参考示例主菜单以及横条网站标志+广告条显示内容主菜单常见页面布局样式(第二种)常见样式特点布局形式“口”字型页面一般上下各有一个广告条，左面是主菜单，右面放友情链接等，中间是主要内容优点：充分利用版面，信息量大，与其他页面的链接多，切换方便；缺点：页面拥挤，不过灵活主菜单广告条主要内容友情链接等参考示例常见页面布局样式(第三种)常见样式特点布局形式自由式：又称POP布局页面布局像一张宣传海报，以一张精美图片作为页面的设计中心，菜单栏目自由摆放优点：漂亮、吸引人，适宜于艺术类网站缺点：显示速度慢，文字信息量少页面布局像一张宣传海报，以一张精美图片作为页面的设计中心，菜单栏目自由摆放。参考示例怎样设计版面？一般来说，网页版面布局可按创意草案、粗略布局、最后定案三个步骤来进行。下面我们来看“机器人做学玩”网站的版面布局图：标题栏（网站标志及广告条）子栏目名称主要内容内容提示附加信息第三、树立网站整体风格网站风格粗犷豪放清新秀丽温文尔雅执着热情第一步：设计、制作一个网站的标志（logo）标志可以是中文、英文字母，可以是符号、图案，可以是动物或者人物等。标志的设计创意来自你网站的名称和内容。一般来说，设计标志有这样几种方法：（1）选择与网站主题有关的，并具有代表性的人或物，用它们为设计蓝本，加以卡通化和艺术化。如搜狐网站的狐狸尾巴（2）对于专业性的网站，可以是本专业有代表的物品作为标志，比如中国银行的铜板标志。（3）最常用和最简单的方式是用自己网站的中文或英文名称作标志。采用不同的字体、字母的变形...