(网页设计基础教程与上机指导第2版第1章：网页设计基础.ppt

第1章 网页设计基础 教学提示和教学目标 教学提示：要设计出令人满意的网页，不仅要熟练掌握网页设计软件的基本操作，还要掌握网页的一些基本知识和网站建设的基本流程。本章首先介绍网页中的一些基本概念，如什么是网页、什么是网站、什么是域名和空间。本章还介绍网页设计的常用工具，如网页排版软件Dreamweaver 8、网页图像设计软件Photoshop CS2和Fireworks 8、网页动画制作软件Flash 8，最后简单讲述了网站建设的基本流程。 教学目标： 熟悉网页设计中的基本概念 熟悉网页的基本构成元素 了解网页设计的常用工具 熟悉网站建设的基本流程 1.1 网页中的基本概念 随着计算机互联网技术的发展，Internet在人们的生活、学习和工作中的位置越来越重要。越来越多的人开始学习网页设计软件，在学习网页设计软件前应当首先了解一些基本概念。 1.1.1 什么是网页 1.1.2 什么是网站 1.1.3 什么是域名和空间 1.1.1 什么是网页 网页是Internet的基本信息单位，一般网页上都会有文本和图片等信息，而复杂一些的网页上还会有声音、视频、动画等多媒体内容。进入网站看到的是网站的主页，主页集成了指向二级页面以及其他网站的链接，浏览者进入主页后可以浏览最近更新的消息，找到感兴趣的主题，通过单击超链接跳转到其他网页或其他网站，如图1.1所示。 1.1.2 什么是网站 网站是有独立域名、独立存放空间的内容集合，这些内容可能是网页，也可能是程序或其他文件，不一定要有很多网页，主要有独立域名和空间，哪怕只有一个页面也可以称为网站。 网站是由域名和网站空间构成。衡量一个网站的性能通常从网站空间大小、网站位置、网站速度、网站软件配置和网站提供的服务等几个方面考虑。 1.1.3 什么是域名和空间 从技术角度来看，域名是在Internet上用于解决IP地址对应的一种方法。一个完整的域名由二个或二个以上部分组成，各部分之间用英文的句号“.”来分隔，最后一个“.”的右边部分称为顶级域名，最后一个“.”的左边部分称为二级域名，二级域名的左边部分称为三级域名，以此类推，每一级的域名控制它下一级域名的分配。 从商业角度来看，域名是“企业的网上商标”。企业都非常重视自己的商标，而作为网上商标的域名，其重要性和其价值也已被全世界的企业所认识。从树立企业形象的角度看，域名和商标有着潜移默化的联系。所以，域名与商标有一定的共同特点。许多企业在选择域名时，往往希望用和自己企业商标一致的域名。 从域名价值角度来看，域名是互联网上最基础的东西，也是一个稀有的全球资源，无论是做ICP和电子商务，还是在网上开展其他活动，都要从域名开始。 空间就是放置网站文件的计算机的硬盘空间，不是在本地计算机上面，而是在网络服务供应商提供的服务器上，浏览者可以在网络上访问这台计算机上放置的网页文件。 1.2 网页的基本构成元素 网页是构成网站的基本元素。不同性质的网站，其页面元素是不同的。一般网页的基本元素包括LOGO、Banner(网幅图像广告)、导航栏目、文本、图像、Flash动画和多媒体。 1.2.1 网站LOGO 1.2.2 网站banner 1.2.3 导航栏 1.2.4 文本 1.2.5 图像 1.2.6 Flash动画 1.2.7 多媒体 1.2.1 网站LOGO 网站LOGO，也叫网站标志，它是一个站点的象征，也是一个站点是否正规的标志之一。一个好的标志可以很好地树立公司形象。网站标志一般放在网站的左上角，访问者一眼就能看到它。成功的网站标志有着独特的形象标识，在网站的推广和宣传中起到事半功倍的效果。网站标志应体现该网站的特色、内容以及其内在的文化内涵和理念。如图1.2所示是新浪网站的标志。 1.2.2 网站banner Banner是一种网络广告形式，是一种以GIF、JPG等格式建立的图像文件，定位在网页中，大多用来表现网络广告内容。Banner广告一般是放在网页的顶部位置，在用户浏览网页信息时，吸引用户关注广告信息。 Banner广告有多种规格，其中最常用的是486×60像素的标准广告。Banner广告有多种不同的形式，如横幅广告、全幅广告、条幅广告、旗帜广告等，通常是以GIF、JPG等格式建立的图像文件或Flash文件，如图1.3所示为某网站Banner。 1.2.3 导航栏 导航栏既是网页设计中的重要部分，又是整个网站设计中的一个较独立的部分。一般来说网站中的导航位置在各个页面中出现的位置是比较固定的，而且风格也较为一致。导航栏的位置对网站的结构与各个页面的整体布局起到举足轻重的作用。 导航栏的位置一般有4种常见的显示位置：在页面的左侧、右侧、顶部和底部。有的在同一个页面中运用了多种导航，如有的在顶部设置了主菜