网页上传至网站详细教程

时间:2021-10-28 来源:未知网络 作者:996建站网

前言

小编最近在学习前端相关知识,自己动手做了个网页,但是做好的网页单单自己欣赏怎么能行呢?好东西是要分享滴。苦于不知道如何将网页上传到网站的小编,查遍了全网进行了各种尝试,在经过了数小时的奋斗,最终成功的将自己的网页传到了网上,小编刚刚接触前端,这里就不列出自己的网页地址啦(哈哈哈),如果你也想法将自己的网页传到网上的话,那就继续往下看叭。

find a 云服务器

网址sanfengyun.com/

1.进行注册并且登陆 记得实名认证

2.申请免费虚拟主机 点击产品,选择免费产品,选择虚拟主机,点击获取即可,如下图所示:

网页上传至网站详细教程插图

3.查看虚拟主机的详细信息 点击管理面板,就可以查看刚刚申请的虚拟主机详细信息啦 如下图所示:

网页上传至网站详细教程插图

注意留意这里的FTP账号,FTP地址,并且设置一个密码,一会儿用到

使用FlashFXP网页上传工具

申请了虚拟主机后,下一步就要把我们自己写的网页上传到虚拟主机,这里就要借助网页上传工具,我选的是FlashFXP软件

具体流程如下:

1. 安装FlashFXP软件 软件界面如下:

网页上传至网站详细教程插图

2. 建立连接 点击会话,选择快速连接,弹出窗口如下:

网页上传至网站详细教程插图

填写信息:地址一栏填FTP地址,用户名填FTP账号,密码填自己刚刚设置的,选择连接,连接成功后的界面如下:

网页上传至网站详细教程插图

3. 上传网页文件

从左侧的本地文件目录中找到想要上传的网页文件,鼠标左键拖到右侧目录中的web文件夹中,如果网页文件关联的css文件或者图片文件等,都要一并放到一起,建议网页文件的程序中对于资源的引用使用相对路径 将文件拖放成功之后,该软件会自动将文件上传,并且会在结果栏里显示结果

4.虚拟主机的默认首页设置

打开虚拟主机的控制面板,选择默认首页设置菜单

网页上传至网站详细教程插图1

进行相关操作如图:

网页上传至网站详细教程插图

5. 使用网站域名查看自己的本地网页文件

申请的免费虚拟主机是有默认域名的,可以使用该域名直接进行访问,或者就可以申请属于自己的域名哦!

网页上传至网站详细教程插图

寥寥数语,难以全面
区区几言,恐无真知

愿小编的点点滴滴能够帮助到需要帮助的人!

网页上传至网站详细教程插图2

微信扫一扫 关注公众号

微信扫一扫 使用小程序

百度扫一扫 使用小程序