上传网页的方法

分类: 电脑/网络 >>互联网

问题描述:

用制作网页的软件制作网页完毕后怎么上传到网上？

解析:

申请空间后，用FTP软件上传！比如CuteFtp，

网页做好了，接下来最重要的就是上传网页啦！也只有上传网页到网络上，其他的网友才能浏览得您的网页，而且，上传之后，也才能发现，您设计的网页是否有问题。上传的方式有千百种，这里我介绍最常用的一种，至于其他的上传方式，只有靠自己去理解啦！

1.首先来解释一下，什么叫做『上传』（已经知道的就快快跳过去吧！）要讲到这个就不能讲一下FTP这东东。简单来说，FTP是一种网络上的文件传输服务（或者说是界面啦、规格、都行啦！听得懂就好）， 我们常常在下载软件，用到的就是FTP的文件传输服务。

2.所谓上传呢！其实就是FTP的其中一个功能，我们既然能够将文件从网络上抓下来，那么当然也可以把文件从自己的电脑，送到服务器上去啊！（严格说起来，是送到另外一台电脑...），因此，简而言之，上传就是把你电脑中的资料，通过软件传输到网络的服务器上。

3.FTP软件一大堆，其中常用的是CuteFTP .

二、设置CuteFTP

1.请先进行安装...。然后，按两下打开Cute FTP。你就会看到如下的画面：

2.这是告诉你，使用期限已经过啦！快快注册吧！不过，按下OK其实还是可以用的，不过去注册一下应该会比较好一点。（对了！刚装好是不会出现这信息的。）

3.按下OK后，会进入一个『FTP站设置』的窗口，我们先看看左上角，将鼠标移到『FTP sites』的地方，如图：

4.然后我们按下它下面的那一排按钮中的『Add sites』，告诉电脑我们要新增一个主机站（这个站就是我们要将网页上传的地方），如图：

5.按下『Add sites』之后，我们便会 看到一个设置窗口，这个窗口主要是要让我们来设置我们要上传主机的详细资料，就以本站的例子来说好了：

标号 1：这一格只是让你替服务器（就是你要放上网页的电脑主机啦！）取个名 称罢了，随您怎么填都可以，像工友就自行取为『首页制作百宝箱』，下次 再进入CuteFTP时，就直接选取『首页制作百宝箱』就可以直接连到该网页服务器器，直不需要再输入一堆繁杂的设置了。

标号 2：这一格非常重要，须填上伺服器的所在位置，假设你的服务器位置在中研院，所以就填上『neko.iis.sinica.edu』，或许有人会问，那我到底要填上什么呢？这...我也不知道，我怎么会知道您网页放在哪呢？如果您是线上申请的免费网址，那么该网站应该都会告诉您要上传到哪里 （也就是一连串的主机位置），不然，就问问让您放网页的服务器管理员吧！对了！在填的时候千万别加上ftp..... or .....这些都是无法执行的。

标号 3：通常连通主机后，服务器会询问您的帐号，这一格就填上您进入服务器的帐号即可。

标号 4：检查完帐号后就会要求输入 密码，这一格就是要您填密码啦！注意喔！这里所谓的帐号密码是指『进入该服务器的帐号密码』而非，您拨接上网的帐号密码，通常服务器管理员都会通知您帐号密码是多少，要不然就是当初您在申请免费网址时自行设置的那一组帐号密码就是了。

标号 5：进入服务器方式设置，通常是『Normal』，也就是说需要帐号密码才进得去，如果选第二项就表示任何人都可以进去，那事情就大条啦！

标号 6：文件上传模式设置，选第三项『Auto-Detect』比较方便，它会自行探测文件类型做出最适合的上传方式。

标号 7：嗯...这格我就较不了解 了...反正选『Auto-Detect』这一项准没错。

标号 8：设置服务器端的路径，设不设都无所谓啦！有设的话，以后再进入时，就不用切换一堆路径，而可以直达你要上传的目录。所以要设置的话，先决条件是，您要知道您放网页的路径及目录。

标号 9：设置自己电脑的内部目录，像我就设置C:，它只要一连通服务器，便会自行切换到C:这目录，工友就可以不用在那里找目录而可以省下一些时间。

