第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)
江山如画的头像江山如画管理团队
第15课:最后提示
上一篇 2018年1月18日 下午7:02
第13课:HTML音频/视频
下一篇 2018年1月18日 下午8:25

99%的人还看了以下文章

  • 如何给网页中的表格table添加滚动条

    最近在写一个项目的时候输出的结果有点多table的宽度直接把页面撑变形了,就想到了给table加滚动条,接下来125建站网为大家介绍HTML给table添加滚动条的方法,有需要的小伙伴可以参考一下: 1、方法分析: 要给table添加滚动条其实很简单,我们首先把table放到一个div里面,然后再设置div显示滚动条即可。 2、html代码: <div…

    2023年3月9日
    3.2K0
  • 第8课:组织元素(span和div)

    pan和div元素用于组织和结构化文档,并经常联合class和id属性一起使用。 在这一课中,我们将进一步探究span和div的用法,因为这两个HTML元素对于CSS是很重要的。 用span组织元素 用div组织元素 用span组织元素 span元素可以说是一种中性元素,因为它不对文档本身添加任何东西。但是与CSS结合使用的话,span可以对文档中的部分文本…

    2020年2月25日
    9.4K0
  • div+css制作上中下,中间两列的全屏自适应布局

    制作自适应布局的网页对初学者是个难点,今天我们以最常见的上中下结构,中间又分为两列的全屏自适应布局为例,教大家如何制作自适应布局网页。 上中下结构,中间又分为两列的全屏自适应布局HTML代码: <div class=”g-hd”></div> <div class=”g-sd”></div> <div c…

    2018年8月2日
    7.3K0
  • css布局基础-盒子模型

    网页设计的第一步就是设计版面布局,本文介绍了css布局基础-盒子模型,CSS盒模型是描述网页布局的视觉模型中网页元素的矩形盒状模型。盒模型由margin(边界)、border(边框)、padding(填充)和content(内容)4部分组成。

    2022年7月14日
    10.9K0
  • 第6课:超链接

    CSS允许你根据链接是未访问的、已访问的、活动的、是否有鼠标悬停等分别定义不同的属性。这样,我们便可为网站增添奇特而有用的效果。

    2020年2月22日
    2.8K0
  • 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.7K0

发表回复

登录后才能评论

评论列表(1条)

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

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