怎么给自己用html做好的网页添加ip地址_小白如何迅速搭建自己的网站(一)

news/2024/5/13 12:38:44/文章来源:https://blog.csdn.net/weixin_39714763/article/details/110801144

854dc9c6c3562fac5801462909c72482.png
首先我要强调两点:1、本文没有任何形式的销售域名、虚拟主机等相关的广告。2、本文适用于完全不懂代码的小白,用简单且切实有效的野路子,迅速搭建网站。

我们来简单了解一下网站运作的原理

2aea7c623a924898d6df14e51b214134.png
  • 用户在浏览器中输入网址并请求访问网站;
  • 浏览器会将用户的请求发送给该网址所绑定的服务器;
  • 服务器接收到请求便将该网站的代码文件返回给浏览器;
  • 浏览器拿到网站的代码文件后,渲染并呈现给用户。

这样理解以后,我们不难想象,要搭建一个网站的前提条件,就是要有一个网址(也就是域名),和一个服务器(也可以是虚拟主机)。

然后将我们的域名绑定到服务器,并把网页的代码文件上传到服务器后,就可以在浏览器中访问我们的网站了。

下面来看搭建网站的具体步骤:

第一步、去注册一个自己的域名,费用一般在十几块到几十块钱之间,域名可以是数字或字母的组合,自己随意设置,只要是没有被别人注册的都可以。

第二步、去购买一个服务器或者虚拟主机,费用一般在几十块到几百块钱之间,两者的区别就是,服务器必须要使用备案过的域名,虚拟主机有些可以不用备案。

  • 说明1:由于域名备案需要花费比较长的时间,不符合本文的“迅速搭建网站”宗旨,所以本文中暂时跳过,使用虚拟主机来做示例,有备案需求的可以自行咨询你的域名服务商。
  • 说明2:注册域名和购买虚拟主机,可以自行选择各大服务商,比如爱名网、阿里云、腾讯云等,这些服务商我本人都用过,然后虽然各自操作面板不尽相同,但功能都一样,大家自行寻找。

第三步、将域名解析到虚拟主机,并在虚拟主机中绑定域名。

1、打开服务商网站,进入你的域名管理面板,找到“域名解析”这个功能:

e4abd7d949a57819b9b69ef9e473b630.png

2、打开“域名解析”,添加两条“A记录“:

aabb86b3bed6330b361b1d434257ae12.png

第一条A记录的主机名填 www ,记录类型选择 A ,线路类型一般默认为 通用 ,IP地址/主机名可以在你购买的服务器管理面板中查看到。

第二条A记录的主机名填 @ ,记录类型选择 A ,线路类型一般默认为 通用 ,IP地址/主机名同上,如下图:

4cba017fd287a3131247306f0920923c.png
  • 说明:添加完两条A记录后,大概需要等待几分钟到几十分钟的时间才能成功。

3、打开服务商网站,进入你的虚拟主机管理面板,找到“域名绑定”这个功能,将你的域名绑定到你的虚拟主机上:

b8a63515cb285d774e6bc4395600e9bf.png
  • 说明:绑定域名时,可以将你的域名分为两个进行绑定,一个带3w,一个不带。

第四步、将网页代码文件上传到虚拟主机中,上传完成后,即可在浏览器中输入你的域名来访问你的网站了。

一般上传文件我们都选择FTP方式上传,可以使用的工具有FileZillaYummy FTP等,打开FTP工具,输入你的虚拟主机IP地址FTP密码以及端口,即可登录连接你的虚拟主机。

IP地址、FTP密码、端口等信息均可在你的虚拟主机管理面板中查找到。

看到这里,你可能会问:那网页的代码文件哪里来呢?

一般,以搭建一个博客为例,我们可能会选择Wordpress这样的完善的博客系统,大家可以去尝试摸索一下,很简单。

但本文旨在让小白从0到1学习到更多的东西,让小白也能成为“大神”,让小白拥有一门可以在朋友圈装X的本领,并且我还会在后续的文章中,通过我曾经多年草根站长的“野路子”慢慢涉及一些代码技术,让完全不懂代码的朋友,能够真正从0到1实现入门

