欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

个人网站制作方法有哪些,html个人网页制作步骤

程序员文章站 2023-12-06 08:26:34
建一个自己的网站的想法很早就有了,可无奈非科班,一些基础的东西并不了解,就一直搁置着。之后又经历过不少几次的尝试和失败,又在他人的帮助下,有了确切的方向,开始了自己网站运营的摸索之路。你可能有许多动机...

建一个自己的网站的想法很早就有了,可无奈非科班,一些基础的东西并不了解,就一直搁置着。之后又经历过不少几次的尝试和失败,又在他人的帮助下,有了确切的方向,开始了自己网站运营的摸索之路。

你可能有许多动机,学习笔记,记录生活,或是一心想盈利赚钱,抑或是好奇尝鲜,你都值得一试。你所花费的,不过一年100多块钱和少量的时间和精力,收获的却是一项实在有用的技能,和更加丰富有趣的生活。

最起码,还能装逼啊

所以想写一篇教程,分享一下搭站经验,介绍一些关键的地方,可能不是很专业,但至少能让你在开头就少走一点弯路。

顺便再分享一点福利喽

(这句是重点)

简单来说,一个网站无非3点

域名,服务器,cms(内容管理平台)

本篇教程以阿里云的域名和服务器为例,使用wordpress作为搭建网站,管理在线内容的平台。

事先准备:

一台可以上网冲浪的电脑

一些软妹币用于购买服务器,域名

一颗耐心等待漫长的icp备案

一个勇于尝试的小别致

1

海量优惠,点击即得

点击https://promotion.aliyun.com/ntms/yunparter/invite.html?usercode=5djejgqy,即可享受阿里云的新用户优惠

个人网站制作方法有哪些,html个人网页制作步骤
个人网站制作方法有哪些,html个人网页制作步骤
个人网站制作方法有哪些,html个人网页制作步骤

2

购买服务器

服务器,其实就是一台提供了托管服务,帮你保存所有网页数据,将你的网站连接上internet的一台机器,这台机器根据运算能力,存储空间,月流量和安全性的不同而有不同的租金,价格每月几元到几千不等。

这里我推荐云翼计划的学生专享服务器,认证学生身份后便享受优惠,每月9.5元。

个人网站制作方法有哪些,html个人网页制作步骤
个人网站制作方法有哪些,html个人网页制作步骤

配置如上

这样的配置已经完全满足初学者的使用需求

关键是

真的

便宜

便宜

便宜

更重要的是,他预装了wordpress这个当前最主流的建站平台,省去了安装wordpress大量繁琐的工作。这样你不需要懂前端开发!不需要学html!css或者javascript!也能制作出丰富多彩的页面!

(后面细说)

这台机器可以一直续费到你大学毕业,每月不到一杯奶茶的钱。(研究僧可不可以我不知道哦)

不过,一人只能买一台,如果买第二台的话

个人网站制作方法有哪些,html个人网页制作步骤

打扰了

个人网站制作方法有哪些,html个人网页制作步骤
个人网站制作方法有哪些,html个人网页制作步骤

3

购买域名

拥有域名(就如tmqlkz.com),意味着你将在互联网世界中分得一亩三分地,这块地有个独一无二的名字,就是域名。种什么?完全按照你的想法了

