网站模板库
  • 首页
  • web前端工具
    • HTML/JS转换工具
    • JS/HTML格式化工具
    • 字母/英文大小写转换工具
    • robots.txt文件生成工具
    • Js压缩/格式化工具
    • Css在线压缩工具_代码格式化
  • 关于我们
    • 免责声明
    • 联系我们
    • 广告服务
    • 服务项目
    • 关于我们
    • 网站轮播
    • 公告
    • 成都优优科技专用
    • 按行业分类
  • web学院
    • 服务器教程
    • 学习资料
      • 基础书籍
      • 交互书籍
      • 入门教程
      • 特效分类
    • 案例分享
    • web资讯
  • 网页特效
    • 图片特效
    • 导航特效
    • 滑动按钮
    • 表单特效
    • 文字特效
    • 弹窗特效
    • 其他特效
  • 织梦模板
    • 科技/电子/数码/通信
    • 文化/艺术/广告/传媒
    • 装修/设计/家居/家具
    • 基建/施工/地产/物业
    • 餐饮/酒店/旅游/票务
    • 食品/果蔬/饮料/日用
    • 服饰/珠宝/礼品/玩具
    • 摄影/婚庆/家政/生活
    • 运动/健身/体育/器材
    • 学校/教育/培训/科研
    • 美容/保健/医院/医疗
    • 金融/财税/咨询/法律
    • 政府/组织/集团/协会
    • 汽车/物流/交通/搬运
    • 机械/设备/制造/仪器
    • 化工/环保/能源/材料
    • 农业/畜牧/养殖/宠物
    • 其他模版
    • IT/软件/信息/互联网
  • 手机模板
    • 手机APP模板
    • 微信小程序模板
    • wap
  • 网站模板
    • joomla模板
    • Drupal模板
    • z-blog模板
    • EyouCms模板
    • Bootstrap模板
    • 帝国cms模板
    • CmsEasy模板
    • MetInfo模板
    • 购物商城模板
      • Shopify主题
      • PrestaShop主题
    • 后台模板
    • 纯HTML模板
    • ecshop模板
    • phpwind模板
    • pbootcms模板
    • phpcms模板
    • wordpress模板
    • discuz模板
  • 教程
    • 织梦教程
    • Discuz教程
    • WordPress教程
    • Phpcms教程
    • Phpwind教程
    • ECShop教程
    • Joomla教程
    • Drupal教程
    • zblog教程
    • EyouCMS教程
    • 帝国cms教程
    • MetInfo教程
    • CmsEasy教程
登录
当前位置:网站模板库 > web学院 > 服务器教程 > 如何上传网页。
商业源码 服务器教程 2024-02-12 2:10:02

如何上传网页。

如何上传网页。,第1张

申请空间后,用FTP软件上传!比如CuteFtp,

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

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

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

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

二、设置CuteFTP

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

三、连接服务器

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

整个画面看起来如下图:

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

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

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

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

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

把要上传的html网页打包好

进去独立空间,我这个是本地的

3上传到wwwroot文件夹  

4在登录你的域名加上织梦后台

5在登录你的域名加dede 就进去网站后台了 织梦后台默认的是dede默认的账号密码是admin

这就是织梦后台了!

以上就是把html网页上传到服务器全部步骤了!

这个要看你是做静态网页还是动态网页,做静态网页的话你做出来的效果就是你浏览的效果,做静态网页只要

把你的网站文件原封不动放在web服务器上就可以了,就像你把文件放在你的硬盘上是一样的,你把web服务器想成你的硬盘就可以了,所以你的网站在你的电脑上是什么样子传到在web服务器上就是什么样子,注意设置一下路径就可以了,还有注意看一下在web服务器的要求,比如:首页必须命名为indexhtml等等。首页放在哪个文件夹下都有规定的。动态的就复杂了,需要配置数据库。建议你还是去图书馆借本书看看。多看两遍就会了。

1、远程登录到自己的服务器,进入到存放网页的根目录。我用的是阿里云服务器Ubuntu1404版本,根目录路径为 /var/www/html。

2、查看自己需要部署的网页的文件组成,文件可以直接用rzgz上传;如果是文件夹,则需要先创建对应的文件夹,进入到文件夹内再上传文件。该页面中indexhtml文件可以直接上传,css、img、js、mid就需要先建立对应文件夹。

3、然后上传文件,输入 rz 命令(没有安装rzgz的需要先安装),然后回车并选择需要上传的文件,即可选中上传。

4、接下来上传带文件夹的。例如css。首先mkdir css 创建css文件夹, cd css进入到文件夹,然后选中css上传。ll 一下查看是否上传成功。