所以本文我们先暂时选择在虚拟主机中上传“静态网页”文件,我们可以百度搜索“站长素材”,找到这个网站里面的html模板:

bf4fc6db67b75f0e9c0db3334e59ebb3.png

你可以预览并下载你喜欢的模板,下载的模版打开后一般包含如下文件:

87e50dc381aa1015b16c3fe7833babdc.png

然后将上图中我选中的这些文件,通过FTP工具上传到虚拟主机上即可。

上传的时候,由于不同的FTP工具操作窗口也不尽相同,可以先阅读相关的工具介绍,或直接百度搜索你所选择的FTP工具的使用方法,然后再上手操作。

一般是打开FTP工具并连接到你的服务器后,直接将你下载的模板文件选中并拖动到FTP工具中即可。

上传完成后,在浏览器中输入你的域名,即可访问到你初始的静态网页了。


本文作者:猴叔(原创)感谢阅读!!!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.luyixian.cn/news_show_785320.aspx

如若内容造成侵权/违法违规/事实不符,请联系dt猫网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

ui做一个项目需要多久_做一个网站需要多久?

网站的制作时间要取决于我们所选择的建站方式以及相关准备工作,影响网站制作进度的因素有人为因素、也有技术因素,今天我们就来分析一下网站制作时间主要都集中在哪些方面。网站需求分析整理网站前期需求需要与建站公司进行沟通,这部分工作需…

java github 授权登录_vue.js + springboot-网站应用接入GitHub第三方登录

JAVA-网站应用接入GitHub第三方登录相对 网站应用接入 QQ 登录,简单很多,Github 直接创建应用就可以用,不需要长时间的审核(一)准备,创建应用(2)创建应用(3)填写信息(三)后台处理流程(1)前端请求登录,无参数(2)后端重定…

php网站适合优化_大型php网站性能和并发访问优化方案

网站性能优化对于大型网站来说非常重要,一个网站的访问打开速度影响着用户体验度,网站访问速度慢会造成高跳出率,小网站很好解决,那对于大型网站由于栏目多,图片和图像都比较庞大,那该怎么进行整体性能优化…

获取网站的ip地址

1.复制网站网址 2.winr打开cmd命令提示符 3.ping 地址 回车

字 掉落 炫酷 网站_周末觉得无聊?这些奇葩网站你需要了解一下!点击收获快乐...

国庆七天假,有很多朋友会在这个时候去人山人海里旅个游,顺便拍点照片在朋友圈晒幸(ren)福(duo)。而总有一些像你我这样的人,在领导同事的工作重压之下,已经丧失了出门「冲锋陷阵」的勇气,宁愿在家过上几天不洗头不化妆…

html浏览次数纪录,巧用JavaScript记录网站访问次数

巧用JavaScript记录网站访问次数2008-02-23 07:39:20来源:互联网 阅读 ()我们知道Cookie是记录访问你站点的用户的信息,它驻留在用户的硬盘上,如果该用户再次返回你的站点,则该cookie就会被一起发回到你的服务器中,便于…

用 API 提取、写入指定网站的 Cookie - 回复 bangrj 的问题

问题来源: http://www.cnblogs.com/del/archive/2009/02/27/1399526.html#1463307本例效果图:代码文件:unit Unit1;interfaceusesWindows, Messages, SysUtils, Variants, Classes, Graphics, Controls, Forms,Dialogs, StdCtrls;typeTForm1 class(TForm)Button1: TButton;But…

御泥坊搜索引擎优化网络诊断_网络营销外包——网络营销外包专员如何做好网站搜索引擎优化...

相信很多企业在规划网站建设优化时,都曾经了解过竞价排名,前期投入大换来的也仅仅是短期内的效果,因此,一些中小企业却因为高成本退而求其次,选择了尝试搜索引擎优化,那么针对网站排名提升的搜索引擎优化中…

网站如何过服务器的白名单,服务器怎么添加域名白名单