(遵纪守法

个人网站制作方法有哪些,html个人网页制作步骤

个人网站制作方法有哪些,html个人网页制作步骤

在阿里云的全部产品中找到域名,进入域名查询注册的界面。查询你想注册的域名,如果还没被注册,就是可用的,除了.cn的后缀需要特别审查以外,所有后缀上使用上不会有明显的区别。

个人网站制作方法有哪些,html个人网页制作步骤

找到心仪的域名和后缀,确认购买就行。这样你就拥有了自己独一无二的域名!

域名的购买方式是一年起租,及时续费,过期收回。

在域名的选取上,还是建议以使用主流后缀为佳,比如.com,.net,.org等,最好不要用奇奇怪怪的扩展名,主体当然是越短越好,说不定哪天身价暴涨了呢?

个人网站制作方法有哪些,html个人网页制作步骤

想想假如20年前,你赶在马爸爸前面注册了taobao.com,aliyun.com

现在早就······

咳咳,只能提醒到这里了

(屁,你还是没马爸爸有钱)

(小声bb)

4

icp备案

拥有了虚拟主机和域名之后,接下来就是漫长的备案了。

网站备案:国家要求国内任何一个网站必须进行工信部icp备案,不备案,你的网站链接是不可能被访问的。备案的目的也就是为了防止不法分子在网上从事非法的经营活动,打击不良网络信息的传播,尽管过程冗长繁琐,可你也不希望我们的互联网上黄色网站,诈骗*满天飞的对吧?

个人网站制作方法有哪些,html个人网页制作步骤

大致流程如上图

一开始是身份验证,资料准备等前期工作,阿里云会寄送一个幕布(要钱滴)给你,用于采集真人加背景的相片。

个人网站制作方法有哪些,html个人网页制作步骤

所需材料:

网站备案真实性校验单需要打印出来填写签字再扫描上传

个人网站制作方法有哪些,html个人网页制作步骤

所有东西上传完毕后,阿里云会陆续有客服联系你修改其中各种细节和问题,最好保持手机畅通。

我当时遇到的一些问题有,取消一些密码验证,网站名称不能使用诗句或者化用诗句,不能出现“吐槽”这种抱怨性质的字眼,blabla一大堆。

客服向你确认没有其他问题之后,他们会帮你将所有材料上交管局进行审核,之后就剩下漫长的等待,一般标准时间是一个月。一直到你已经忘了你还有网站备案这回事的时候,结果就下来了。

阿里云比较良心的是,直到你的审核结果出来,你的域名和服务器使用时长才开始计算。

这是我的备案结果:

个人网站制作方法有哪些,html个人网页制作步骤

5

域名解析到服务器

夕阳西下,一位年迈的老爷爷,晒着暖阳,给孙子讲故事,颤巍巍的手指着自己那台落后破旧的实体触屏手机,嘴里喃喃的念着:“我的···我的备案结果下来没有······”

备案成功后,你已经拥有了一个可以使用的域名,但你并无法让他访问到你的网站,因为他和服务器之间还没有建立一种联系。也就是说,域名和服务器中的网页文件还没有连接。用户访问你的网站,实际上是通过域名找到你的服务器的ip地址,进而浏览网页。

域名解析,就是将域名解析成虚拟主机的ip地址,在服务商处建立域名与ip的对应关系,你的网站才能在互联网上被访问到。

在阿里云找到云解析dns控制台

个人网站制作方法有哪些,html个人网页制作步骤
个人网站制作方法有哪些,html个人网页制作步骤
个人网站制作方法有哪些,html个人网页制作步骤

操作并不复杂,跟着网页的指示就可以完成

值得注意的是,此处的ip地址是指公网ip,可以在你服务器列表里查到。

个人网站制作方法有哪些,html个人网页制作步骤

公网ip:

可以用于域名解析ip

服务器远程登录ip

是最主要的服务器ip地址

内网ip:

不能用于域名解析。

不可以直接用于服务器远程登录。

其主要作用是:跟当前帐号下的其他同集群的机器通信。一些小型企业或者学校,通常都是申请一个固定的ip地址,然后通过ip共享(ip sharing),使用整个公司或学校的机器都能够访问互联网。而这些企业或学校的机器使用的ip地址就是内网ip。公网ip就是除了保留ip地址以外的ip地址,可以与internet上的其他计算机随意互相访问。我们通常所说的ip地址,其实就是指的公网 ip。互联网上的每台计算机都有一个独立的ip地址,该ip地址唯一确定互联网上的一台计算机。这里的ip地址就是指的公网ip地址。

个人网站制作方法有哪些,html个人网页制作步骤

6

配置服务器,登录后台

取经之路走到了最后一难,虽然这一路已经抄了不少近道,但大雷音寺的确就在眼前了!

个人网站制作方法有哪些,html个人网页制作步骤

管理控制台,找到你的那台预装了wordpress的轻量应用服务器。进入详情。

个人网站制作方法有哪些,html个人网页制作步骤
个人网站制作方法有哪些,html个人网页制作步骤

复制-远程连接-右键粘贴-回车-获得wordpress后台登录密码

点击管理员登录地址

账号:admin。密码:就是刚才你获得的

登录,进入wordpress仪表盘

个人网站制作方法有哪些,html个人网页制作步骤

7

写你的第一篇文章吧!

文章–写文章–发布

个人网站制作方法有哪些,html个人网页制作步骤

查看文章,或者地址栏输入域名

个人网站制作方法有哪些,html个人网页制作步骤

以上就是一个简单的网站搭建教程,如果你在实际操作中遇到任何问题,都可以联系我,我会尽我所能帮你解决。