网站规划设计.ppt

网站规划,信息技术组,基本概念,问题：什么是网站？网站就是网页和网页上所用到的各种素材的集合体。,构成一个网站的基本元素是各种各样的文件以及存放这些文件的文件夹。,网页文件，用来描述资结构、位置，引导浏览者访问该网站，通常以“.htm”或者“.html”为扩展名。,网页文件所连接到的图像、音频与视频等资源文件,Web数据库和程序文件,基本概念,网页（Page）网页是用HTML语言写成的文件，它存放在某一台计算机中，而这台计算机必须是与因特网相连。主页（HomePage）主页是通常用来表示访问某个网站时出现的第一个页面，用来对整个网站进行概括性的介绍，描述其他各个页面的内容的。,基本概念,网站的结构网站是由网页组成的，网站是网页的集合体，网页是网站的元素。网站的结构主要有三种类型：,树状结构,线性结构,网状结构,选择网页制作工具,HTMLHTML语言是万维网上的通用语言。,HTML超文本标记语言，是WWW的描述语言，万维网上的通用语言，以开始以结束。,选择网页制作工具,为了使网页制作得更加精美，还需要一些辅助工具：图像处理工具：Photshop、Fireworks动画处理工具：Flash视频处理工具：VideoPack,网页制作工具：FrontPage、Dreamweaver,建立站点文件夹,同一个网站的文件及文件夹需放在同一个文件夹中。,网站的文件及文件夹,网站设计,栏目设置,网站栏目安排要注意以下几个方面：（1）要紧扣主题，尽可能删除与主题无关的栏目。（2）尽可能将网站最有吸引力的内容列在栏目上。（3）尽可能方便访问者的浏览和查询。,栏目设置例子,主题:灯栏目:灯的发展灯的文化灯的延伸我的创意主题:藏路漫漫栏目:走进西藏神话西藏吃在西藏感知西藏畅览西藏我与西藏主题:茶语栏目:茶缘茶情茶史飘香茶乡茶俗名茶荟萃名人与茶茶道茶艺主题:星空天文网栏目:太阳王国深空奥秘人与宇宙空间探索下载区天文论坛主题:一起玩吧栏目:新网游单机站游戏视频游戏下载玩家照片火爆论坛,实例分析,错误示范：服饰文化,正确示范：宝岛台湾,“为了绿色”网站栏目设置,栏目设置,版面设计,版面结构是指一种能够让浏览者清楚、容易地理解作品传达的信息的东西，也就是将不同元素巧妙排列的方式。布局就是以最适合浏览的方式将图片和文字排放在页面的不同位置。设计版面时要把文字、图片、空白当作一个整体来看，采用平面分割方式，调动全部面积来构建整个版面。,利用表格定位网页,表格的最大作用就是帮助网页元素定位、合理安排对象的位置。所以，表格是控制网页布局的一个重要工具。操作步骤1、在网页中加入表格。2、调整表格结构。3、设置表格属性。4、表格的嵌套。,几种常见的页面布局样式：,“厂”字型,主菜单以及横条网站标志+广告条,主菜单,显示内容,几种常见的页面布局样式：,“口”字型,主菜单,主要内容,友情链接等,几种常见的页面布局样式：,自由式，又称POP布局,页面布局像一张宣传海报，以一张精美图片作为页面的设计中心，菜单栏目自由摆放。,版面设计,网页版面布局可按创意草案、粗略布局、最后定案三个步骤来进行。,建立网站整体风格,第一步：设计、制作一个网站标志(logo)标志可以是中文、英文字母，可以是符号、图案，可以是动物或者人物等。标志的设计创意来自你网站的名称和内容。设计标志有以下几种方法：1、选择与网站主题有关的，并具有代表性的人或者物，用它们作为设计的蓝本，加以卡通化和艺术化。例：2、对于专业性的网站，可以以本专业有代表的物品作为标志。例:3、最常用和最简单的方式是用自己网站的中文或者英文名称作为标志。采用不同的字体、字母的变形与组合，可以很容易制作出自己的标志。,LOGO欣赏,建立网站整体风格,第二步：设计网站的标准颜色网站的标志、标题、主菜单和主色块文字的链接色彩尽量使用标准色彩；图片的主色彩、背景色、边框等尽量使用标准色彩同色系的色彩。一个网站的标准色彩不超过3种。色彩总的应用原则应该是“总体协调，局部对比”。,网站色彩的使用,蓝色调为主，加上白色和红色，强调权威与真实,网站色彩的使用,橙色为主，白色为辅，具有轻快，时尚的效果,网站色彩的使用,绿色为主，白色为辅，产生舒适、优雅、适于阅读的气氛,网站色彩的使用,红色为主，产生热情、活力的感觉，充满欢乐的气氛,建立网站整体风格,第三步：设计网站的标准字体。标准字体是指用于标志、标题、主菜单的特有字体。一般