【5A版】网站规划设计.pptVIP

收集素材 收集素材注意事项： 要注意对收集来的素材分类； 文件名要易懂易记，便于调用； 注意保护知识产权，避免侵犯别人的版权。 网站规划 信息技术组 基本概念 问题：什么是网站？ 网站就是网页和网页上所用到的各种素材的集合体。 构成一个网站的基本元素是各种各样的文件以及存放这些文件的文件夹。 网页文件，用来描述资结构、位置，引导浏览者访问该网站，通常以“.htm”或者“.html”为扩展名。 网页文件所连接到的图像、音频与视频等资源文件 Web数据库和程序文件 基本概念 网页（Page） 网页是用HTML语言写成的文件，它存放在某一台计算机中，而这台计算机必须是与因特网相连。 主页（Home Page） 主页是通常用来表示访问某个网站时出现的第一个页面，用来对整个网站进行概括性的介绍，描述其他各个页面的内容的。 基本概念 网站的结构 网站是由网页组成的，网站是网页的集合体，网页是网站的元素。 网站的结构主要有三种类型： 树状结构 线性结构 网状结构 选择网页制作工具 HTML HTML语言是万维网上的通用语言。 HTML——超文本标记语言，是WWW的描述语言，万维网上的通用语言，以html开始以/html结束。 选择网页制作工具 为了使网页制作得更加精美，还需要一些辅助工具： 图像处理工具：Photshop、Fireworks 动画处理工具：Flash 视频处理工具：VideoPack 网页制作工具：FrontPage、 Dreamweaver 建立站点文件夹 站点文件夹 同一个网站的文件及文件夹需放在同一个文件夹中。 网站的文件及文件夹 站点地址 首页文件 图片文件夹 首页：index.htm或default.htm 图片文件夹：images 　一般文件名不要使用汉字 网站设计 栏目设置 网站栏目安排要注意以下几个方面： （1）要紧扣主题，尽可能删除与主题无关的栏目。 （2）尽可能将网站最有吸引力的内容列在栏目上。 （3）尽可能方便访问者的浏览和查询。 栏目设置例子 主题:灯 　栏目:灯的发展 灯的文化 灯的延伸 我的创意 主题:藏路漫漫 　栏目:走进西藏 神话西藏 吃在西藏 感知西藏 畅览西藏 我与西藏 主题:茶语 　栏目:茶缘茶情 茶史飘香 茶乡茶俗 名茶荟萃 名人与茶 茶道茶艺 主题:星空天文网 　栏目:太阳王国 深空奥秘 人与宇宙 空间探索 下载区 天文论坛 主题:一起玩吧 　栏目:新网游 单机站 游戏视频 游戏下载 玩家照片 火爆论坛 实例分析 错误示范：服饰文化 正确示范：宝岛台湾 “为了绿色”网站 栏目设置 名称 栏目 描述 为了绿色 绿色焦点 绿色不停地被破坏，为了绿色，我们痛斥那些破坏绿色的行为 绿色活动 那些保护绿色的行动永远值得我们骄傲 绿色人物 那些保护绿色的人物永远值得我们学习 绿色历史 看看我们为保护绿色曾经做过什么 绿色留言 请留言，留下您最想说的，留下您的绿色 绿色信箱 联系“为了绿色”就用绿色信箱吧 栏目设置 栏目名称 子栏目名称 内容描述 机器人博览 成长历史 回顾机器人的发展历史，关注机器人的未来发展趋势 动态关注 机器人概述 各家定义 介绍对机器人的各种定义，展示目前机器人的几大种类 分门别类 机器人文化 人机互动 展现人类关于机器人的种种联想，机器人与人类的共同发展 浮想联翩 机器人比赛 群雄逐鹿 介绍近年来的机器人制作赛事和机器人制作的成功案例 设计制作 站点内服务 网站地图 方便访问者的浏览，给浏览者留出发表自己意见的空间 版权申请 论坛 留言板 版面设计 版面结构是指一种能够让浏览者清楚、容易地理解作品传达的信息的东西，也就是将不同元素巧妙排列的方式。 布局就是以最适合浏览的方式将图片和文字排放在页面的不同位置。 设计版面时要把文字、图片、空白当作一个整体来看，采用平面分割方式，调动全部面积来构建整个版面。 利用表格定位网页 表格的最大作用就是帮助网页元素定位、合理安排对象的位置。所以，表格是控制网页布局的一个重要工具。 操作步骤 1、在网页中加入表格。 2、调整表格结构。 3、设置表格属性。 4、表格的嵌套。 几种常见的页面布局样式： “厂”字型 主菜单以及横条网站标志+广告条 主 菜 单 显 示内容 几种常见的页面布局样式： “口”字型 主菜单 广 告条 主要内容 友情链接等 几种常见的页面布局样式： 自由式，又称POP布局 页面布局像一张宣传海报，以一张精美图片作为页面的设计中心，菜单栏目自由摆放。 版面设计 标题栏 子栏目 名称 主要内容 内容提示 附加信息 网页版面布局可按创意草案、粗略布局、最后定案 三个步骤来进行。 建立网站