搜索
——Part1网页设计基础国家中职骨干教师培训课程网页制作Part1网页设计基础2Part1网页设计基础学习重点、难点（WorldWideWeb,万维网）是基于Internet的一种界面友好，用于检索和浏览链接到Internet服务器上的有关内容。它利用超文本（Hypertext）、超媒体（Hypermidia）等技术，使用户通过浏览器（如IE，FireFox）可以方便地检索远程服务器上的文本、图形、声音以及视频文件。基础特点是一种超文本链接信息系统是图形用户界面与系统平台无关是分布式的采用动态网页基础常见术语（概念）超文本(hypertext）一种全局性的信息结构,它将文档中的不同部分通过关键字建立链接，使信息得以用交互方式搜索。它是超级文本的简称。超媒体(hypermedia）超媒体是超文本（hypertext）和多媒体在信息浏览环境下的结合。它是超级媒体的简称。Part1网页设计基础7基础常见术语（概念）域名(DN(domainname)为连到因特网（Web）上的计算机所指定的名字。Part1网页设计基础8基础常见术语（概念）域名服务器（DNS）域名服务器（DomainNameSystem）是Internet网际的机器名字的命名系统。计算机网络，最初常见的连接方式是点对点(PointtoPoint)的，规模较小，这时可以使用低级的硬件地址来标识机器。但随计算机网络技术的不断发展，特别是为适应网际互联的需要，引入了IP地址的概念以及IP地址与物理地址的变换协议。Part1网页设计基础9基础常见术语（概念）IPNumber（IP地址，InternetProtocolNumber）有时也被称作点数码组。这是包含有四个由点号隔开的部分的特定数字，例如：192.168.73.59。互联网上的每一台计算机都拥有一个独有的IP地址。如果一台计算机不具有IP地址，那么它实际上就还没有被连入互联网。大多数计算机还可以拥有一个多个域名，以便于人们记忆。Part1网页设计基础10基础常见术语（概念）传输控制制协议（TCP，transmissioncontrolprotocol)TCP/IP网络体系结构传输层的一咱协议，用以提供可靠的数据传输。《计算机科学技术名词》（1994已公布）12.199。Part1网页设计基础11基础常见术语（概念）FTP（文件传输协议，FileTransferProtocol）在两个互联网站点之间传递文件时使用得十分普遍的方法。FTP是登录到另一互联网站点的特殊途径，其登录目的在于获取或是发送文件。现在，已经有许多互联网站点都建立了可供大众访问的资料库，这些资料都可以被通过FTP获取。登录到这些站点可以使用匿名（“anonymous”）帐号，因而这些站点也就被称作匿名FTP服务器。Part1网页设计基础12基础常见术语（概念）HTTP（超文本传输协议，Hyper-TextTransportProtocol）用于在互联网上传输超文本文件的协议。它对一个HTTP客户程序和一个HTTP服务程序进行端对端的连接。HTTP是在（）上所应用的最重要的协议。Part1网页设计基础13基础常见术语（概念）端口（port）在网络技术中，端口（Port）大致有两种意思：一是物理意义上的端口，比如，ADSLModem、集线器、交换机、路由器用于连接其他网络设备的接口，如RJ-45端口、SC端口等等。二是逻辑意义上的端口，一般是指TCP/IP协议中的端口，端口号的范围从0到65535，比如用于浏览网页服务的80端口，用于FTP服务的21端口等等。我们这里将要介绍的就是逻辑意义上的端口。Part1网页设计基础14基础工作过程用户启动客户浏览器，输入URL，浏览器软件通过HTTP向URL所在的Web服务器发出服务请求；服务器根据浏览器请示，把URL地址转化成页面所在服务器上的文件路径，找到相应的网页文件；当网页中仅包含HTML标记，（熟称静态页面），服务器直接使用HTTP将该文档发送到客户端；如果HTML文档中还包含有JavaScript/VBScript等脚本程序代码，这些代码也将随同HTML文档一起下载，由浏览器执行脚本代码；如网页中嵌套有CGI或ASP程序，这些程序将由服务器执行，并将运行结果以HTML标记形式发给客户端。浏览器解释HTML文档，并将结果在客户端浏览器上向用户显示。Part1网页设计基础15基础网页包括文本、图片、链接、动画、音视频、交互表单等元素。网站由网页构成，网站的引导网页通常称为首页。网页和网页之间通过超链接组织到一起。网页设计与网站开发概论Part1网页设计基础17网页设计与网站开发概论网页与网站网页：当浏览者输入一个网站的网址或者单击某个链接，在浏览器里看到的文字、图片，可能还有动画、音频、视频等内容，承载这些内容的就是网页。如下图所示。而网站，就是各种各样内容网页的集合，有的网站内容庞杂，如新浪，网易这样的门户网站；有的网站可能只有几个页面，如小型的公司网站，但是它们都是由最基本的网页组合起来的。Part1网页设计基础18网页设计与网站开发概论网页与网站首页：在网站中，有一个特殊的页面，它是浏览者输入某网站的去世后后看到的第一个页面，因此这个页面有一个专用的名称－Homepage，即首页，正因为主页浏览一个网站的起始页面，有的时候，“主页”也就成了“网站”的代名词，如“个人主页”。Part1网页设计基础19网页设计与网站开发概论网页基本元素文本：包括字体、字型、颜色、段落设置以及对齐方式等。图片：GIF、JPEG、PNG，矢量格式超级链接：包括文字链接和图片链接，只要浏览者单击带链接的图片或文字，就可以自动链接上对应的其它文件。动画：包括GIF动画和Flash动画。网页特效：网页中使用JavaScript、VBScript等脚本语言实现的各种特殊动态效果，如跟随鼠标移动的文字或图像、下拉菜单、自动弹出窗口等，网页特效倒网页活泼、表现力更强。表单：是一种可以在浏览者与服务器之间进行信息“交流”的东西，使用表单可以完成搜索、论坛、发送电子邮件、在线购物等交互功能。音/视频：随着网络技术的发展，网页上面不再是单调的MIDI背景音乐，丰富多彩的网络电视、博客等已经开始成为网络新潮流。Part1网页设计基础20网页设计与网站开发概论网站常用功能信息发布：企业/事业单位网站/信息服务：信息查询服务：、业务运营：学校信息系统：学籍管理/成绩查询/校园卡服务电子商务：电信话费查询/网上购物平台（e-buy）Part1网页设计基础21网页设计与网站开发概论网站开发主流技术ASP与ASP.NET：ASP，ActiveServerPage，采用面向对象的编程方法，无须编译和即可执行，还可以通过ActiveX控件扩充ASP的功能。支持客户端和服务器端脚本，一般使用VBScript作为默认的脚本语言。ASP.NET是微软.NET平台下的Web应用开发环境，它并不是ASP的简单升级版本，使用了全校的面向对象的Web程序设计概念。最显著的特点是实现HTML界面和服务器端代码的分离，更容易实现界面设计与程序开发的分工。ASP.Net支持VB.NET、C#等多种开发语言。Part1网页设计基础22网页设计与网站开发概论网站开发主流技术JSP：J2EE（Java2Platform,EnterpriseEdition）平台下的一个Web应用开发环境。JSP能够适应市场85%的服务器产品。JSP与ASP技术都提供在HTML代码中混合某种程序代码、由语言引擎解释执行的能力，ASP与JSP页面需要附加的语言引擎分析和执行程序代码，程序代码的执行结果被重新嵌入到HTML代码中。Part1网页设计基础23网页设计与网站开发概论网站开发主流技术Part1网页设计基础24网页设计与网站开发概论网站开发一般流程前期规划：明确网站的目标和用户需求网站素材的组织与准备：1）详细调查，广泛与有关人员接触，使其尽可能充分地提供一些详尽的资料与素材，尽可能多获取第一手的感性材料；2）多方听取意见；3）资料整理。站点结构规划：1）站点逻辑结构：页面导航结构设计；2）站点目录结构设计。Part1网页设计基础25目前主流Web服务器主要有以IBM的Java平台和MicroSoft的Windows平台为主。常用的网站服务器有Apache、Tomcat、IIS等。网站配置与管理Part1网页设计基础26网站配置与管理常见Web服务器MicrosoftIISMicrosoft的Web服务器产品为InternetInformationServer(IIS)，IIS是允许在公共Intranet或Internet上发布信息的Web服务器。IIS是目前最流行的Web服务器产品之一，很多著名的网站都是建立在IIS的平台上。IIS提供了一个图形界面的管理工具，称为Internet服务管理器，可用于监视配置和控制Internet服务。IIS是一种Web服务组件，其中包括Web服务器、FTP服务器、NNTP服务器和SMTP服务器，分别用于网页浏览、文件传输、新闻服务和邮件发送等方面，它使得在网络（包括互联网和局域网）上发布信息成了一件很容易的事。它提供ISAPI（IntranetServerAPI）作为扩展Web服务器功能的编程接口；同时，它还提供一个Internet数据库连接器，可以实现对数据库的查询和更新。Part1网页设计基础27网站配置与管理常见Web服务器ApacheApache源于NCSAhttpd服务器，经过多次修改，成为世界上最流行的Web服务器软件之一。Apache是自由软件，所以不断有人来为它开发新的功能、新的特性、修改原来的缺陷。Apache的特点是简单、速度快、性能稳定，并可做代理服务器来使用。本来它只用于小型或试验Internet网络，后来逐步扩充到各种Unix系统中，尤其对Linux的支持相当完美。Part1网页设计基础28网站配置与管理常见Web服务器TomcatTomcat是一个开放源代码、运行servlet和JSPWeb应用软件的基于Java的Web应用软件容器。TomcatServer是根据servlet和JSP规范进行执行的，因此我们就可以说TomcatServer也实行了Apache-Jakarta规范且比绝大多数商业应用软件服务器要好。Part1网页设计基础29网站配置与管理IIS的配置管理安装：默认情况下，安装Windows不会安装IIS服务器。WindowsXp与Windows2003安装IIS略有不同，以Windows2003为例：可按下列步骤安装IIS：控制页面→添加删除程序→添加删除Windows组件→应用程序服务器即可打开IIS安装选项。按安装向导可进行安装，安装过程中系统会提示插入Windows安装光盘。Part1网页设计基础30网站配置与管理IIS的配置管理安装：Part1网页设计基础31网站配置与管理IIS的配置管理新建网站：打开IIS，右击网站→新建→输入站点信息→设置IP地址、端口、主机头→指定网站物理地址，就可以新建一个网站。同一个IIS服务器只能建立一个IP地址和端口、主机头相同的站点。Part1网页设计基础32网站配置与管理IIS的配置管理新建网站：Part1网页设计基础33网站配置与管理I