html、aps网页设计，Dreamweaver8通过IIS建立站点对网页进行预览，设置详细方法

在网页设计的时候，我们对网页的修改想看到实时的反馈，要么就是把修改的文件直接上传，然后到网页去看，要么就只能建立出一个虚拟站点实时查看，因为Dreamweaver8只能看到设计界面，并不能看到动态的界面，而直接上传文件很麻烦，并且别人同样打开网页也会变，搞不好就修改的打不开了，所以在进行网页设计、修改的时候，第一步就是通过Dreamweaver8建立一个虚拟站点，修改后就能立马看到修改后网页的样子。
接下来我将详细介绍一下怎么进行设置，由于我本身也是萌新，这里就用萌新的话来讲给大加听，可能会有些啰嗦，大家见谅。
首先说一下大概的原理，网页预览实际上就是自己创建一个虚拟的站点，我们把从网站下载下来的源文件都放进一个文件夹中，这个文件夹就是你的网页的内容，每当你修改网页，就是同时修改这个文件夹的内容，所以预览网页会随着你的修改变化。
接下来就是要建立这个文件夹。需要借助的工具就是IIS ,一般电脑自带的有，可以搜索一下就出来了，网上也可以下载，全名Internet Information Services (IIS)管理器，主要是用来管理网络设置的。安装完成之后，我们打开iis。界面如下，把左边的电脑展开，有应用程序池和网站，再把网站展开，以前没有设置过的应该会自带一个default web site，这个是电脑默认的端口和物理路径，也是可以修改的，但是不建议修改，不然搞乱了很麻烦。

点击到default web site，如图

点击右边的基本设置，弹出这个框

这里显示的就是物理路径，这个物理路径是系统自带的路径，然后就可以去文件夹找这个路径了，一般打开C盘就能看到inetpub这个文件夹，这时候，我们把我们的网页源文件放进这个物理路径上了。最好给你的网页的文件都放在一个文件夹中，不然挺乱的，比如我的rf文件就是我的网页文件了。

源文件复制进去后，接下来我们开始在iis中创建测试的网站。鼠标右击网站，点击添加网站，如下图

首选填网址，无所谓随便填，也可以像我这样填test即可。
端口80是自动出来的默认端口，不要修改，否则会报错，如果想修改默认端口也不是在这里修改，想修改的自己百度。
物理路径要跟上面自带的第一个网站的看到的物理路径一样，这里要切记，如果你只在这里修改了物理路径，而上面没有修改，那样肯定不会成功的，所以直接保持一致就好。
ip地址，写127.0.0.1，这个是回送地址，会直接回送到你电脑自己的ip地址，当然，你查一下自己电脑的ip填上去也行。
然后点击确定，你的网站就建立好了。

点进去你的网站，然后点击asp看一下设置，为了防止不必要的错误，把这几个都改成ture，其他不用管

到这里，iis的设置就结束了，接下来就是到Dreamweaver8去设置虚拟站点了。

点击站点，然后新建站点

站点名称自己起。
本地根文件夹是另外一个我放在D盘的文件夹，里面放的也是网站的一套源文件，至于为什么要放两套源文件，我待会再解释。
这个源文件和C盘的那个一模一样

注意，我选择的这个本地根文件夹下面，也是有rf文件夹（也就是我的网站的源文件）的。这一点一定要保持一致，也就是本地根文件夹的路径的级别选择要和刚才选择的物理路径的级别一样，不然就会找不到文件夹。
http地址，跟iis中填的保持一致。
其他几个界面如下

剩下的4个不用动，也不用设置。
然后点击完成，就会自动扫描，等设置完成，就可以打开一个asp文件进行预览了。

然后随便选个浏览器就行啦。

接下来说几个需要注意的事情。
1.预览过程中可能会出现很多错误，建议打开详细错误提示，具体怎么打开自行百度，当发生错误的时候，会看到错误的详细信息，如下图：

这里可以看到详细的错误信息，也就是请求的URL和物理路径不一致的问题，也就是我刚才说的文件夹等级的问题。

