Cha01网页设计基础解说.ppt

第1章 网页设计基础; 本章主要介绍网页与网站的概念，详细介绍网站的分类，讲述了一般网站制作流程，还将介绍一些网页的风格，讲解网页的一些相关概念。; 1.1 网站与网站的开发 1.2 网页与网页设计 1.3 网站规划设计 1.4 认识网页页面元素 1.5 网页版式与配色 1.6 设计网页图像元素 1.7 设计网页动画元素 1.8 思考与练习 ;1.1 网站与网站的开发; 网站是一个组织（公司、学校、部门等）或者是个人建立在Internet上的站点。网站通常都是为了特定的目的而创建的，专门为用户提供某个方面的服务。例如，有的网站专门提供新闻信息，有的网站专门提供流行音乐，还有的网站专门提供软件下载等。一个网站通常由许多网页组成。;1.1.3 HTTP与FTP;1.1.4 IP地址与域名;1.1.5 网站开发语言;1.2 网页与网页设计;1.2.2 网页构成元素;1.2.3 了解网页设计;1.3 网站规划设计;1.3.2 制作项目规划文案;1.3.2 制作项目规划文案;1.3.3 规划网站主题及风格;1.3.3 规划网站主题及风格;;1.3.5 设计网站栏目及地图;;1.3.7 发布与推广网站;;;1.4.1 网页页面元素种类;1.4.1 网页页面元素种类;1.4.1 网页页面元素种类;1.4.1 网页页面元素种类;1.4.1 网页页面元素种类;1.4.1 网页页面元素种类;1.4.2 网页图像元素的格式;1.4.2 网页图像元素的格式;1.4.2 网页图像元素的格式;1.4.3 网页多媒体元素的分类;1.4.4 网页动画元素; 版式设计是整个页面制作的关键。版式最常见的有海报型和表格型。 例如，表格型版式多见于学校网站，信息量大，结构清晰，但是艺术性较差，很容易千篇一律，如图1.13所示的北京大学新闻网页面。;1.5.1 页面版型的结构;1.5.1 页面版型的结构;1.5.2 认识网页安全色;1.5.3 基本配色的方法;; 1. 什么是LOGO 在计算机领域中，LOGO是标志、徽标的意思，是互联网上各个网站用来与其他网站链接的图形标志。 2. LOGO的作用 （1）LOGO是与其他网站链接以及让其他网站链接的标志和门户。 Internet之所以叫做【互联网】，在于各个网站之间可以链接。要让其他人走入你的网站，首先必须提供一个让其进入的门户。而LOGO图形化的形式，特别是动态的LOGO，比文字形式的链接更能吸引人的注意。在如今争夺眼球的时代，这一点尤为重要。 （2）LOGO是网站形象的重要体现。 就一个网站而言，LOGO即是网站的名片，而对于一个追求精美的网站而言，LOGO更是它的灵魂所在，即所谓的【点睛】之处。 （3）LOGO能使浏览者便于选择。 一个好的LOGO往往会反映网站及制作者的某些信息，特别是对一个商业网站来说，网站的浏览者可以从中基本了解到这个网站的类型或者内容。在一个布满各种LOGO的链接页面中，这一点会突出地表现出来。想一想，当浏览者要在大堆的网站中寻找自己想要的特定内容的网站时，一个能让人轻易看出它所代表的网站的类型和内容的LOGO有多重要。; 3. LOGO的国际标准规范 为了便于Internet上信息的传播，一个统一的国际标准是必需的。其中关于网站的LOGO，目前有以下3种规格： （1）88×31：这是互联网上最普遍的LOGO规格。 （2）120×60：这种规格用于一般大小的LOGO。 （3）120×90：这种规格用于大型LOGO。 4. LOGO的制作工具和方法 目前并没有专门制作LOGO的软件，并且用户也不需要这样的软件。平时所使用的图像处理软件或动画制作软件都可以很好地胜任这份工作，如Photoshop、Fireworks等。LOGO的制作方法也和制作普通的图片及动画没什么两样，不同的只是规定了它的大小而已。 5. 一个好的LOGO应具备的条件 一个好的LOGO应具备以下的几个条件，或者只具备其中的几个条件。 （1）符合国际标准； （2）精美、独特； （3）与网站的整体风格相融； （4）能够体现网站的类型、内容和风格;1.6.2 设计横幅;1.6.2 设计横幅;1.6.3 设计按钮;1.6.4 设计导航条 ; 按钮是FLASH动画里的根基元件之一，是辅佐我们让动画按照自己的意愿呈现出来的主要元件之一。它的表示形式多