在服务器使用中经常会用到黑白名单规则,比如防火墙白名单、邮件白名单、服务器添加域名白名单主要和备案有关。当网站配置完成后,需要把域名解析到机房IP,而根据工信部要求,使用国内机房必须进行在白名单管理界面,可以…

令人印象深刻的使用独特javascript动画效果的网站

原文:queness.com 编译:GBin1.com 今天GBin1推荐一篇来自queness的文章,介绍了一些使用javascript的动画特效的网站。 Javascript技术的应用使得动画效果更加炫酷,最后一个绝对值得大家欣赏! 飞翔的艺术 Rever…

宅男网上购买大家电对各大网站的总结

家里要买一些家电,我又正好在家闲着,那这个光荣的任务当然是我来做,但我可不愿意到国美苏宁这样的商场去逛,我是技术指标狂,到那种地方服务员还没我懂,关键是还价了半天还没有网上的便宜,费那个…

Python爬虫实战之招聘网站职位信息

目的 完成对目标招聘网站的岗位信息一级分类,二级分类,三级分类的获取. 网址 boss直聘 https://www.zhipin.com/shenzhen/?sidsem_pz_bdpc_dasou_title 58同城 https://sz.58.com/job.shtml?utm_sourcemarket&spmu-2d2yxv86y3v43nkddh1.BDPCPZ_…

如何启用https_教你启用HTTPS,让你的网站也能通过https访问

本文主要介绍 如何启用HTTPS如有需要,可以参考如有帮助,不忘 点赞 ❥一、准备工作服务器一台(可以购买阿里云轻量应用服务器,比较便宜)SSL证书 (可以注册阿里云免费证书,安全性较差)…

C#之模拟AD用户请求Sharepoint网站

最近在用Sharepoint时,碰到一个奇怪的问题:针对协作站点和文档中心(Blog、Wiki、Meeting等不会出现这种情况),当系统账户凭据失效时,其他用户均无法登陆或者操作显示异常。也就是说,必须系统账户…

分享17个漂亮的电子商务网站(转)

对于网页设计者和开发人员来说,电子商务网站会是最具挑战性的网站之一.它需要大量的前期规划,线框图和选择一个适合的电子商务平台.当到了设计阶段,设计者必须确保产品的细节会很好的展现出来,同时,订单处理界面也要人性化.整个网站也将是公司的品牌象征.在这篇文章里,我们搜集…

网站运行情况汇报

今天早上一上班,怀着紧张的心情打开博客园看看前两天性能优化的效果,因为只能在访问高峰期才能看出来,尤其是早上8-9点,可是一看打开速度我就晕了, 连接到服务器上打开任务管理器一看,CPU占用几乎是一条直线&#xff0…

ue4官方网站_UE4自定义状态机资源及其编辑器

开始于2018.9.18 14:28这是我写的第一篇文章,略乱,感谢各位的谅解。Code:1762757171/UE4_Plugin_FSMNameDrived​github.com〇、先决及声明1.先决条件:1.了解UE4的C、Slate2.用过几天UE4(蓝图、动画蓝图状态机什么的知…

wordpress acf字段 不同样式_使用 WordPress 企业主题开发企业网站经验总结

无论是国内的CMS梦想,PHPCMS,还是Dupal,Joomla或世界上最流行的WordPress主题的悠久历史,企业网站的发展都可以达到同样的效果。 WordPress企业网站的开发是WordPress企业主题的开发。公司主题和其他WordPress主题之间的主要区别是…

搜索不包含关键词_SEO必须掌握的高级搜索指令

1、双引号把搜索词放在双引号中,代表完全匹配搜索,也就是说搜索结果返回的页面包含双引号中出现的所有的词,连顺序也必须完全匹配。百度和Google 都支持这个指令。2、减号 减号代表搜索不包含减号后面的词的页面。使用这个指令时减号前面必须…

网站设计的标准时代

本文观点:遵循国际网站标准(Web Standards)进行网站设计和改善。 阅读对象:网站设计人员、web应用开发人员 关键字:Web Standards、XML、XHML、CSS、DOM、DOCTYPE、Accessibility 前言 网络上的变革每天都在发生&#…