第1章-网页设计概论.pptVIP

第1章 网页设计概述 学习目标： 通过本章学习，掌握网页设计相关的基础知识和基本概念，熟悉网页的组成元素，了解网页设计可能用到的开发软件和常用技术，对网站的设计流程和网页制作原则有初步的了解和认识。 1.1网页中的基本概念 1．万维网(WWW) 万维网(World Wide Web，WWW)是Internet的多媒体信息查询工具，由三部分组成：客户机、服务器和HTTP，它是促使Internet迅速发展和普及的重要技术。用户只要在WWW浏览器中的Web页面上轻松点击链接，就可以转到相应的信息服务资源中去。多媒体的Web界面带来生动活泼的效果，简单和直观的操作手段给用户提供了很大的便利。 2．网页和网站 网页是构成网站的基本元素，是承载各种网站应用的平台。通俗地讲，网站就是由网页组成的。网页可由文字、图像、动画、声音和程序等多种媒体信息链接组成，通过链接实现与其他网页或网站的关联和跳转。 3．浏览器 浏览器是指可以显示网页服务器或者文件系统的HTML文件内容，并让用户与这些文件交互的一种软件。网页浏览器主要通过HTTP协议与网页服务器交互并获取网页，这些网页由URL指定，文件格式通常为HTML。一个网页中可以包括多个文档，每个文档都是分别从服务器获取的。 4．URL URL(Uniform Resource Locator，统一资源定位符)也被称为网页地址，是因特网上标准资源的地址，是用于完整地描述Internet上网页和其他资源的地址的一种标识方法。在Internet上所有资源都有一个独一无二的URL地址，这种地址可以是本地磁盘，也可以是局域网上的某一台计算机，更多的是Internet上的站点。简单地说，URL就是Web地址，俗称“网址”。例如http://www. C。 5．Internet协议 协议(Protocol)是关于信息格式及信息交换规则的描述。在信息技术中，协议就是—些特殊规则的集合，它被通信的接收方和发送方认可，接收到的信息和发送的信息均以这种规则加以解释。在网络的各层中存在着许多协议。接收方与发送方同层的协议必须一致，否则一方将无法识别另一方发出的信息，以这种规则规定双方完成信息在计算机之间的传送过程。 6．IP地址 IP地址是网上的通信地址，是计算机、服务器和路由器的端口地址，每—个IP地址在全球都是惟一的，是远行TCP/IP的惟一标识。 每台Internet上的计算机由一个独有的IP地址来惟一标识。目前Internet使用的是IPv4版本，IP地址是一个由32位的二进制数组成的号码，该号码分为4段，每段8位，每段取值范围为0~255。例如0。 7．HTTP Internet的基本协议是TCP/ IP协议，然而在TCP/ IP摸型最上层的是应用层 (Application layer)，它包含所有高层的协议。高层协议有文件传输协议FTP、电子邮件传输协议SMTP、域名系统服务DNS、网络新闻传输协议NNTP和HTTP协议等。 8．HTML HTML是Hypertext Markup Language(超文本标记语言)的缩写，它是构成Web页面的主要工具，是用来表示网络上信息的符号标志语言。 在万维网上，如果要向全球范围出版和发布信息，需要有一种能够被广泛理解的语言，即所有的计算机都能够理解的一种用于出版的“母语”。 9．静态网页与动态网页 在网站设计中，纯粹HTML格式的网页通常被称为静态网页，静态网页每个网页都有一个固定的URL，且网页URL以.htm、.html、.shtml等常见形式为后缀，而不含有“？”。静态网页一经编写完成，其显示效果就确定了。在HTML格式的网页上，也可以出现各种动态的效果，但这些“动态效果”只是视觉上的，与动态网页是不同的概念。 1.2页面组成元素 现在的网页已经不再是简单的文字和图像组合，而是添加了各种设计元素，这使网页变得更加丰富多彩。组成网页的最基本元素通常包括网站LOGO、BANNER、导航栏、文本和图像、动画、超级链接、表单和多媒体等。 1．LOGO 网站LOGO，也叫网站标志。它是一个站点的象征，一般放在网站首页的左上角或显眼位置，访问者能明显地看到它。 成功的网站标志有着独特的形象标识，在网站的推广和宣传中起到事半功倍的效果。如新浪用字母sina和大眼睛作为标志。 2．BANNER BANNER一般翻译为网幅广告、旗帜广告和横幅广告等。BANNER通常为一幅表现商家广告内容的图片，放置在广告商的页面上，是互联网广告中最基本的广告形式。横幅广告的标准尺寸是468*60像素，而弹出窗口广告一般为360*300像素。BANNER可以是使用GIF格式的图像文件，可以使用静态图形，也可用多帧图像拼接为动画图像。 BANNER的设计原则包括具有鲜明的色彩、语言具有号召力、文字的