5、js文件、mid文件、img文件同上传css文件。但是注意:在一个文件夹中上传了文件后,需要退出该文件夹,再创建下一个文件夹,继续上传。

6、img文件夹中包含文件夹,依然是先创建对应文件夹,上传文件;退出文件夹;创建下一个文件夹,上传文件保证文件夹名称和网页文件中的一样,否则路径错误,不能正常显示。

7、回到html目录下,ll一下,对照网页文件查看所需文件是否都上传完。

8、在浏览器中输入服务器域名,即可看到自己的页面啦,页面部署工作完结。

上传 网页 文件 服务器 文件夹
DABAN RP主题是一个优秀的主题,极致后台体验,无插件,集成会员系统
网站模板库 » 如何上传网页。

商业源码 钻石

分享到:
上一篇
如何在 CentOS 上安装 Gitlab
下一篇
微信小程序是否只能https请求?该怎么配置?

相关推荐

海外云主机有什么好,国外什么云服务器便宜?

海外云主机有什么好,国外什么云服务器便宜?

minecraft服务器服务端指的是什么

minecraft服务器服务端指的是什么

steam如何快速切换账号?steam切换吃鸡游戏账号的方法介绍

steam如何快速切换账号?steam切换吃鸡游戏账号的方法介绍

服务器被ddos攻击应该怎么办?

服务器被ddos攻击应该怎么办?

0条评论

发表评论 取消回复

要发表评论,您必须先登录。

提供最优质的资源集合

立即查看 了解详情
网站模板库

主题/付费下载/查看/余额管理/自定义积分,集成支付,卡密,推广奖励等。

本站导航
  • 链接标题
友情链接
  • 链接标题
快速搜索
本站由钛宇宙强力驱动
友情链接:
    商业源码网蜀ICP备2023005044号
    网站模板库
    • 登录
    • 注册
    网站模板库
    • 首页
    • web前端工具►
      • HTML/JS转换工具
      • JS/HTML格式化工具
      • 字母/英文大小写转换工具
      • robots.txt文件生成工具
      • Js压缩/格式化工具
      • Css在线压缩工具_代码格式化
    • 关于我们►
      • 免责声明
      • 联系我们
      • 广告服务
      • 服务项目
      • 关于我们
      • 网站轮播
      • 公告
      • 成都优优科技专用
      • 按行业分类
    • web学院►
      • 服务器教程
      • 学习资料►
        • 基础书籍
        • 交互书籍
        • 入门教程
        • 特效分类
      • 案例分享
      • web资讯
    • 网页特效►
      • 图片特效
      • 导航特效
      • 滑动按钮
      • 表单特效
      • 文字特效
      • 弹窗特效
      • 其他特效
    • 织梦模板►
      • 科技/电子/数码/通信
      • 文化/艺术/广告/传媒
      • 装修/设计/家居/家具
      • 基建/施工/地产/物业
      • 餐饮/酒店/旅游/票务
      • 食品/果蔬/饮料/日用
      • 服饰/珠宝/礼品/玩具
      • 摄影/婚庆/家政/生活
      • 运动/健身/体育/器材
      • 学校/教育/培训/科研
      • 美容/保健/医院/医疗
      • 金融/财税/咨询/法律
      • 政府/组织/集团/协会
      • 汽车/物流/交通/搬运
      • 机械/设备/制造/仪器
      • 化工/环保/能源/材料
      • 农业/畜牧/养殖/宠物
      • 其他模版
      • IT/软件/信息/互联网
    • 手机模板►
      • 手机APP模板
      • 微信小程序模板
      • wap
    • 网站模板►
      • joomla模板
      • Drupal模板
      • z-blog模板
      • EyouCms模板
      • Bootstrap模板
      • 帝国cms模板
      • CmsEasy模板
      • MetInfo模板
      • 购物商城模板►
        • Shopify主题
        • PrestaShop主题
      • 后台模板
      • 纯HTML模板
      • ecshop模板
      • phpwind模板
      • pbootcms模板
      • phpcms模板
      • wordpress模板
      • discuz模板
    • 教程►
      • 织梦教程
      • Discuz教程
      • WordPress教程
      • Phpcms教程
      • Phpwind教程
      • ECShop教程
      • Joomla教程
      • Drupal教程
      • zblog教程
      • EyouCMS教程
      • 帝国cms教程
      • MetInfo教程
      • CmsEasy教程

      弹窗标题

      这是一条网站公告,可在后台开启或关闭,可自定义背景颜色,标题,内容,用户首次打开关闭后不再重复弹出,此处可使用html标签...