资源描述
,单击此处编辑母版标题样式,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,台州学院 计算机系,*,第一章 网页设计基本知识,主讲,:,陈炳华,tiger828 662299(,短号,),台州学院 计算机系,第一章 网页设计基本知识 主讲:陈炳华 tiger8281,随着互联网（,Internet,）应用的迅速发展和普及，信息技术正极大地改变着人类的生活和工作方式。基于,Internet,而展开信息发布、企业宣传、电子商务、网络游戏、网络教育、远程医疗等活动方兴未艾，而这一切都离不开,Web,网站的支撑。,台州学院 计算机系,随着互联网（Internet）应用的迅速发展和普及，,一、 网络基本知识,因特网（国际互联网）是基于,TCP/IP,协议的，由许多小的网络（子网）互联而成的一个超级广域网。是以资源共享为目的。,1,、,Internet,概述,台州学院 计算机系,一、 网络基本知识 因特网（国际互联网）是基于T,2,、,IP,地址和域名,(1)IP,地址：,任何连接在,Internet,的计算机,都叫做主机,(Host),任何一台主机在互联网上都有一个唯一的地址,成为,IP,地址。依靠,IP,地址可以识别各个不同主机。,IP,（,Internet Protocol,）地址由,4,组数字构成，每组,8,位，共,32,位。它包含了两部分信息，即网络代号（,NetID,）和主机代号（,HostID,）,如：,60.191.134.205 192.168.0.1,等,台州学院 计算机系,2、IP地址和域名(1)IP地址：台州学院 计算机系,(2),域名,IP,地址是一串枯燥的数字很难理解和记忆,为了解决这个问题引入了域名,每一个域名与,IP,地址是一一对应的，人们输入域名，再由域名服务器（,DNS,）解析成,IP,地址，从而找到相应的网站。,如：, ,等,台州学院 计算机系,(2)域名台州学院 计算机系,3,、统一资源定位器（,URL,）,URL(Uniform Resoure Locator,统一资源定位器）是,WWW,网页的地址，好比一个街道在城市地图上地址。,url,使用数字和字母按一定顺序排列以确定一个地址。,URL,的第一个部分,http:/,表示的是要访问的文件的类型。在网上，这几乎总是使用,http,（意思是超文本转换协议,hypertext transfer protocol,。它是用来转换网页的协议。,),有时也使用,ftp,（,file transferprotocol),意为文件传输协议,主要用来传输软件和大文件（许多做软件下载的网站就使用,ftp,作为下载的网址）,;telnet,（远程登录）,主要用于远程交谈,;,以及文件调用等,意思是浏览器正在阅读本地盘外的一个文件,而不是一个远程计算机,.,URL,地址格式排列为：,scheme:/host:port/path,例如, 客户程序首先看到,http,（超文本传送协议），便知道处理的是,HTML,链接。接下来的,是站点地址（域名），最后是目录,/bbs,台州学院 计算机系,3、统一资源定位器（URL） URL(Unif,4,、超文本标记语言,（,HTML Hypertext Marked Language,）,是一门专门用于,WWW,的编程语言。用于描述超文本各个部分的构造，告诉浏览器如何显示，怎样生成文档链接等信息，需要通过,WEB,浏览器显示出效果。,台州学院 计算机系,4、超文本标记语言（HTML Hypertext Mark,5,、,WWW,和浏览器,（,1,）,WWW,是,World Wide Web,的缩写，,万维网,（亦作“网络”、“,WWW”,、“,3W”,，英文“,Web,”,或“,World Wide Web”,），是一个资料空间。在这个空间中：一样有用的事物，称为一样“资源”；并且由一个全域“统一资源标识符”（,URL,）标识。这些资源通过超文本传输协议,(HyperText Transfer Protocol),传送给使用者，而后者通过点击链接来获得资源。从另一个观点来看，万维网是一个透过网络存取的互连超文本,(interlinked hypertext document),系统。,台州学院 计算机系,5、WWW和浏览器（1）WWW是World Wide Web,浏览器是指可以显示网页服务器或者文件系统的,HTML,文件内容，并让用户与这些文件交互的一种客户端程序。,微软的,Internet Explorer,、,Mozilla,的,Firefox,、,Apple,的,Safari,、,Opera,、,HotBrowser,、,Google,的,Chrome,。,2008,年,3,月,1,日起停止开发网景浏览器（,Netscape Navigator,），并停止一切技术支持。,（,2,）浏览器（,Browser,）,台州学院 计算机系,浏览器是指可以显示网页服务器或者文件系统的HTML文件内容，,二、初识网页,1,、静态网页,并不是网页中元素都是静止不动的，而是指网页制作完成后，在浏览时，,Web,服务器中不再发生应用程序的执行。,静态网页是标准的,HTML,文件，其文件扩展名是,.htm,或,.html,。它可以包含,HTML,标记、文本、,Jave,小程序、客户端脚本以及客户端,ActiveX,控件，但这种网页不包含任何服务器端脚本，该页中的每一行,HTML,代码都是在放置到,Web,服务器前由网页设计人员编写的，在放置到,Web,服务器后便不再发生任何更改，所以称之为静态网页。,台州学院 计算机系,二、初识网页1、静态网页 并不是网页中元素都是静止不动,静态网页的执行过程,台州学院 计算机系,静态网页的执行过程 台州学院 计算机系,2,、动态网页,除了普通页面中的元素外，还包括一些应用程序，这些应用程序使得浏览器与,Web,服务器之间发生交互。,台州学院 计算机系,2、动态网页 除了普通页面中的元素外，还包括一些应用,动态网页的执行过程,台州学院 计算机系,动态网页的执行过程 台州学院 计算机系,3,、动态网页与静态网页之间的区别,动态网页中的某些脚本只能在,Web,服务器上运行，而静态网页中的任何脚本都不能在,Web,服务器上运行。当,Web,服务器接收到对静态网页的请求时，服务器将该页发送到请求浏览器，而不进一步的处理。当,Web,服务器接收到对动态网页的请求时，它将做出不同的反映：它将该页传递给一个称为应用程序服务器的特殊软件扩展，然后由这个软件负责完成页。应用服务软件与,Web,服务器软件一并安装、运行在同一台计算机上。,台州学院 计算机系,3、动态网页与静态网页之间的区别 动态网页中的某些脚本,4,、网页开发流程,静态网页,动态网页,photoshop,firework,flash,Dreamweaver,（整合各种媒体）,数据库,（,SQL Server,）,ASP/JSP/PHP,网站,浏览器,客户端,台州学院 计算机系,4、网页开发流程静态网页动态网页photoshopfirew,三、小结,本章介绍了网络的一些基本概念，,IP,地址、域名、,URL,、,HTML,，静态网页和动态网页等,台州学院 计算机系,三、小结 本章介绍了网络的一些基本概念，IP地址、域名,四、上机验证,1,）练习文件的建立、文件夹的建立，并按照上课作业命名的方法将其正确命名，同时进行压缩操作。,2,）将上述生成的文件和文件夹压缩包通过作业将其上交。,3,）了解,IP,地址、域名、,URL,、,HTML,、静态网页和动态网页等。,台州学院 计算机系,四、上机验证 1）练习文件的建立、文件夹的建立，并按照上课作,再见,台州学院 计算机系,再见台州学院 计算机系,
展开阅读全文