How to create a server to place a website online?

Question

Talk guys, all right?

Well I know that my question about the title is a little strange, but apparent should have a very simple answer kkkk

But first I will explain a little of my situation! My friends and I are trying to "create" a website of our own so we can play a naughty little table role. And no, we are not people who have nothing to do kkkkk. It’s been a long time since we played something because we don’t have time or interest, the only thing that unites us is the famous Table RPG, we played it for a long time in adolescence.

Yes, that’s right! It’s a bit complicated to do various math calculations of damage, status and tbm attributes of set and weapon. We’re trying to automate everything. They left the part of this automation to me, even though I didn’t know much about programming, I learned a lot in a short time, I managed to develop some things in HTM and jav.

I’m finishing the part of "Character Status" that would be one of the main and now I realized I don’t know how I’m going to put all this in server or database so I can play with my friends.

So my question is, how can I do that? Kind of leave my "Online" page, as if I had a login to access the site and that the user of that login had some attributes that would be the character sheet.

.body{
}
.body #forma img{
    position: fixed;
    width: 100%;
    height: 100%;
    bottom:1px;
    left:1px;
}
#button1{
margin-top:300px;
}
#button1 button{
    width: 200px;
    height: 50px;
    position:relative;
    left: 45%;
    margin-top:10px;
}
.botoes img{
    width: 60%;
    height: 100%;
    position: absolute;
    left: 20%;
    top:2px;
    opacity: 0.7;
}
#sts{
    width: 38%;
    height: 65%;
    border: 1px solid #ffffff;
    background: #ffffff;
    position: absolute;
    top:18%;
    left:32%;
    border-radius: 58px 58px 58px 58px;
-moz-border-radius: 58px 58px 58px 58px;
-webkit-border-radius: 58px 58px 58px 58px;
border: 0px solid #000000;
opacity: 0.5;
}
#sts h2{
    margin-left:43%;
}
#input1{
    border: 1px solid #000000;
    border-radius: 5px;
    margin-top:10px;
    margin-left:16%;
    width: 180px;
    height: 20px;  
}
#input2{
    border: 1px solid #000000;
    border-radius: 5px;
    margin-top:10px;
    margin-left:16%;
    width: 180px;
    height: 20px;  
}
}

<div class="body">
    <div id="forma">
        <img src="https://www.hdwallpapers.in/download/prime_world-1920x1080.jpg">
    </div>
    <div class="botoes">
    <div id="menu"><img src="https://vignette.wikia.nocookie.net/fairy-tail-rpg/images/4/48/Parchment.png/revision/latest?cb=20150830172723&path-prefix=pt-br">
        <div id="sts">
            <h2><b>STATUS</b></h2>
            <input id="input1" type="text" placeholder="Nickname">
            <input id="input2"type="input" placeholder="Raça"><br>
            <input id="input2"type="input" placeholder="Classe">
            <input id="input2"type="input" placeholder="Sub-Classe"><br>
            <input id="input2"type="input" placeholder="Título">

        </div>
    </div>
</div>

Answer 1

Oops beauty?

So, man, first of all, in order for you to "create" a server you would have to have a very high investment rsrsrsrs. I recommend doing the following (most work like this). Instead of you setting up a server, because you don’t host your site on servers?

Example, we have the Hostgator that for your case serves very well and it is not so expensive the envy. Other than that, you will need to register a domain via.br registry or the server provider itself (Hostgator).

You have to think about this. Your website (or online game) are multiple files, and you need to make those files accessible, and for that reason the need to register a domain, publish it on a hosting service and after that you can access your website. Stay here: https://www.hostgator.com.br Register the domain here: https://registro.br/

Of course, you and your friends must pay a tuition and an annuity. It usually works like this: The R$ 40.00 domain registration (year) and the hosting fee to keep your website on the air (this price varies greatly with the need, and you should consult Hostgator).

I hope I have clarified your doubt, because I don’t know (and I don’t think there is) other means to publish a site (unless you have your own server).