第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%的人还看了以下文章

  • 一句代码给图片加倒影-CSS3

    本文使用纯CSS代码给图片加倒影,CSS代码 : img { -webkit-box-reflect: below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(250, 250, 250, 0.1))); } 效果如下图所示: 完整代码: 一句代…

    2019年8月18日
    1.7K0
  • 第11课:边框(border)

    边框(border)可以有多种用途,比如作为装饰元素或者作为划分两物的分界线。在设置边框方面,CSS为你提供了无尽选择。border-widthborder-colorborder-style 边框宽度[border-width] 边框宽度由CSS属性border-width定义,其值可以是“thin”(薄)、“medium”(普通)或“thick”(厚)等…

    2020年2月25日
    2.1K0
  • FLV视频播放代码及Flvplayer.swf播放器下载

    FLV是被众多新一代视频分享网站所采用,是目前增长最快、最为广泛的视频传播格式。 FLV 是FLASH VIDEO的简称,它形成的文件极小、加载速度极快,有效地解决了视频文件在网络上很好的使用等问题。 下面分享在网页制作时,插入FLV格式视频的代码(兼容主流浏览器): <object class id=”clsid:D27CDB6E-AE6D-11cf…

    2018年5月14日
    4.9K0
  • CSS3 transform:rotate()制作旋转图片

    在《CSS3 transition transform属性及实例详解》中我们实现了:鼠标放到图片上,图片等比例放大的效果,今天分享transform:rotate()制作旋转图片。 CSS3中的transform:rotate()可以实现旋转功能,可以在CSS里面设定旋转的角度,也可以设定旋转用多少时间来完成。 旋转图片HTML代码 <img src=…

    2019年1月29日
    4.4K1
  • Div+CSS左侧尺寸固定右侧自适应布局的5种实现方法

    css多栏自适应布局一般使用position属性布局,或者用float属性布局,也可以使用display属性。 position适合首页布局,因为首页内容往往可以完全控制。float适合模板布局,模板中填充的内容无法控制。 相关阅读:左侧固定,右侧自适应布局的两种实现方法 1、浮动实现 原理:左侧定宽浮动,右侧使用margin-left,且不要定宽,容器尺寸…

    2021年11月29日
    1.0K0
  • 跟永哥学HTML5(4):正确使用HTML5的header、hgroup和section

    在上一章HTML5新增语义化元素的使用中我们讲解了HTML新增的标签,并举例给出如何使用。但真正从HTML4转变到HTML5编程,并不是那么简单的事情,很多初学者没有真正了解这些标签,或错误使用HTML5的标签。这节课就给大家讲解常见的HTML5标签错误使用写法,帮助大家学会正确使用HTML5的header、hgroup和section。 1、只在需要的时候…

    2018年2月3日
    3.7K0

发表回复

登录后才能评论

评论列表(1条)

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

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