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

  • 第13课:HTML音频/视频

    HTML 音频 在 HTML 中播放音频并不容易!您需要谙熟大量技巧,以确保您的音频文件在所有浏览器中(Internet Explorer, Chrome, Firefox, Safari, Opera)和所有硬件上(PC, Mac , iPad, iPhone)都能够播放。 <embed> 元素 <embed> 标签,这是一个 HT…

    2018年1月18日
    3.1K0
  • css布局基础:浮动和清除浮动练习1

    主要知识点: 1、浮动:让元素脱离标准流,从而实现灵活的布局效果。 2、浮动只能左右,不能上下。float:left/right/none。 3、子元素浮动会造成父元素高度塌陷,清除浮动的3种方法: 方法1:通过overflow属性 方法2:通过clear属性 方法3:通过伪元素选择器(推荐) 效果图: 参考: <!DOCTYPE html> &…

    2020年4月4日
    2.6K0
  • 纯CSS制作热门文章排行,且前3名背景不同

    要制作文章排行前10、或评论排行榜1、2、3、4…,还要给前三名加上不同的背景,可以用纯css实现(用Ol,li),但通常网页制作中使用ul的比较多,因为不同浏览器对ol li有序列表默认自带的序号列表有着不同显示,容易引起浏览器兼容问题,所以遇到这样的有序排版布局,最简单是将序号切成背景图片! 使用ul li实现文章排行有序排版布局。   htm…

    2018年7月14日
    3.1K0
  • label文字与textarea、input垂直居中、顶部对齐的方法

    在网站表单制作时label标签里的文字与Iput、textarea标签的默认对齐方式不美观,如下图。 姓名: 留言: 中国网页设计给大家分享label文字与input、textarea垂直居中对齐和顶部对齐的简单方法。 label文字与textarea、input垂直居中的方法 在input标签样式中加入css标签vertical-align: middle…

    2018年3月18日
    10.3K0
  • css布局基础:定位综合练习

    主要知识点: 1、5种常用定位:静态定位/相对定位/绝对定位/固定定位/吸附定位(磁铁定位) position:static/relative/absolute/fixed/sticky。 2、除静态定位外,都可以用left/top/bottom/right/z-index属性进行移动。 整体效果图: 效果说明: 1、随着网页向下滚动,当导航到达窗口顶端(t…

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

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

    2018年2月3日
    4.1K0

发表回复

登录后才能评论

评论列表(1条)

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

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