第一讲网站建设概述

第一讲网站建设概述课程内容网站设计基础网站开发所需技术概述WEB服务器概述JSP环境配置网站总体设计WEB的起源1980年TimBerners-Lee负责的Enquire（EnquireWithinUponEverything的简称）项目。1990年11月，第一个Web服务器nxoc01.cern.ch开始运行目前，与Web相关的各种技术标准都由著名的W3C组织（WorldWideWebConsortium）管理和维护。WEB架构中的技术HTML(Hypertext)；URI(UniformResourceIdentifier)；HTTP(HyperTextTransferProtocol)。Web是一种典型的分布式应用架构，所以分为客户端和服务端客户端技术的萌芽和发展HTML技术的发展最初的HTML语言只能在浏览器中展现静态的文本或图像信息1989年GIF图像格式应用于HTML1996年，Netscape浏览器增加了对JavaApplets和JavaScript的支持，同年Microsoft设计了另一种脚本语言--VBScript语言。1996年底引入了CSS（CascadingStyleSheets）和DHTML（DynamicHTML）技术1996年Netscape引入了对QuickTime插件的支持客户端技术的萌芽和发展XML语言及其相关技术1996年，W3C在SGML语言的基础上，提出了XML（ExtensibleMarkupLanguage）语言草案。1998年，W3C正式发布了XML1.0标准。1999年，W3C制定出了XSLT标准。2000年，W3C发布SOAP（SimpleObjectAccessProtocol）协议。利用SOAP协议传递XML信息的分布式应用模型称为WebService。2001年，W3C发布了WSDL（WebServicesDescriptionLanguage）协议的1.1版。SOAP协议和WSDL协议共同构成了WebService的基础。服务端技术的萌芽和发展1993年CGI（CommonGatewayInterface）技术应用1994年RasmusLerdorf发明了专用于Web服务端编程的PHP（PersonalHomePageTools）语言1996年，Microsoft借鉴PHP的思想，在其Web服务器IIS3.0中引入了ASP技术1997年，Servlet技术问世，1998年，JSP技术诞生。网站开发技术WEB客户端开发技术HTML技术JavaScript技术CSS技术XML技术WAP与WML技术网站开发技术WEB服务端开发技术ASP技术PHP技术JSP技术.NET技术网站设计与管理的基本过程1、网站的规划和分析建站目的与目标、可行性分析、资源规划2、网站运行环境的建立域名注册、建站方式的选择、Web服务器的构建3、网站的设计与制作网站总体设计、网站内容与结构设计、网站可视化设计、网页的制作4、网站管理系统的建立5、网站的测试、推广与维护网站的测试、网站的营销推广、网站的日常更新与维护网站总体设计网站CI形象设计网站的内容设计网站的总体结构网站的目录结构与链接设计网站的整体风格和创意设计CI:企业形象。CI设计主要指网站的标志、色彩、字体、标语等。1、网站标志、名称设计2、设计网站的标准色彩3、设计网站的标准字体网站CI形象设计网站标志、名称宣传型电子商务网站完全电子商务网站网站结构图网站的目录结构与链接目录结构设计不要将所有文件都存放在根目录下按栏目内容建立子目录在每个主栏目内部建立独立的images目录目录层次不要太深不要使用中文目录名不要使用过长目录名尽量使用意义明确的目录名信息学院周宝刚网站的整体风格与创意1、风格的内涵风格（Style）是指站点的整体形象给浏览者的综合感受。2、风格的确立明确网站的风格使网站的标志尽可能出现在每个页面突出网站的标准色彩突出网站的标准字体使用统一的图片处理效果使用统一的符号、线条与图标Web服务器分为在UNIX或LINUX平台以及Windows平台，UNIX：W3C、NCSA和APACHE服务器Windows：IIS（InternetInformationServer）Web服务器MicrosoftIIS信息学院周宝刚Web服务器IBMWebSphereWeb服务器BEAWebLogicWeb服务器OracleIASWeb服务器ApacheWeb服务器TomcatJSP运行环境得安装安装JAVA运行环境安装tomcat服务器WINDOWS下JAVA环境配置1、JDK的下载和安装2、在windows下面环境变量的设置JAVA_HOME=C:\JDKCLASSPATH=.;C:\JDK\lib\tools.jarPATH=C:\JDK\bin3、环境变量的测试echo％JAVA_HOME%4、其它服务的安装（J2EEWEB服务安装）TOMCAT的安装WINDOWS下Tomcat安装1、到、通过双击安装，安装过程中需要选择JDK得目录3、检查是否安装成功4、修改tomcat得配置文件LINUX下JAVA环境配置1、JDK的下载和安装2、在linux下面环境变量的设置（修改etc/profile文件）exportJAVA_HOME=/usr/java/j2sdk1.4.2_04exportCLASSPATH=$CLASSPATH:$JAVA_HOME/lib:$JAVA_HOME/jre/libexportPATH=$JAVA_HOME/bin:$JAVA_HOME/jre/bin:$PATH:$HOMR/bin3、其它服务的安装（J2EEWEB服务安装）TOMCAT的安装LINUX下Tomcat安装1、到、通过解压放到linux下，#gunzipapache-tomcat-5.5.12.tar.gz#tar-xvfapache-tomcat-5.5.12.tar#mvapache-tomcat-5.5.12tomcat3、检查是否安装成功4、修改tomcat得配置文件#cdtomcat/conf#viserver.xmlTomcat目录结构JSP概述JavaServerPages（JSP）是基于Java语言的服务器端脚本技术。JSP提供动态网页设计的技术，它是建立在JavaServlet技术的基础之上。使用JSP技术，程序开发人员可以利用JSP的一些标记在HTML静态内容中加入动态数据，制作动态网页。第一个JSP文件%@pagecontentType=text/html;charset=gb2312%%@pageimport=java.util.*“%...HTMLBODY其他HTML语言%//符合JAVA语法的JAVA语句out.println(“HelloWorld!”);%其他HTML语言/BODY/HTML配置Tomcat服务器server.xmlTomcat的全局配置文件提供Tomcat组件的初始配置说明Tomcat的结构,含义,使得Tomcat通过实例化组件完成起动及构建自身web.xml在Tomcat中配置不同的关系环境Server.xml和Web.xmlServer.xml配置文件Web.xml配置文件配置tomcat（演示）1、项目文件结构和组成WEB-INF,WEB-INF/classes，WEB-INF/lib，WEB-INF/web.xml2、修改server.xml来配置项目配置host元素配置context元素3、配置专门访问文件（conf\Catalina\localhost）J2EE目录规范src/main/javaApplication/Librarysourcessrc/main/resourcesApplication/Libraryresourcessrc/main/filtersResourcefilterfilessrc/main/assemblyAssemblydescriptorssrc/main/configConfigurationfilessrc/main/webappWebapplicationsourcessrc/test/javaTestsourcessrc/test/resourcesTestresourcessrc/test/filtersTestresourcefilterfilessrc/siteSiteLICENSE.txtProject'slicenseREADME.txtProject'sreadme开发工具Eclipse，MyEclipse（插件）Eclipse是一个开放可扩展的集成开发环境(IDE)。它不仅可以用于Java的开发，通过开发插件，它可以构建其他的开发工具。DreamweaverMX由Macromedia公司推出的，用于网页开发和网站管理的专业化设计工具。其它工具：EditPlus，jbuilder，photoshop，coredraw，netbean等需掌握的知识或技术1、数据库（分析，设计，实现）2、Java语言3、HTML语言（css，javascript等）4、JSP5、XML6、各种工具软件、开发工具的使用演示如何建立一个J2EE项目1、在eclipse中建立J2EE项目路径：File－newproject–myeclipse-J2EEproject–webproject按照要求建立项目。2、在dreamweaver中建立站点，编辑JSP页面