发布静态网页下面介绍的发布静态网页的方法有三种:1. 通过windows自带的IIS发布。
2. 通过apache http server 发布。
3. 通过apache tomcat server发布。
第一篇:通过windows自带的IIS发布第一步:安装windows IIS控制面板----程序和功能----打开或关闭windows功能,如下图:打开或关闭windows功能----Internet信息服务---- web管理工具和万维网服务。
如下图:单击确定,耐心等几分钟IIS就安装好啦。
当然,口说无凭,我们要去验证下究竟安装是否成功。
控制面板----系统和安全----管理工具----Internet信息服务(IIS)管理器,如下图:看到下面的窗口,左侧窗口中有树形结构。
根节点DELL-PC(DELL-PC\DELL)表示当前计算机的名字(注意,你的计算机名字与我不同),如下图:在树形菜单中,Default Web Site----管理网站----启动。
如果启动项为灰色,说明当前服务器已经启动。
如下图:打开浏览器(任意一种都可以)。
在地址栏中输入:localhost,回车。
如果看到下面的界面,恭喜你,IIS启动成功啦(IIS的版本不同出现的提示页面可能不同)。
现在有图有真相了,我们去写个页面来发布一下试试。
第二步:编辑html页面在任意盘符下,新建一个文件夹htmlpage。
然后,我们开始写页面。
我用的是sublime text(类似的编辑器还有ulteredit,editplus等。
)。
当然,简单的记事本也OK。
再次当然,记事本没有这个工具看起来方便。
看下图:有没有???!!!关键字都是高亮的,对于不爱用复杂编辑器的人儿来说,这可是相当方便呢!不过,重点不是编辑器啦,代码,代码,代码才是重点。
上图是我们写的第一个页面,命名为index.html。
然后,还可以再写一个页面oops.html,如下图:好了,在选定的盘符下,htmlpage文件夹下就会有这样的两个文件。
如下图:第三步:发布页面首先要回到IIS管理页面。
控制面板----系统和安全----管理工具----Internet信息服务(IIS)管理器,如下图:在左侧的树形菜单中找到Default Web Site----添加虚拟目录,如下图:在新打开的窗口中,输入别名(为站点起一个名字,方便通过地址栏访问到),物理路径(刚才写的网页的真正的位置)确定之后,会看到在左侧的树形菜单中Default Web Site下面多了一个webpage(就是刚才起的别名)。
如下图:到此,我们已经完成部署啦。
现在要去确认下,发布的网站能访问了吗。
打开浏览器(任意一种都可以)。
在地址栏中输入:localhost/webpage,回车。
如果看到下面的界面,恭喜你,网站发布成功啦。
webpage就是刚才我们给网站起的别名。
再去地址栏输入:localhost/webpage/oops.html,回车,能够看到下图:一不小心,就这样成功了。
是不是很简单?!等等,刚才的两个页面打开的方式有什么不同?第一个页面在地址栏中输入的是:localhost/webpage,第二个页面输入的是:localhost/webpage/oops.html。
大家可以尝试在地址栏中换一种方式输入第一个页面:localhost/webpage/index.html,是不是也能访问?为什么会这样?继续回到站点管理的窗口,如下图:在右侧窗口中找到默认文档,双击之后可以看到如下内容:看到index.html了吗?因为在这里设置了默认页面,所以在打开index.html的时候,可以不用写到页面的具体名字。
而oops.html没有在这里设置,所以访问时必须写名字。
当然,可以在这里添加oops.html,这样访问的时候就可以不写到具体页面的名字了。
第二篇:通过apache http server 发布第一步:安装apache http server可以直接从官方网站()下载。
安装过程很简单要么是导航式安装,要么是直接解压缩即可。
安装完成之后,可以在开始菜单----所有程序----Apache HTTP Server----Monitor Apache Servers,能看到在桌面的右下角启动了一个监视器。
右键,选择Open Apache Monitor点击右侧start,启动apache服务。
下图显示的是该服务成功显示的状态:打开浏览器,输入访问http://localhost 若出现非错误界面(不同版本出现的正确界面不太一样,只要不是错误界面都可以),则此时apache服务器已经可以运行。
第二步:编辑html页面在apache http 服务器的安装目录中,找到htdocs这个文件夹,如下图:注:如果是导航式安装,这个目录就是安装过程中让用户选择安装路径的那个文件夹;如果是解压缩式安装,那么就是解压缩的文件夹。
在这个文件夹下新建一个文件夹htmlpage,里面同样新建两个html页面:index.html 和oops.html(具体方法参考这里)。
第三步:发布页面其实就是重启一次http服务器。
在桌面的右下角找到监视程序,左键选择restart。
打开浏览器输入:http://localhost/htmlpage/就能看到下图:再去地址栏输入:http://localhost/htmlpage/oops.html,回车,能够看到下图:上面的两个页面访问方式依旧不同。
第一个页面在地址栏中输入的是:localhost/htmlpage,第二个页面输入的是:localhost/htmlpage/oops.html。
大家可以尝试在地址栏中换一种方式输入第一个页面:localhost/webpage/index.html,是不是也能访问?为什么会这样?因为在http服务器中同样默认index.html是一个网站的默认页面。
第三篇:通过apache tomcat server发布使用须知:1. tomcat服务器比较适合动态网站的发布。
如果仅仅只是静态网站,大可不必使用这个服务器。
前面两种方法足够。
2. tomcat服务器比前两种服务器使用起来要麻烦,需要用户去配置网站的配置文件。
3. 对于以后要学习java和动态网页的同学(电子商务专业的最优选择)来说,这个方法值得学习。
第一步:安装myeclipse这是一个集成开发环境。
集成了tomcat和eclipse(当然不止这两种,还有很多)。
安装过程很简单,导航式安装。
安装好以后打开myeclipse能看到如下的界面:第二步:新建web工程文件----新建----web 工程(为了防止有的同学安装中文版本,这里用中文描述操作步骤,但图是英文。
)如下图:在出现的窗口中输入工程的名字,确定即可。
这时在myeclipse的工程列表中就能够看到新建好的web工程了。
如下图:第三步:新建网页文件在工程名处,右键,新建----其它,如下图:在新窗口中,输入要新建的文件类型html,编程环境会自动搜索到符合条件的类型,选择第二种,基本html模板(有没有很人性化!!!)。
如下图:选择下一步,为新的网页文件命名和选择存储路径。
一般我们在myeclipse中的网页文件都存储在webroot文件夹下。
如下图:完成之后,可以看到在开发环境中出现了下图所示的变化:左侧工程的webroot文件夹下多了一个index.html文件,同时在右侧的编辑窗口中,展开了开发环境按照基本模板为index.html创建的代码。
可以在编辑区域,完善index.html 的源代码。
如下图:按照上述同样的方法创建第二个静态页面oops.html,代码如下图所示:第四步:修改web工程的欢迎页面(首页)左侧窗口,工程目录下找到webroot----WEB-INF----web.xml,如下图:注:web.xml文件是一个web工程核心的配置文件。
一个web工程部署到服务器上以后,服务器每次启动都会检查该工程的这个核心配置文件。
双击打开编辑窗口,在该窗口中选择welcome-file-list,在下图右侧的标识处,修改为index.html。
第五步:激活tomcat服务器在开发环境的上方,图表区域,找到如下图标:点击后面的黑色箭头,选择配置服务器,如下图:在服务器配置窗口中,选择MyEclipse----Servers----MyEclipse Tomcat,如下图。
将右侧的服务器状态置为Enable。
第六步:发布web工程这一步要做两件事:将web工程发布到tomcat服务器上并将服务器启动。
Myelipse给我们提供了一个便捷的方法可以一个操作完成两件事情。
在工程列表处,右键,选择运行----MyEclipse 服务器程序,如下图:这时,可以观察开发环境的变化。
先出现一个console窗口,紧接着会打开一个浏览器,并出现刚才我们写的页面,如下图:下面的console是tomcat服务器运行的控制台,常输出tomcat运行过程中的一些信息。
注意看上面的浏览器地址栏,写的是http://localhost:8080/htmlpage/。
这里的8080是tomcat的服务端口号。
前面两种方法之所以没有写端口号,是因为他们都是默认在80端口工作的。
在80端口工作的,可以直接省略端口号。
可以尝试在地址栏中输入http://localhost:8080/htmlpage/oops.html,同样可以看到页面。
这里之所以访问index.html时可以不输入它的页面文件的名字,是因为第四步的操作。
当然第六步也可以通过手动的方法分两步做。
首先将web工程部署到tomcat上。
在工程列表窗口,工程名右键----MyEclipse----增加或移除工程部署,如下图:在打开的窗口中,选择当前工程的名字htmlpage,如下图:选择添加,在新窗口中,选择使用的服务器MyEclipse Tomcat,如下图:完成后,回来的窗口中可以看到操作的结果,如下图:在列表窗口中出现了一项划勾的列表项,同时在下面的部署状态窗口中出现了成功部署的提示。
这样表示我们已经将这个工程部署到服务器上了。
为了请大家看一下部署做了什么事,可以在上面的窗口中点击浏览这个按钮,在新出现的窗口中,可以观察到tomcat 的工作目录(webapps)中已经部署好的工程(htmlpage),如下图:手动分步骤操作的接下来一步就是要启动服务器,在菜单栏上找到服务器图标,点击后面的下拉箭头,选择myeclipse Tomcat----启动。
如下图:这时可以看到主窗口的下方打开了一个console窗口,输出tomcat运行过程中的一些信息。