HTML5程序设计辽宁工程技术大学工商管理学院信息管理系huangmin://://第1章网页技术学前班本章知识点1.1网站及相关概念1.2Internet相关技术1.3网页技术的工作原理1.4配置Web服务器运行环境1.1网站及相关概念1.1.1网站相关概念1.网站与网页网站(WebSite)是指在互联网上,根据一定的规则,使用HTML(HypertextMarkupLanguage,超文本标记语言)等工具制作的用于展示特定内容的相关网页的集合。这些网页按照一定的组织结构,以链接等方式连接在一起,形成一个整体,描述一组完整的信息。网页也叫Web页,就是人们在浏览器中浏览信息时,看到的一个一个的页面。1.1网站及相关概念2.Internet与Web网Internet是指全球性的计算机网络,通常称国际互联网、互联网或因特网。Web网是指Internet上的一种服务,即服务,的缩写,通常称Web网或称3W网、万维网或蜘蛛网。Web网(万维网)是一个把信息存储与检索技术,以及超文本与超媒体技术融合到一起的,在全球范围内分布的,具有开放的、交互的、动态的、可在交叉平台上运行等特性的,基于因特网的多媒体信息系统。1.1网站及相关概念3.网站的组成网站由域名(DomainName)、网站空间(WebHost)和网站源程序三部分构成。(1)域名(IP地址)(2)网站空间(3)网站源程序1.1网站及相关概念IP地址和域名IP地址IP地址是指能唯一表示网络中计算机地址的数字标识。IP地址总共32位,采用点分十进制记法。IP地址分为五类:A、B、C、D和E类。例:11001010000010110000011100011111就记作:202.11.7.311.1网站及相关概念IP地址和域名0网络号7主机号24A类10网络号14主机号16B类110网络号21主机号8C类1110组播地址28D类11110保留为今后使用E类1.1网站及相关概念IP地址和域名域名域名系统是一种帮助人们在Internet上用名字来唯一标识自己的计算机,并保证域名和IP地址一一对应的网络服务。DNS采用分级的结构:叶结点名.三级域名.二级域名.一级域名例:服务的计算机上,这台计算机称为服务器(也称为Web服务器)。用于查看Web站点内容的软件称为浏览器,用户要访问网络资源,必须在用户的机器上安装浏览器。浏览器实际上就是用于网上浏览的应用程序,其主要作用是显示网页和解释脚本。1.1网站及相关概念5.远程站点和本地站点远程站点(RemoteSite)是指服务器上组成的Web站点。本地站点(LocalSite)是指与远程站点上的文件对应的本地磁盘上的文件夹。1.1网站及相关概念1.1网站及相关概念1.1.2网站的主要类型1.从功能和结构形式分类①门户网站②普及型网站③电子商务类网站④媒体信息服务类网站⑤办公事务管理网站⑥商务管理网站1.1网站及相关概念2.从技术角度分类①静态网站②动态网站3.从商业角度分类①商业网站②门户网站③宣传网站★其他的如:按照网站语种、网站所有者性质、行业、网站作用、网站主要开发语言、网站规模、网站运行操作系统、网站信息交互等分类。回返1.1网站及相关概念1.2Internet相关技术1.2.1网站的技术基础1.统一资源定位器(URL)URL(UniformResourceLocator)即为“统一资源定位器”,即通过定义资源位置的抽象标识来定位网络资源。URL是用于完整地描述Internet上网页和其他资源的地址的一种标识方法。Internet上的每一个网页都具有一个唯一的名称标识,通常称之为URL地址,这种地址可以是本地磁盘,也可以是局域网上的某一台计算机,更多的是Internet上的站点。简单地说,URL就是Web地址,俗称“网址”。包括:①访问方式②访问位置1.2Internet相关技术protocol(协议):指定使用的传输协议,下表列出protocol属性的有效方案名称。最常用的是HTTP协议,它也是目前中应用最广的协议。file资源是本地计算机上的文件。格式file://ftp通过FTP访问资源。格式协议访问该资源。http通过HTTP访问该资源。格式访问该资源。格式资源为电子邮件地址,通过SMTP访问。格式mailto://MMS通过支持MMS(流媒体)协议的播放该资源。(代表软件:WindowsMediaPlayer)格式MMS://ed2k通过支持ed2k(专用下载链接)协议的P2P软件访问该资源。(代表软件:电驴)格式ed2k://flashget://通过支持flashget:(专用下载链接)协议的P2P软件访问该资源。(代表软件:快车)格式flashget://thunder通过支持thunder(专用下载链接)协议的P2P软件访问该资源。(代表软件:迅雷)格式thunder://news通过NNTP访问该资源。访问方式1.2Internet相关技术2.超文本传送协议(HTTP)HTTP(hypertexttransportprotocol)是一种通信协议,它允许将超文本标记语言(HTML)文档从Web服务器传送到Web浏览器。HTML是一种用于创建文档的标记语言,这些文档包含到相关信息的链接。您可以单击一个链接来访问其它文档、图像或多媒体对象,并获得关于链接项的附加信息。3.超文本标记语言(HTML)HTML(HyperTextMarkupLanguage,超文本标记语言)是一种用来制作超文本文档的简单标记语言。1.2Internet相关技术1.2.2网站的高级技术1.CGI最早的动态网页解决方案是CGI(CommonGatewayInterface,公用网关接口),它可以使用不同的编程语言来编写,如C、C++、VB、Delphi等。2.AppletApplet多采用Java创建的基于HTML的程序。浏览器将其暂时下载到用户的硬盘上,并在Web页打开时在本地运行。3.JavaScript4.ASP和JSP1.2Internet相关技术1.2Internet相关技术网站开发技术:静态网页设计(结构):HTML和XHTML(HTML5)动态网页设计:客户端VBScript、JavaScript服务器端ASP、JSP、PHP表现样式处理:CSS美工动画开发工具:Fireworks、Flash、Photoshop选取语言开发环境或工具:Dreamweaver、Eclipse、Myeclipse、VisualStudio(.net)、IBMVisualAge、JBuilder、NetBeans、Jrun、Urledit、Editplus等回返1.2Internet相关技术1.3.1网页中彩色的表示“标准色彩”是指能体现网站形象和延伸内涵的色彩。一般来说,一个网站的标准色彩不超过三种,太多会让人眼花缭乱。标准色彩要用于网站的标志、标题、主菜单和主色块。给人以整体统一的感觉。至于其他色彩也可以使用,只是作为点缀和衬托,绝不能喧宾夺主。一般而言,适合于网页标准色的颜色有:蓝色,黄/橙色,黑/灰/白色三大系列色。1.3网页技术的工作原理(1)配色原则对于网站的色彩处理原则应该是“总体协调,局部对比”。(2)色彩的形成网页颜色主要有3种基本颜色组成的,他们是红(Red)、绿(Green)、蓝(Blue),RGB每个原色的最小值为0,最大值是255,如果换算成16进制表示,最小值就是#00,最大值就是#FF,通过R、G、B三种颜色值的组合获取丰富的颜色。其他的颜色是由这3种颜色调和而成的。例如,黄=红+绿,紫色=红+蓝,白色=红+绿+蓝等。RGB1.3网页技术的工作原理(3)色彩的特征①色调:表现色彩的种类;②亮度:表现色彩的明亮程度;③饱和度:表现色彩的鲜艳程度。1.3网页技术的工作原理(4)色彩的分类按照色彩对人们心理的影响可以进行以下分类:★暖色系:红、橙、橙黄、黄等色彩让人觉得温馨、和煦、热情。★中性系:黄绿、绿等色彩让人觉得舒适、和谐。★冷色系:青绿、蓝绿、蓝等色彩让人觉得宁静、清凉、高雅。1.3网页技术的工作原理1.3网页技术的工作原理回返1.4配置Web服务器运行环境1.4.1什么是IISIIS是InternetInformationServices的缩写,中文称为互联网信息服务,是一个WorldWideWebserver。是由微软公司提供的基于运行MicrosoftWindows的互联网基本服务。IIS是一种Web(网页)服务组件,其中包括Web服务器、FTP服务器、NNTP服务器和SMTP服务器,分别用于网页浏览、文件传输、新闻服务和邮件发送等方面。1.4配置Web服务器运行环境1.4配置Web服务器运行环境1.4.2安装IIS1.4配置Web服务器运行环境1.4配置Web服务器运行环境1.4.3配置IIS1.4配置Web服务器运行环境1.4配置Web服务器运行环境1.4.3配置IIS1.4配置Web服务器运行环境回返