OK！设好按下确定之后，你应该可以看见刚刚设置的服务器名称出现在右上的窗口中，如图： 而它的下方会显现其网络位置如图： 看到之后便表示您设置成功了（但不代表你设置的值是正确的，要连得通才算数）下次再执行CuteFTP时，就可以直接选这里来进入了。

最后一个步骤，按下『Connect』连接，就行啦！接下来就是期待接通了！

三、连接服务器

接下来映入眼的就是整个CuteFTP的使用界面，上面是工具列，工具列下方是状态列，左下是自己电脑的目录，右下是服务器的目录。现在就先说说工具列： 以上是左半段。 以下是右半段，其实，只要认识几个图标就可以了，其他的并不常用。最重要的就是『往上』『往下』的两个箭头图标，往上就是上传，往下就是下载。简单吧！

整个画面看起来如下图：

OK！进入最重要的主题：『如何上传文件』！

首先，先确定已经连通服务器，这只要看看状态列就知道了，如上图的状态列所示，就是连通后的样子。

切换到适当目录。先看看左下，这是自己电脑的目录。由于工友所有的网页文件都放在C:的目录下，所以，先要切换到C:中。由于工友当初有设置内部目录是C:所以，一连通后，左下窗口便会出现C:的内容。

右下窗口是您放网页在服务器的目录位置，工友的网站是放在服务器的 newhd/home/tad/public_/中，所以就自行切换到您放网页的目录吧！做完这两个动作，上传大业已经完成大半了！接下来，回到左下窗口选取欲上传的文件，如图：（按住Shift键再选取文件可以连续选取多个文件，按住Ctrl键再选取文件可以选取多个不连续文件）选取完后，按下工具列的『往上』键，就可以啦！如图：

ftp软件有很多种，使用方法大同小异。同时，他还有下载的功能，你 可以利用这一点从服务器上下载软件，速度比其他方法快多了。

相信大部分同学此时的进度已经到达HTML/CSS阶段了。这个阶段我们会实现很多的网页，但是它们都只能在我们自己的电脑里查看，你想不想把它放到网络上让别人去看呢？

如果你也想把自己的网站放到网络上，就继续看吧。

可以试 点击这里 打开一个我写的网页（ 我的网站使用了一些字体，文件稍微有些大，加载可能会慢一些 ）

这一步比较简单，就是在 码云 上注册自己的账号。但是要注意的是，你需要 绑定自己的手机号 ，不然是不能使用 Gitee Pages 服务的，而这个服务是我们将自己的网页放到网络上 最重要的一步 。

当我们刚登陆码云的时候，大概会看到这样的情况：

这一步需要我们将自己的相关的文件传输上去。

首先点击上图的文件，出现一个新建文件夹的选项，点击，为自己的网页创建文件夹，名字就根据自己的项目随意。

如果你的网页带有目录结构（比如css，imgs等），就先按照每个目录的名字创建好文件夹（步骤同上）之后将其对应的文件夹拖拽进去，就会自动把文件夹下的所有文件自动选择来上传，类似下面的动图。

假如你想把你的html文件夹上传，就先创建一个html的文件夹（在步骤三最开始创建的那个文件夹下创建），然后将你的html文件夹拖拽过去即可。

所有的绝对路径要改为相对路径，因为别人无法直接访问你电脑上的文件，就会导致你的网页将会是不完整的（会缺少诸如css文件，图片等外部资源）。

假如你的html文件和css文件分别在html和css这两个文件夹下，则html中的link标签应该这样写： <link rel="stylesheet" src="../css/xxx.css">这就是相对路径的写法，包括图片和其他资源也是同样的写法。

这一步是所有步骤中最重要的一步，也是最后一步，完成后就大功告成了！

首先点击你仓库右上角的“服务”，点开里面的Gitee pages。

之后填写上部署目录的名称点击最下面的按钮，然后稍等一会就OK了！

首先，根据要求，你自己或请公司先制作一个网站，可以是企业网站、学校网站，一般是asp或PHP制作。

制作网站完毕后，就该上传网站了，如果你没有服务器，那么还需要购买空间和域名。可以去万网或新网上购买域名。

购买完空间和域名后，将网站上传到空间上，将IP地址和域名进行解析转换。

如果你的网站需要备案，还需要备案网站系统区备案。这样就可以在网上可以浏览你的网站了。

---