这里可以看到最后3个文件是完全一样的，并不是说我真的存在这几个文件夹，而是这次预览系统要去打开的文件夹，所以可以看到，在物理路径中，我在wwwroot文件夹下是没有wwwroot文件夹的，所以系统找不到文件，所以才报错404。而这个localhost就是我在Dreamweaver8上选择根文件目录时生成的位置，也就是上图中的测试服务器文件夹，所以只要这个文件夹里能找到的文件在iis的物理路径中也能找到，即一一对应，就不会出现这种错误。
2.为什么两套源文件？两套源文件怎么修改网页？都要修改吗？
这样设置的好处就是你在D盘打开asp文件进行修改，并不会改变C盘中的文件，所以等你修改的差不多了，再把这个文件复制到C盘覆盖，再进行预览，就能看到你修改的网页了。当然，如果你只修改D盘的文件，而不修改C盘的文件，你会发现网页没有被修改，所以相当于C盘的文件夹成为了服务器，你修改了以后上传到C盘，就修改了虚拟网页。当C盘的文件夹预览没问题了以后，再把C盘或者D盘的文件夹通过ftp上传到你的真实的网站服务器上就可以了。
3.为什么网上有的人只用了一套源文件就能进行预览？
我也看到过那种方法，但是需要修改电脑自带的物理路径，一不小心容易出现错误，不太适合新手。看这篇文章的主要是对网页设计不太了解的朋友们，或者刚开始进行网页设计的人，所以可以先从一个逻辑清晰的方式开始学习，任何事情都有更简单的方法，当然那种方法需要大家的学习和探索，也希望大家多进行交流学习。
创作不易，如果有帮到大家希望点赞加关注哦！

html、aps网页设计，Dreamweaver8通过IIS建立站点对网页进行预览，设置详细方法相关推荐

计算机网页设计布局与排版研究,论计算机网页设计的布局与排版
王禹智摘要:网页设计是一种直观的视觉语言,需要对其进行布局与排版.虽然网页设计与平而设计之间存在一定的区别,但是其两者依然存在一定的相似之处,网页设计应该充分借鉴利用平而设计的原则与方法.网页设计 ...
html5网页制作全程揭秘,网页设计殿堂之路：HTML 5网页制作全程揭秘
网页设计殿堂之路:HTML 5网页制作全程揭秘语音编辑锁定讨论上传视频 <网页设计殿堂之路:HTML 5网页制作全程揭秘>是2014年10月清华大学出版社出版的图书,作者是贾勇. ...
HTML5期末大作业：漫画网站设计——海贼王我当定了(6页) web前端期末大作业 html+css+javascript网页设计实例企业网站制作计算机毕设网页设计源码
HTML5期末大作业:漫画网站设计--海贼王我当定了(6页) web前端期末大作业 html+css+javascript网页设计实例企业网站制作计算机毕设网页设计源码常见网页设计作业题材有个 ...
HTML网页设计期末课程大作业：汽车网页——宝马轿车 6页带背景音乐学生网页设计作业HTML+CSS+JavaScript学生网页课程设计期末作业下载
HTML网页设计期末课程大作业 :汽车网页--宝马轿车 6页带背景音乐学生网页设计作业HTML+CSS+JavaScript学生网页课程设计期末作业下载临近期末, 你还在为HTML网页设计结课作 ...
HTML5期末大作业：动漫网站设计——斗破苍穹动漫(6页) HTML+CSS+JavaScript 学生动漫网页设计模板下载斗破大学生HTML网页制作作品简单漫画网页设计成品 dreamweav
HTML5期末大作业:动漫网站设计--斗破苍穹动漫(6页) HTML+CSS+JavaScript 学生动漫网页设计模板下载斗破大学生HTML网页制作作品简单漫画网页设计成品 dreamweave ...
html网页设计期末大作业——生物科技化妆品网页(6页) HTML+CSS+JS网页设计期末课程大作业
html网页设计期末大作业--生物科技化妆品网页(6页) HTML+CSS+JS网页设计期末课程大作业常见网页设计作业题材有个人. 美食. 公司. 学校. 旅游. 电商. 宠物. 电器. 茶叶. ...
DIV布局 web网页设计实例作业 ——抗疫-逆行者(5页) 致敬逆行者网页设计作品大学生抗疫感动专题网页设计作业模板疫情感动人物静态HTML网页模板下载
web网页设计实例作业 --抗疫-逆行者(5页) 致敬逆行者网页设计作品大学生抗疫感动专题网页设计作业模板疫情感动人物静态HTML网页模板下载常见网页设计作业题材有个人. 美食. 公司. 学校 ...
HTML5汽车网页设计成品_学生DW汽车静态网页设计代做_web课程设计网页制作_宽屏大气汽车自驾游网站模板html源码...
HTML5汽车网页设计成品_学生DW汽车静态网页设计代做_web课程设计网页制作_宽屏大气汽车自驾游网站模板html源码临近期末, 你还在为HTML网页设计结课作业,老师的作业要求感到头大?HTML ...
HTML5汽车网页设计成品_学生DW汽车静态网页设计代做_web课程设计网页制作_宽屏大气汽车自驾游网站模板html源码
HTML5汽车网页设计成品_学生DW汽车静态网页设计代做_web课程设计网页制作_宽屏大气汽车自驾游网站模板html源码临近期末, 你还在为HTML网页设计结课作业,老师的作业要求感到头大?HTML ...

html、aps网页设计，Dreamweaver8通过IIS建立站点对网页进行预览，设置详细方法

html、aps网页设计，Dreamweaver8通过IIS建立站点对网页进行预览，设置详细方法相关推荐

最新文章

热门文章