第四章建立班级网站站重点解析.ppt

网站规划及设计 网站规划 基本概念 1、什么是网站？ 网站：因特网上具有相似性质、共同内容的一组信息资源就是一个网站。构成一个网站的基本元素是各种各样的文件以及存放这些文件的文件夹。 2、网站文件可分为几类？ 网站文件大致可以分为三类： 1、网页文件（以htm或html为扩展名的文件） 2、资源文件（图象、音频、视频等文件） 3、web数据库和程序文件。（包含交互性内容） 3、什么是网页？ 网页（page)：是用HTML语言写成的文件，它是组成网站的最基本的元素之一。 网站的结构 1、树状结构：金字塔层次结构 需求分析 选择网站主题 确定网站名称 选择网页制作工具 网页制作工具 网页制作工具 网站设计 网站设计 栏目设置 “机器人做学玩”栏目设置 版面设计 版面设计—常见页面布局样式 “厂”字型 “口”字型 自由式，又称POP布局 树立网站总体风格—网站标志 LOGO欣赏 树立网站总体风格—标准色彩 建立网站整体风格 第二步：设计网站的标准颜色 网站的标志、标题、主菜单和主色块文字的链接色彩尽量使用标准色彩； 图片的主色彩、背景色、边框等尽量使用标准色彩同色系的色彩。 一个网站的标准色彩不超过3种。 色彩总的应用原则应该是“总体协调，局部对比”。 网站色彩的使用 网站色彩的使用 网站色彩的使用 网站色彩的使用 树立网站总体风格—标准字体 收集素材 * * 4、什么是主页？ 主页（Home page)：通常是表示访问某个网站时出现的第一个页面。主页的作用类似于杂志的封面或报纸的第一版，是用来对整个网站进行概括性的介绍，描述其他各个页面的内容结构。 基本概念 2、线性结构：顺序结构 3、网状结构：网状结构中，网站中的各个网页随意的连接在一 起，似乎没有明显的组织规律 网站主题大致可分为哪几类？ 大致可分为：娱乐休闲、电脑网络、生活服务、文化科学、教育就业等几个大类 网站题材选择时可遵循哪些原则？ 1、主题小而精。 2、题材最好是你自己擅长或者喜好的内容。 例：中学生原创文学网 春韵： 网站名称也是网站规划的一部分，而且是非常关键的一个要素。 HTML语言:超文本标记语言 HTML语言是万维网上的通用语言，在万维网上几乎所有网页都是用HTML语言描述、编辑和传递的。 HTML标签(Tag)：在Html源代码中，一些成对出现的尖括号“”括起来的字符串，如title…/title、 body…/body等它们分别代表着一定的含义，这就是HTML标签。 HTML语言就是通过一系列特定的标签，来标识出相应的意义和作用，再通过浏览器把这些标签所代表的意义表示出来。 1、网页设计工具分为哪两类？现在普遍采用哪一类？ 分两类： 第一类是源代码编辑工具，代表产品有HotDog、HomeSite、EditPlus等 第二类是：“所见即所得”的编辑工具，代表产品有Frontpage、Dreamweaver. FrontPage和Dreamweaver的比较 另外，还有一些网页制作的辅助工具，包括图象、动画和视频处理工具。如：Photoshop、Fireworks、Flash、videoPack等 1、为什么要进行栏目设置？ 栏目的设置使得网站结构清晰，目录明确，内容紧扣主题，有利于以后扩充和维护。 2、栏目的实质是什么？ 栏目实质是一个网站的大纲索引,索引应该将网站的主体明确显示出来 3、栏目安排应注意哪几个方面？ （1）要紧扣主题，尽可能删除与主题无关的内容 （2）尽可能将网站最有吸引力的内容列在栏目上 （3）尽可能访问者的浏览和查询。 网页版面布局可按照创意草案、粗略布局、最后定案 三个步骤来进行 主菜单以及横条网站标志+广告条 主 菜 单 显 示内容 主菜单 广 告条 主要内容 友情链接等 页面布局像一张宣传海报，以一张精美图片作为页面的设计中心，菜单栏目自由摆放。 树立网站整体风格的第一步是：设计制作一个网站的标志（logo) 设立网站标志有这几种做法： （1）选择与网站主题有关的，并具有代表性的人或物，用它们作为设计的蓝本，加以卡通化和艺术化。例如：搜狐 （2）对于专业性的网站，可以以本专业有代表的物品做为标志。譬如中国银行的铜板标志。 （3）最常用和最简单的方式是用自己网站的中文或者英文名称作为标志。例如“机器人做学玩”网站的标志。 树立网站整体风格的第二步是：设计网站的标准色彩 标准色彩能体现网站形象，延伸网站内涵。 色彩总的应用原则是“总体协调、局部对比” 蓝色调为主，加上白色和红色，强调权威与真实 橙色为主，白色为辅，具有轻快，时尚的效果 绿色为主，白色为辅，产生舒适、优雅、适于阅读的气氛 红色为主，产生热情、活力的感觉，充满欢乐的气氛 *