《前言网站概述.pptVIP

前言 网站概述 通过本章的学习熟练掌握网站与网页的区别，掌握网站基本构成元素，了解网站的基本布局类型及制作流程。 了解网站与网页 网页的基本构成元素 网页布局 网页配色 网站创作流程 什么是网站？ 网站(Web Site)是发布在网络服务器上由一系列网页文件构成的，为访问者提供信息和服务的网页文件集合。 作用：上网用户通过网页浏览器或者其他浏览工具访问这些网页并获取某些信息和服务。 什么是网页？ 网页是网站的基本组成要素。一个大型网站（如新浪网）可能含有数以百万计的网页，而一个小的企业网站或者个人网站可能只有几个网页。 总结：一个网站通常有自己的独立域名，例如是一个网站，而/about.htm则是这个网站所属的一个网页，网站主菜单中的栏目实际上也是一个网页。网站与网页的区别就在于，网站是一个总体，而网页是个体。 网站: 网站分为静态网站和动态动态两部分; 静态网站是指：将网站所要展示的内容进行合理、美观地规划并完成界面制作；（网站的外观表现，主要是网页的集合） 动态网站是指：主要是为了完成网站某项功能，将前台显示部分与后台数据库进行连接，实现网站的交互性。 网站按内容分：房地产 影视 综合门户 相集|摄影 游戏|娱乐 卡通|漫画 企业|品牌 设计|艺术 个人主页 工作室汽 车 体育 饮食 购物 IT|通讯 生活|时尚 音乐旅游学校|教育 服饰 儿童 其他 文本和图片:是网页的基本元素,最朴素的网页也需要有文字或图片来表达它的内容. 超级连接:又分为”文字连接”和”图片连接”,只要浏览者用鼠标单击带连接的文字或图片,就可以自动连接上对应的其他文件. 动画:又分为两种,一种是GIF格式,一种是FLASH格式的动画. 表单:是一种可以在浏览者与服务器之间进行信息”交流”的东西,使用表单可以完成搜索、论坛、发送电子邮件等交互功能。 音/视频：随着网络技术的发展，网站上面已经不再是单调的MIDI背景音乐，而丰富多彩的网络电视、博客等已经开始成为网络新潮流。 “国”字型 拐角型 封面型 Flash型 “国”字型 也称为“同”字型，是一些大型网站所喜欢的类型, 例:/ 拐角型 封面型 出现在一些网站的首页 大部分是一些精美的平面设计结合一些小的动画，放上几个简单的链接 这种类型大部分出现在企业网站和个人主页，如果说处理的好，会给人带来赏心悦目的感觉。 Flash型 与封面型结构是类似的 ，与封面型不同的是，由于Flash强大的功能，页面所表达的信息更丰富，其视觉效果及听觉效果感染力强。 什么样的布局是最好的 这要具体情况具体分析的：比如 如果内容非常多，就要考虑用“国字型” ; 而如果是一个企业网站想展示一下企业形象或个人主页想展示个人风采，封面性是首选； Flash型更灵活一些，好的Flash大大丰富了网页，但是它不能表达过多的文字信息。 关于第一屏 所谓第一屏，是指我们到达一个网站在不拖动滚动条时能够看到的部分。 那么第一屏有多“大”呢？其实这是未知的。一般来讲，在800×600分辨率下，在IE安装后默认的状态(即工具栏地址栏等没有改变)下，IE窗口内能看到的部分为780px×428px。 1024×768分辨率下,正常显示部分为: 1007px×600px。 导航栏 要求：清晰、醒目，一般来讲，导航栏要在“第一屏”能显示出来。 确定网站的主题色也是设计者必须考虑的问题之一。 一个网站必须有一种或两种主题色，不至于让客户迷失方向，也不到于单调，乏味。 一个页面尽量不要超过4种色彩，用太多的色彩让人没有方向，没有侧重。当主题色确定好以后，考虑其它配色时，一定要考虑其它配色与主题色的关系，要体现什么样的效果。另外哪种因素占主要地位，是明度，纯度还是色相。 配色原则 色彩在人们的生活中都是有丰富的感情和含义的。比如红色让人联想到玫瑰，联想到喜庆，联想到兴奋。白色联想到纯洁，干净，简洁；紫色象征着女性化，高雅，浪漫；蓝色象征高科技，稳重，理智；橙色代表了欢快，甜美，收获；绿色代表了充满青春的活力，舒适，希望等等。当然不是说某种色彩一定代表了什么含义。在特定的场合下，同种色彩可以代表不同的含义。 1、网页标题???? 网页标题即导航是网站的指路灯，浏览者要在网页间跳转，要了解网站的结构，网站的内容，都必须通过导航或者页面中的一些小标题。所以我们可以使用稍微具有跳跃性的色彩，吸引浏览者的视线，让他们感觉网站清晰，明了，层次分明。想往哪里走都不会迷失方向。 2、网页链接????一个网站不可能只是单一的一页，所以文字与图片的链接是网站中不可缺少的一部分。这里特别