当前位置:首页 > SEO培训 > 正文内容

干货!教你3步搭建个人网站!

admin2年前 (2023-03-14)SEO培训319

网站是由一个或多个网页组成,也就是一个一个的页面。比如你的网站可以有一个主页,主页里有文章列表,每个标题点进去都是文章的详情页面。当然也可以整个网站就一页,从头划到尾,就像微博。制作网站的第一步,先从基础的内容搭建做起。

1、搭建网站

建网站可以简单理解成→ 制作单个网页 + 编排组织网页间的跳转关系。网页分为 3 个部分,HTML, CSS, JS

HTML——控制网页内容,比如文章的内容,标题内容等。

如果你不需要类似点赞评论之类的功能,那就只需要把文章写出来,保存下来,再转成 HTML 格式就行。在网上应该能找到相关的工具,本质上跟写微信文章是一样的,都是写出内容,然后编辑器帮你保存成 html 格JS 控制网页逻辑,比如一个点赞的按钮被按了以后,要告诉服务器这篇文章的点赞数 +1。假设你还想做点功能 比如用户点一下是赞,再点一下是取消,下一次进来的时候能够看到xx 人阅读这种东西。那你就需要会JS,因为要跟服务端通信,获取当前的点赞数

CSS 控制网页样式,比如标题多大字号,放在什么位置,什么颜色。

在编写样式时,需要设计稿来指导CSS如何写。这个环节,前端经常会因为标注等文稿信息不准确而与设计师反复沟通,甚至争执。个人网站或许省掉了这一步骤,但大多数的程序员会在个人布局中犯难,并且,如果真的要把一个网站完完全全靠自己把代码敲出来,耗时又耗力,完全可以使用模板,然后自己进行修改完成。

推荐模板网站:Pixso

相比起传统的代码模板,Pixso的社区内有各类型网站设计直观呈现,你可以任选其中一个,直接进行复用,文稿将自动转化为CSS代码,复制即可使用。

自动生成代码

对于需要多人协力制作的网站,Pixso可发挥的用处会更大。设计师能够直接在Pixso内进行设计,完成后将文稿生成链接,通过链接传输给研发,点开链接能够直接获取标注和代码,直接复用搭建。

2、购买云服务器和域名

不过到这里你还只是能够在自己的电脑上看到自己的网站要想公布出来,你需要有一个能够被公网访问到的地址,这个地址可以是公网 IP,公网域名或者是托管服务器。

家里的电脑因为不带公网 IP,如果将网站比作店面,相当于这店面在小区里面,一般人连小区门都进不去,你的店铺就没人能进来。而从阿里云租的服务器自带公网 IP,也就相当于租个当街的店铺自带个门牌号,但光有门牌很难记,所以一般会给自己的店起个名字,方便记忆和搜索。

服务器 = 电脑IP = 门牌号公网 IP = 当街的门牌号域名 = 店铺名

1. 公网IP

类似于 192.168.1.1 这种 4 个数字组成,但一般家里的网都是私网 IP,不连你家 wifi 就访问不到这个IP地址,可以在阿里云之类的租一台服务器,一般都带公网IP。然后把网页文件放到服务器上去,再开启一个程序让这些文件暴露在公网上,以后用浏览器输入这个IP就会打开网页了。

某可购买服务器的网站

2. 公网域名[可选]

比如http://baidu.com这种,4 个数字的 IP 不好记忆,所以你可以把公网 IP 绑定到一个域名上,以后输入这个域名就会自动跳转到 IP 上去 公网 IP 在阿里云之类的往上都能买,几块钱能买一年(但续费很贵)

3. 托管服务器

其实相对比较简单,你可以把网页文件放到某些网站上去(比如 github),网站会根据你的用户名给你生成一个链接,这个链接就能看到你的网页文件 比如http://xxxx.github.io/myweb.html


以上就是制作个人网站的最基础步骤,除此以外,其实还有一项过程或许也很重要——为什么要搭建自己的个人网站。你的目的是自娱自乐,还是作为简历进行展示?

这两者的区别,会让你的网站内容更有针对性,也更能达到预期目的。

更多互联网干货请戳:

3步搞定产品经理面试必问题!

如何从零开始自学UI设计?

整理!2021年超火的原型设计软件

扫描二维码推送至手机访问。

版权声明:本文由老苏SEO转载并发布,如侵权可联系删除。

本文链接:https://laosuseo.com/?id=23387

分享给朋友:

“干货!教你3步搭建个人网站!” 的相关文章

网站收录很慢的主要原因有哪些

网站收录很慢的主要原因有哪些

关于网站收录,一直是一个老生常谈的问题!而且最近有不少小伙伴说:自己的网站收录很慢很慢,蜘蛛抓取频次也都正常,每天也有更新新内容,但就是迟迟不收录,尤其是一些新网站。想要自己的网站排到百度的首页,那么前提就是先收录,只有页面被收录才有机会获得排名,但百度收录有时快有时慢,可能文章刚发出来就被秒收,也...

赶紧收藏!SEO培训班老师分享让SEO事半功倍的优化工具

赶紧收藏!SEO培训班老师分享让SEO事半功倍的优化工具

SEO优化培训老师提醒同学们想要做好SEO优化,除了从网站结构、内容建设、友情链接等多方面进行合理规划外,必须要借助一些有效辅助工具来提高SEO优化排名的效果。今天SEO优化培训老师整理了一些常用的SEO优化工具可以让同学们事半功倍,有效提升网站网页排名,使SEO优化更有成效。SEO事半功倍的优化工...

新站SEO公司该怎么优化(新站SEO注意问题解析)

新站SEO公司该怎么优化(新站SEO注意问题解析)

当一个网站搭建完成进入运营初期,站长们就要开始准备做SEO了,那么新站开始SEO需要怎样做呢?新站做SEO要注意什么?有没有快速做好SEO的技巧?新站做SEO要注意什么?首先,对于新站来说要注意沙盒期,那么什么是沙盒期呢?seo中的沙盒是指一个新站建立后搜索引擎会对其进行一个类似资格评价的阶段,我们...

设置网站内容中的关键词应注意的事项

设置网站内容中的关键词应注意的事项

大家都知道对于搜索引擎来说,关键词的作用往往决定了网站在搜索引擎上面的排名好坏,最终影响网站的流量和转化率。细心的站长朋友会发现关键词基本上都是网站内容产生的,要想做关键词排名首先就要在网站内容中合理布局关键词才会最终达到优势关键词排名的效果。今天笔者就跟大家分享一下设置网站内容中的关键词应注意的事...

网站被k原因有哪些?希望对大家有所帮助

网站被k原因有哪些?希望对大家有所帮助

很多站长朋友在做网站的时候应该都会遇到过网站被K的情况,网站被K是指被搜索引擎完全删除网站索引的一种现象。出现这种问题大多数是由于站长违反搜索引擎规则,采用黑帽或作弊方式所导致的。今天笔者就跟大家分享一下网站被k原因有哪些?希望对大家有所帮助。第一、网站空间不稳定导致K站这个因素放在第一个说,是因为...

做网站推广时如何充分利用长尾关键词

做网站推广时如何充分利用长尾关键词

现在随着搜索引擎算法不断调整,长尾关键词的优化越来越受到大家的青睐,渐渐的成为了网站推广优化排名中的一个核心领域。因为长尾关键词带给网站的流量是最精准最好的流量,做好了长尾关键词的挖掘工作就能为网站带来更高的流量,带来更高的转化率。今天就跟大家分享一下做网站推广时如何充分利用长尾关键词,希望对大家有...