网站规划设计.ppt

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