《网页设计与制作讲义-专题1 网页设计基础知识》.docVIP

数字媒体与技术专业《网页设计与制作》讲义 刘巧丽 专题1 网页设计基础知识 1.1 认识网站、网页与主页 1.1.1什么是网页 网页（Web页）实际上就是HTML文件，是一种可以在WWW网上传输，并能被浏览器认识和翻译成页面的文件。 HTML是“HyperText Markup Language”的缩写，意为“超文本标记语言”，它是一种规范，一种标准。它是纯文本格式的，用任何文本编辑器都可以打开编辑。 网页包括的主要元素有：文本、图像、动画、声音、视频、超链接、表格、表单等。 由于多数网页一般均有文字、图像、图形、动画、音频、视频等多媒体信息，具有超链接、并可与网络链接，因此这就使人们登上站点以后，便可以看到五彩缤纷的界面。那么，这些五彩缤纷和千姿百态的Web网页是如何制作出来的？制作好网页以后又如何将它发布到Internet上？这些问题正是本课程所要阐述的主题。 1.1.2什么是网站 多个相互之间具有一定联系的网页就构成了一个网站。 网站用于存储提供给用户浏览的网页文件。它也是一种文档的磁盘组织形式，由文档和若干文件夹组成，文档经过组织分类分别放在不同的文件夹中。 网站存储在服务器或服务器的虚拟主机上，接受访问者通过WWW域名的访问。 网站是具有独立域名、独立存放空间的内容集合，这些内容可能是网页，也可能是程序或其它文件，一个网站不一定要有很多网页，主要是有独立域名、独立存放空间，即使只有一个页面，也叫网站。 网站按照其内容可以分为以下几类： 1、企业网站：围绕企业、产品及服务信息进行网络宣传，通过网站树立企业网络形象。 2、个人网站：个人为了兴趣爱好或为了展示个人等目的而建的网站，具有较强的个性化特色。 3、门户网站：提供综合性互联网资源的网站。国内著名三大门户网站：网易、搜狐、新浪。 4、机构网站：政府机关、相关社团组织或事业单位建立的网站。以机构或社团形象宣传和政府服务为主。 5、娱乐网站：提供娱乐信息、流行音乐、视频等娱乐内容为主的网站。 6、电子商务网站：依靠因特网来完成商业活动的各个环节的网站，如卓越、当当、淘宝、易趣、拍拍等。 7、行业信息网站：随着因特网的发展，网民数量的增加，上网不同兴趣群体的形成，门户网站已经明显不能满足不同上网群体的需要。行业信息网站应运而生，它是能够满足某一特定领域上网人群及其特定需求的网站。如房地产行业网站。 8、专业网站：专门以某个主题为内容而建立的网。如某某课程的网络课程 不同类型网站具有不同的风格和作用，在设计网站时，页面元素的设计、构图、色彩搭配、多媒体信息的使用、文本格式等的设计，要考虑网站的类型。 1.1.3什么是主页 主页又叫首页，主页是网站的第一页，既是一个网站的封面，也是该网站的目录。 欣赏几个不同类型的网站主页： 问题：主页、网页与网站的关系？先规划土地还是先建房？先建房还是先买家具？先建网页还是先建网站？ 1.1.4网页基本构成要素 不同性质的网站具有不同的页面元素，但是，一般的网页都会具备以下一些元素： 1、标题 标题用来说明网站的形式、内容等信息。 2、站标Logo 网站Logo，也叫网站标志，它是一个站点的象征，也是一个站点是否正规的标志之一。一个好的标志可以很好地树立公司形象。网站标志一般放在网站的左上角，访问者一眼就能看到它。成功的网站标志有着独特的形象标识，在网站的推广和宣传中起到事半功倍的效果。网站标志应体现该网站的特色、内容以及其内在的文化内涵和理念。 3、banner Banner是一种网络广告形式，Banner广告一般是放在网页的顶部位置，在用户浏览网页信息的同时，吸引用户对于广告信息的关注。 Banner广告有多种规格和形式，其中最常用的是486?×?60像素的标准广告。这种标志广告有多种不同的称呼，如横幅广告、全幅广告、条幅广告和旗帜广告等。通常是以GIF、JpG等格式建立的图像文件或Flash文件。 4、导航栏—网站索引 导航栏既是网页设计中的重要部分，又是整个网站设计中的一个较独立的部分。一般来说网站中的导航栏位置在各个页面中出现的位置是比较固定的，而且风格也较为一致。导航栏的位置对网站的结构与各个页面的整体布局起到举足轻重的作用。 5、内容—网站的精神所在 文本一直是人类最重要的信息载体与交流工具，网页中的信息也以文本为主。与图像相比，文字虽然不如图像那样易于吸引浏览者的注意，但却能准确地表达信息的内容和含义。 图像在网页中具有提供信息、展示形象、美化网页、表达个人情趣和风格的作用。可以在网页中使用GIF、JpEG和pNG等多种图像格式，其中使用最广泛的是GIF和JpEG两种格式。 随着网络技术的发展，网页上出现了越来越多的Flash动画。Flash动画已经成为当今网站必不可缺少的部分，美观的动画能够为网页增色不少，从而吸引更多