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

  • CSS3 transform:rotate()制作旋转图片

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

    2019年1月29日
    21.3K1
  • 导航特效:jquery实现当前(活动)菜单样式变化

    用户点击导航或菜单上不同的栏目,被选中的导航栏目会变换样式,出现图片或背景颜色的变化,用于标识是否是当前栏目或活动选项。 本教程使用jquery实现导航菜单当前(活动)菜单样式变化,导航菜单模式用的是背景颜色,你可以换成背景图片以符合建站需要。 当前(活动)菜单样式变化实现原理 在html代码中给首页(默认选中)加上class名cur <a href=…

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

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

    2018年8月2日
    7.9K0
  • CSS制作三行二列居中布局,高度自适应

    本实例要制作三行二列网页布局,这是网页制作中最常见的布局方式,如何使整个页面内容居中,如何使高度适应内容自动伸缩,是本实例中的难点。 <html> <head> <style type="text/css"> body{ background:#999; text-align:center; color…

    2018年7月29日
    7.8K0
  • css布局基础:定位综合练习

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

    2020年4月4日
    9.6K0
  • 第8课:组织元素(span和div)

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

    2020年2月25日
    10.3K0

发表回复

登录后才能评论

评论列表(1条)

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

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