《高中政治课件 第一部分 网页设计基础知识》由会员分享，可在线阅读，更多相关《高中政治课件 第一部分 网页设计基础知识（45页珍藏版）》请在金锄头文库上搜索。
1、第1章 概 论,1,网页设计与制作王绍军兰州商学院信息工程学院,第1章 概 论,2,第1章 网页设计基础知识,第1章 概 论,3,随着计算机和计算机网络的发展，今天，网络已经与人们的生活密不可分。利用网络，足不出户就可以完成购物、接受教育、远程医疗等活动，还可以在网络信息海洋中寻找想要的信息，这一切都主要依靠因特网中的Web页技术。在本章，将介绍网页设计的基础知识、internet和www技术、网站设计的流程和网页设计常用工具等内容。,第1章 概 论,4,1.1 计算机网络的概念,计算机网络就是利用通信设备和线路将地理位置分散、功能独立的多个计算机互连起来，以功能完善的网络软件(网络通信协议、
2、信息交换方式和网络操作系统等)实现网络中资源共享和信息传递的系统。 计算机网络按范围来分，一般可以分为局域网(同一建筑、同一单位、或方圆几公里地域内的专用网络)、城域网(一组相邻的公司或一个城市)、广域网(一个国家或地区)。图1.1所示的是总线型局域网结构图。,第1章 概 论,5,1.1 计算机网络的概念,早期的计算机系统是高度集中的，50年代中后期，许多系统都将地理上分散的多个终端通过通信线路连接到一台中心计算机上，这样就出现了第一代计算机网络。第一代计算机网络是以单个计算机为中心的远程联机系统。 第二代计算机网络是将多个主机通过通信线路互联起来，为用户提供服务，兴起于60年代后期，典型代表
3、是美国国防部高级研究计划局协助开发的基于TCP/IP的ARPA网。70年代至80年代中期，第二代网络得到迅猛发展。第二代计算机网络以通信子网为中心。这,第1章 概 论,6,1.1 计算机网络的概念,个时期，网络为“以能够相互共享资源为目的互联起来的具有独立功能的计算机之集合体”，形成了现代计算机网络的基本概念。 第三代计算机网络是具有统一的网络体系结构并遵循国际标准的开放式和标准化的网络。国际标准化组织(ISO)在1984年颁布了OSI开放系统互联参考模型，该模型分为七个层次，也称为OSI七层模型，公认为新一代计算机网络体系结构的基础。OSI参考模型的颁布为普及局域网奠定了基础。,第1章 概
4、论,7,1.1 计算机网络的概念,第四代计算机网络从80年代末开始，局域网技术发展成熟，出现光纤及高速网络技术、多媒体、智能网络，整个网络就像一个对用户透明的大的计算机系统，发展为以因特网(Internet)为代表的互联网。,第1章 概 论,8,1.2 Internet的概念,Internet是目前世界上影响最大的国际性计算机网络。它以TCP/IP网络协议将各种不同类型、不同规模、位于不同地理位置的物理网络联接成一个全球的网络。图1.2所示的是因特网的结构。它不仅仅是网络的网络，也是资源、服务和信息的网络。,第1章 概 论,9,1.2 Internet的概念,Internet起源于20世纪60
5、年代末美国的ARPAnet网。 目前Internet最重要的应用有电子邮件（E-mail）、远程登录(Telnet)、文件传输(Ftp)、全球信息网(WWW),第1章 概 论,10,1.3地址分配和域名服务,internet的核心协议是IP协议,它的目的是把IP包从源节点传送到目的节点，为了正确传送IP包，Internet上的每一个网络设备（包括计算机、路由器、网络打印机等）都有一个唯一标识，这就是IP地址。 IP地址由4个字节32位组成，用4个由点号（）隔开的数字表示，如192.168.1.1。一个IP地址由两部分：网络号和主机号,第1章 概 论,11,1.3 地址分配和域名服务,网络号是一
6、个网络在internet上的唯一标识，主机号是一台网络设备在特定网络内的唯一编号，这样一个IP地址就在整个internet上唯一标识一台网络设备。为了保证IP地址在internet上的唯一性，IP地址由internet网络信息中心（ internic）统一分配，但后来由于internet的发展， internic开始授权。从而形成地区中心和国家中心，如APNIC：负责亚太地区。,第1章 概 论,12,1.3 地址分配和域名服务,我国申请IP地址要通过APNIC，APNIC的总部设在日本东京大学。中国互联网络信息中心（CNNIC）以国家NIC的身份于1997年1月成为APNIC的联盟会员，是我国
7、最高级别的IP地址分配机构。 在一个网络内部，IP地址的分配有两种办法：静态分配和动态分配,第1章 概 论,13,1.3地址分配和域名服务,域名同样也是一台计算机等网络设备在internet上的唯一标识。它由用“. ”隔开的段组成，每一段都有一定的含义。 域名命名采用一种分层的方法。 Internet的域名系统是一个分布式数据库系统，它的功能是实现IP地址和域名之间的映射（称为域名服务）,第1章 概 论,14,1.4 与internet/intranet的连接方式,Intranet是采用internet技术组建的一个单位、部门或企业等的内部网，因此intranet又被称为企业内部网或内部网。
8、internet技术的核心是TCP/IP，同时也包括TCP/IP相关的各种技术和应用。,第1章 概 论,15,1.4 与internet/intranet的连接方式,两种连接方式：作为单位、部门的局域网与internet/intranet相连和作为单机（或者是个人）与internet/intranet相连。 网络采用专线方式：DDN，X.25等等 单机采用拨号方式:Modem.Isdn Adsl,第1章 概 论,16,1.5 WWW 技术,WWW的全称是World Wide Web，正式的译名是万维网。也称为全球信息网。是20世纪90年代初从欧洲粒子物理研究中心（CERN）发展起来的一种int
9、ernet技术。 它功能强大、灵活、用户使用方便，并且支持多媒体，从而WWW服务成为因特网上应用最广泛的服务。 WWW技术包括两个方面：超文本传输协议（HTTP：HyperText Transmission Protocol）,第1章 概 论,17,1.5 WWW 技术,超文本标记性语言(HTML： Hypertext Markup Language)，HTTP用于在通信双方之间传递由HTML构成的信息，而HTML用来控制如何把信息显示给用户。 WWW也是一种客户机/服务器技术，它的服务器称为WWW服务器（Web服务器），它的客户机称为浏览器（Browser）,第1章 概 论,18,1.5 W
10、WW 技术,WWW服务器和浏览器之间通过HTTP协议传递信息，信息以HTML格式编写，浏览器则把HTML信息显示在用户屏幕上。,第1章 概 论,19,1.5 WWW 技术,HTTP是用于WWW客户机和服务器之间进行信息传输的协议，它是一种请求响应类型的协议：客户机向服务器发送请求，服务器对这个请求做出回答 HTTP有三种请求-响应链：客户机-服务器；客户机-代理服务器-服务器；客户机-隧道-服务器。,第1章 概 论,20,1.5 WWW 技术,1990年，HTML语言同WWW一起诞生于瑞士的GERN实验室。Tim Berners-Lee及其开发小组研究建立了一种以一定格式传输信息的方法，就是众
11、所周知的超文本传输协议HTTP。该协议使用了HTML语言。HTML语言作为一种标识性的语言，由一些特定符号和语法组成，用来制作超文本文档。在超文本中可以加入图片、声音、动画、视频等内容，并且可以从一个文件跳转到另一个文件。用HTML编写的超文本文,第1章 概 论,21,1.5 WWW 技术,档称为HTML文档，它在各种操作系统平台(如UNIX，WINDOWS等)都能使用。 经过十几年的发展，每个浏览器开发公司都在为HTML加入更多的特征，比如框架、样式等。到现在已经发展到了HTML 5.0版本，扩展了DHTML和XML等子集。不过目前较为流行的仍然是1999年12月发布的HTML 4.01版本
12、。,第1章 概 论,22,1.5 WWW 技术,HTML是超文本标记性语言(Hypertext Markup Language)的简称，它是一种跨平台的超文本标记语言，所创建HTML文件是带有格式标识符和超文本链接内嵌代码的ASCII文 本文件。HTML语言的特点是通过对一些项加上标记来描述网页上的元素(文本、表格、图像等)，比如在和之间的文字将会被浏览器解释为粗体字。 HTML通常以文件形式存储在Web服务器上。 下面用记事本来制作一个用HTML语言编写的网页。 打开记事本，然后在其中输入以下文本：,第1章 概 论,23,1.5 WWW 技术,我的网页我的第一个网页！,第1章 概 论,24,
13、1.5WWW 技术,保存该文件时，“保存类型”中选择“所有文件”，输入文件名为“example.htm”，如图1.3所示，单击“保存”按钮保存文件。 这样就在保存的目录下有了一个example.htm文件，打开后的效果如图1.4所示。 通过这样的方法，就制作了一个简单的网页，同时可以知道，网页文件可以通过文字编辑器来书写。实际上，无论多复杂的网页，都可以按这种方式来书写，只是这样做工作量将非常的大，效率也很低。,第1章 概 论,25,1.5 WWW 技术,在物理结构上，组成WWW的是客户机和服务器。它们都连接在因特网上，通过因特网进行通讯。浏览者的电脑是客户机，提供信息的电脑是服务器(服务器一
14、般由处理速度快、存储容量大的电脑承担，运行了WWW服务器程序的个人电脑也可以作为Web服务器)。在应用程序上，客户机上运行的是IE之类的浏览器程序，浏览器程序的主要作用就是对HTML标记语言进行解释并且将它显示在浏览器窗口中。在Web服务器上，运行的是WWW服务器程序，可以是Windows下,第1章 概 论,26,1.5 WWW 技术,的IIS，也可以是Linux下的Apache或其它的WWW服务器程序。 根据静态网页和动态网页的不同，WWW工作的流程有两种方式。 如果是静态网页，在客户机上的浏览器地址栏中输入一个网页地址，按回车键，客户机就用因特网上的HTTP协议发送一个请求到该地址所指定的
15、服务器。服务器收到请求后，将客户机请求的页面文件或系统的缺省页面文件传送到客户机中。浏览器将会解释这个HTML文件，并将结果显示在浏览器窗口中。运行,第1章 概 论,27,1.5 WWW 技术,示意图如图1.6所示。 如果是动态网页，当服务器收到请求后，将根据请求的信息，在服务器上找到相应页面文件并对该文件进行处理，运行该文件包含的程序代码，然后将运行的结果以标准的HTML文件格式送回到客户机，由客户机的浏览器显示结果，运行示意图如图1.7所示。,第1章 概 论,28,1.6 网站的设计流程,多个网页按照一定的结构组织在一起就构成一个网站。每个网站都有一个名字为index或者default的W
16、eb页文件，一般称作主页或首页。主页是用户访问一个网站看到的第一个页面，通常显示网站的主题和导航信息，网站中的其它网页用来显示某一方面的详细内容，主页与其它网页通过链接组织起来。从资源管理器的角度来说，网页是一个文件，而网站是一个目录，里面有多个HTML文件和图片、动画、声音等资源文件。,第1章 概 论,29,1.6 网站的设计流程,设计一个网站就像设计一个程序一样，要进行整体规划、素材收集、页面设计、调试测试等步骤。下面，简单介绍网站的设计流程和要遵循的一般原则。 1.6.1 整体规划 在网页设计前，首先要给网站一个准确的定位，是用来宣传自身，还是用来提供商务服务、资讯服务，从而确定主题与设计风格。 确定了主题以后，就要根据希望提供的功能来确定设计网站所使用的技术。首先要确定Web服务器平台，,第1章 概 论,30,1.6 网站的设计流程,是采用Windows的IIS，还是Linux的Apache；然后要根据网站功能的复杂程度决定是采用静态网站还是动态网站。对于动态网站，还要考虑使用何种数据库及采用什么技术来支持。 整体规划还包括网站结构的规划，即根据希望提供的信息和功能设计网站的结构，是层次结构、线型结构、还是网状结构。 建设一个规范的网站，从结构设计、页面设计到数据库的集成，每一个环节都非常重要。,
