首页 >热讯游戏网 > 游戏 >

世界百事通!怎样做一个网站,教你一分钟搭建个人网站

2019年的到来,我们看到了互联网覆盖了各行各业,无论是老板、高管、自由职业、创业ing、网店店主、B2B/B2C、网红卖家等等,大都需要用到互联网做事情。很多人都拥有自己的网站,但是这些网站却大致相同,毫无特点,并且关键的数据信息和网页访问都受制于人。所以,拥有一个自己的网站,对于一些网店店家、网红卖家、知名博主、创业者、企业家等人来说,是十分有必要的。

做一个网站的过程

用相关工具做好网页把网页复制到别人可以访问到的地方让别人用一个网址可以访问你的网页

五分钟演示如下:

第一步,使用电脑上的记事本,编写网页代码,保存并英文命名

本地双击打开文件,即可在浏览器看到


(资料图)

第二步,把网页复制到别人可以访问到的地方

别人可以访问的地方,我们称之为“网站空间”,也就是我们的“服务器”。

把文件传输到服务器上,我们需要一个传输工具“FlashFTP”,购买好网站空间“服务器”之后,我们能看到服务器的详细信息,如:IP地址,端口号,账号,密码等等,选择默认配置好网站服务的“服务器”,把我们编写的文件使用“FlashFTP”上传到网站空间中的“www”文件夹中,等待上传成功即可。

这个时候,我们可以用“IP地址+网址的路径”进行访问编写的网页,如下:

第三步,让别人用一个网址可以访问你的网页

我们需要购买一个域名,比如我们访问百度网站时输入的网址 就是域名——“www.****.com”

购买好域名之后,我们在域名服务中找到解析,添加一条解析记录,填写主机记录——www,类型——A,记录值——[您购买的服务器IP地址],保存等待几秒钟即可。

此时,我们就可以使用域名访问网页了

此时,三步做完,简单的网页就做好啦。

详细介绍网站制作过程

第一步,使用相关工具做好网页

网站制作工具的三个基本组成:HTML、CSS、JavaScript

HTML(HyperText Markup Language):超文本标记语言,创建浏览器可以识别的文本内容

CSS(CascadingStyleSheets):层叠样式表,用于网页的样式和布局

JavaScript:世界上最流行的脚本语言,为向 HTML 页面增加交互性

HTML是一个十分钟就能入门的语言,新手不需要掌握,现在的开发工具普遍可以自动生成,会打字就会写网页。从HTML开始做网页就像从造螺丝开始做一部汽车,后来慢慢有了更简便快捷的方法。

学习资源网上有很多,找到HTML、CSS、JavaScript即可开始入门学习,每一个知识点都可以进行实战练习。

在任何浏览器上,点击右键,可看到如下:

可以看到具体代码,不过目前大多数是开发工具生成,完全手写出来的很少

推荐使用开发工具:DreamWeaver,Sublime text,WebStorm,VS Code等等

新手工具(DW)使用介绍:

目前DW已经被开发人员淘汰,但是作为入门学习使用,仍然是一大利器。

第二步,把网页复制到别人可以访问到的地方

使用到的工具:FlashFTP

ftp是指文件传输协议,文件传输协议ftp(file transfer protocol)是internet传统的服务之一。ftp使用户能在两个联网的计算机之间传输文件,它是internet传递文件最主要的方法。使用匿名(anonymous)ftp,用户可以免费获取internet丰富的资源。除此之外,ftp还提供登录、目录查询、文件操作及其他会话控制功能。flashfxp是一款功能强大的fxp/ftp软件,集各种优秀ftp工具软件的优点于一身,同时还具备无需安装,解压即可使用的绿色软件标准。

需要拥有的网站空间:服务器

购买渠道有某里云,某讯云等,购买最便宜的1核1G服务器即可够用,购买时选择已经配置好网站环境的服务器,先获得服务器的详细信息,如IP地址,端口,账号密码(可在购买时的网站里设置或重新设置),通过FlashFTP登陆,弹出的鉴权窗口选择允许,找到配置到的web服务器地址,这里找到www文件夹即可,把文件从桌面拖到www文件夹中,上传成功即可使用IP地址+文件名访问。

第三步,让别人用一个网址可以访问你的网页

我们熟知的网址其实是一种域名,比如某宝的网址www.***.com,这里我们也去购买一个域名,跟服务器购买渠道相同即可,域名几十块上下一年,即买即用。

域名介绍:域名使用DNS解析协议,DNS解析协议将域名地址解析到IP地址,在全世界能上网的地方,只要输入网址,即可看到我们的网页。

域名购买成功后,进入域名解析,添加一条解析记录,如上述过程中解说

等待几分钟即可生效,此时再访问输入网址即可

附加内容

介绍一下大家访问网站的过程

想即刻体验网站开发效果的,可以下载自动生成模版的工具,即拖即看,各种模块一应俱全,适合敏捷开发,需要一定基础和时间去做微调。

关键词:

责任编辑:Rex_13