第14课:上传网页

只要你有服务器空间和一个FTP工具就可以在因特网上发布自己的网站了。

到目前为止,我们做出的网页只有自己能够欣赏到。如何发布到网上,让世界上其他人看看你的杰作?

如何发布网站?

你需要有服务器空间和一个FTP工具就可以在因特网上发布自己的网站了。

刚开始学习你可以在网上申请免费的网页空间:100M免费ASP空间(适合初学者使用)

申请过程只需几分钟。

免费空间一般有强制广告,不是太稳定,如果你是学习的目的,学习怎么上传网页到服务器,免费空间就可以了。但如果是正规做网站,还是要去购买收费的服务器空间。

免费空间申请成功后,会提供FTP(主机)地址,ftp用户名、密码。记好了,后面会用到哦!

需要其它工具吗?

为了能够访问服务器并上传网页,你还需要一个FTP工具。你可能还没有这样的工具,但幸运的是,可以免费下载到FTP工具。

FTP工具有许多选择,FileZilla是较好的FTP工具之一,它是完全免费的。你可以从filezilla.sourceforge.net下载FileZilla。

当然你也可以用自己熟悉的FTP软件, 如 8uftp软件上传你的网页。

8uftp软件下载地址:http://www.duote.com/soft/27925.html ,下载后,直接运行即可!

打开 8uftp软件,如图所示登录FTP:

第14课:上传网页

登录FTP之后,您可以把要上传的文件拖拽到右边,这样就可以上传了。

怎么查看你的网站?

一般免费空间会提供一个免费的三级域名,去你申请免费空间的后台查看吧。在浏览器里输入这个免费域名就可以看到啦,好兴奋!!啦啦啦……

如果你将一个网页文件命名为“index.html”(或者“index.htm”),那么它将自动成为站点的首页。也就是说,当你在浏览器中输入网址http://www.125jz.com(未指定文件名)时,实际上打开的将是网页http://www.125jz.com/index.html。

从长远来看,你最好购买自己的域名,而不是使用由因特网服务提供商(ISP)或者网页空间提供商免费提供的冗长而难记的网址。

125jz网原创文章。发布者:江山如画,转载请注明出处:http://www.125jz.com/450.html

(2)
江山如画的头像江山如画管理团队
上一篇 2018年1月18日 下午7:02
下一篇 2018年1月18日 下午8:25

99%的人还看了以下文章

  • jquery实现全选、反选、取消全选功能代码

    管理系统后台,商品管理、信息管理等,需要删除,为方便操作应该提供全选、反选、取消全选功能。 今天中文网页设计分享jquery实现全选、反选、取消全选功能代码 <html> <head> <meta http-equiv="Content-Type" content="text/html; chars…

    2018年10月17日
    8.3K0
  • 跟永哥学HTML5(5):正确使用HTML5的nav和figure

    这节课就给大家讲解常见的HTML5标签错误使用写法,帮助大家理解并学会正确使用HTML5的nav和figure。 1、不要把所有列表式的链接放在nav里 随着HTML5引入了 30个新元素,我们在构造语义化和结构化的标签时的选择也变得有些不慎重。也就是说,我们不应该滥用超语义化的元素。不幸的是,nav就是这样一个被滥用的例子。 nav元素的规范描述如下: n…

    2018年2月3日
    5.2K0
  • div/span水平顶部对齐,同一行div跟内容最多的div高度保持一样高

    一、两个div水平顶部对齐 两个div都设置display:inline-block;  并且右边的div增加样式vertical-align: top; 使得右边的div跟左边的div的顶部对齐。 <div id=’left’ style=”width:20%; display:inline-block”> </div> <d…

    2018年12月10日
    9.2K0
  • Zoho Docs-在网页中嵌入PPT的最佳方案(个人版5G免费)

    Zoho WorkDrive – 全面的在线共享文档工具 在125建站网上想嵌入PPT,分享给大家 ,并且可以播放。 我思考了三种方法: 是在Zoho Docs上操作; 是PPT以图片的形式保存(动画效果没有了),直接轮播; 是自己手写动画+轮播,达到PPT播放效果(用express.js来实现)比较复杂,并且对小白站长不适用。 很自信的要自己手…

    2023年1月16日 网页制作
    1.4K0
  • Flex布局“弹性盒子”

    一.概念 flex布局: Flex Box 的缩写,意味“灵活的盒子”或“弹性盒子”,所以flex布局又称“弹性布局”。 flex容器 采用flex布局的元素,成为flex容器。display:flex; flex项目 flex容器的所有子元素自动成为容器成员,称为flex项目。 <div style=“ display:flex;”>   &l…

    2020年4月12日
    4.6K0
  • CSS的浮动及清除浮动的5种方法

    css属性float:left/right/none 左浮动/右浮动/不浮动(默认),文章介绍了清除浮动的5种方法,并指出其实现原理、优缺点和使用建议。

    2019年11月5日
    5.7K0

发表回复

登录后才能评论

评论列表(1条)

  • 江山如画的头像
    江山如画 2018年2月3日 上午8:58

    上传网页,如有不会的,可以加入网页设计交流群:208047327