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

如何制作网页教程,简单网页设计教程

程序员文章站 2023-12-06 08:00:51
每天浏览着各种各样的网页,你是否会有这样的想法。那些网站怎么弄出来的?难不难啊?我可以自己搭建吗?答案是,当然可以自己搭建,而且小白也可以轻松完成哦!接下来,观看以下教程,你也可以搭建网站one搭建网...

每天浏览着各种各样的网页,你是否会有这样的想法。那些网站怎么弄出来的?难不难啊?我可以自己搭建吗?

答案是,当然可以自己搭建,而且小白也可以轻松完成哦!

接下来,观看以下教程,你也可以搭建网站

one

搭建网站,首先你的有源码,就是一个网页源码,小编已经为大家准备好了一个随机网易云热评音乐,有一些html,css以及javascript基础的小伙伴可以修改源码哦,比如标题啊,或者一些你认为不好的元素。

复制地址:

或者二维码:

源码

two

完成了第一步的源码,那么第二步就是去寻找一个能够把你的网站公开给别人看到,那就是虚拟主机啦。当然,除了虚拟主机,服务器也是可以的,不过服务器有点小贵,所以一开始可以先不要用服务器。

在浏览器上输入以下网址:http://idc.twei.tk/

你就会看到这样的页面。

如何制作网页教程,简单网页设计教程

acloud主机

如何制作网页教程,简单网页设计教程

登录

首先当然数是注册啦,先在这个网站注册一个账号。

然后选择测试主机,当然免费的也可以,下面有一步是要你填写域名的,可能会有小伙伴会问,域名是什么?其实域名就是一串字符串,就是可以让你访问你的网站的一个名字,想要了解更详细的可以去百度哦。

小编为大家提供了一个二级域名解析的网站,当然如果你是搭建在服务器上可以不用域名,但是我们是搭建在虚拟主机上,所以要有一个域名。

当然,你可以自己去阿里的万网或者腾讯云那里注册*域名,“新用户首开一年只需要1元”,不过小编为大家准备了一个二级域名解析网站,可以为一开始搭建网站的小伙伴做测试哦!

网址:http://dns.pupil.website/

这是注册之后登录进去的页面。

如何制作网页教程,简单网页设计教程

域名

然后就是选择添加,就是以下面的页面。

有四个域名可以选,主机记录就是你的域名前缀,比如111.hxxj.tk,111就是你的域名前缀,hxxj.tk就是*域名,然后a记录就是解析到ip上,记录值就是你的虚拟主机的ip。

如何制作网页教程,简单网页设计教程

域名

解析好了域名之后,把这个域名记下来,因为下一步我们还要用这个域名。

there

好了,有了域名,我们第三步就是购买主机了。

我们选择测试的,当然免费的付费的都行。

如何制作网页教程,简单网页设计教程

主机

这个域名填写可以随便填。

如何制作网页教程,简单网页设计教程

域名乱填

点击管理,选择直接登录。

如何制作网页教程,简单网页设计教程

点击管理

如何制作网页教程,简单网页设计教程

直接登录

进去之后就是这个面板了。

如何制作网页教程,简单网页设计教程

面板

在域名绑定那里填写自己刚刚解析好的域名。

如何制作网页教程,简单网页设计教程

填写刚刚的域名

然后点击文件,进入到wwwroot这个文件夹里面,点击上传文件,把刚刚下载的源码上传上去,解压的时候直接解压,没有密码的。

如何制作网页教程,简单网页设计教程

wwwroot

如何制作网页教程,简单网页设计教程

进入wwwroot

如何制作网页教程,简单网页设计教程

上传源码

最后,完成了上述所有的操作,你就成功的搭建了一个网站,看看下面的成功图。

如何制作网页教程,简单网页设计教程

成功图

搭建网站就这样告一段落了,如果还有一些小伙伴不懂的话,欢迎评论区留言哦,小编一一为大家解答,还有下一期你们想要什么教程,也可以在评论区下留言,我们下期见~~~