You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 

85 lines
5.4 KiB

<!DOCTYPE HTML>
<html>
<head>
<title>penloy.xyz | Make A Website</title>
<meta charset="UTF-8">
<meta name="author" content="Penloy">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="/css/style.min.css">
</head>
<body>
<div class="flex-container">
<?php include '../sidebar.php';?>
<div id="content">
<main>
<h1>Make a Website</h1>
<h2>But why make a website?</h2>
<p>
As a general philosophy, I feel that if you can detach yourself from the modern capitalist paradigm
that is Microsoft, Google, Amazon, Apple, and Facebook, you should. Detaching yourself from these
capitalist units not only frees yourself from needlessly participating in capitalism, to the
detriment of those companies, but it allows you to learn new technologies and expand your skillset.
Not only do you expand your own skillset, but you benefit the collective as well; people who want to
communicate with you or know what you're doing have to detach themselves from those platforms for at
least a small amount of time.
</p>
<p>
Instead of limiting yourself to Facebook/Twitter/online blog generators layout, you get to make your
own layout: the only limit when making your own website is your knowledge. Why limit yourself to
some other websites options? There really isn't a reason to except convenience, and in addition
there are lots of cons to doing it that way:
</p>
<ol>
<li>You limit yourself to the customisation options of that platform.</li>
<li>You are willingly handing over your data to that platform.</li>
<li>You are relying on their protocols to be secure enough to keep your information secure.</li>
<li>You are not learning anything new like you would if you made your own website.</li>
</ol>
<h2>But how do I make a website?</h2>
<p>
You first need to learn HTML, which is quite simple. It's very intuitive. You have a range of
headings (large to small), and paragraphs. You have the title which is what appears in the tab, and
links. These are the basic building blocks of a website, and if you press F12 you can inspect the
HTML of this website to see how it's built. There are many tutorials on how to use HTML and I'll
link some at the bottom of this page. CSS is used to style your page, customise it's
colors/widths/etc... Really you don't need much CSS, you can also view the styles of this page in
F12. You can use javascript or php to make your website dynamic, but you don't have to.
</p>
<p>
You have to buy a VPS (they're usually around 5 dollars per month), and you need to set up nginx or
apache2 web server. You also need to buy a domain name at around 10 dollars per year and learn how
to link the DNS. To achieve HTTPS status (more secure http), you have to install a program called
letsencrypt on your VPS and run it. It's pretty simple to do. I will include links to tutorials for
everything mentioned here at the bottom of this page.
</p>
<ul>
<li><a href="https://www.learn-html.org/">Here</a>, <a
href="https://developer.mozilla.org/en-US/docs/Learn/Getting_started_with_the_web">Here</a>,
and <a href="https://developer.mozilla.org/en-US/docs/Learn/HTML">Here</a> are some resources to
help you learn HTML.</li>
<li><a href="https://www.codecademy.com/learn/learn-css">Here</a>, <a
href="https://css-tricks.com/">Here</a>, and <a
href="https://developer.mozilla.org/en-US/docs/Learn/CSS">Here</a> are some resources to
help you learn CSS</li>
<li>You can buy a VPS from <a href="https://www.linode.com/">Linode</a> or <a
href="https://www.digitalocean.com/">DigitalOcean</a>. There are other VPS providers but
these are really cheap and well known and popular (not sponsored)</li>
<li><a href="https://www.namecheap.com/">Namecheap</a> are a pretty popular domain name provider,
I've not tried many but people seem to like this one.</li>
<li><a href="https://certbot.eff.org/lets-encrypt/ubuntufocal-apache">Certbot</a> will allow you to
secure your website with letsencrypt https!</li>
<li><a href="https://my.bluehost.com/hosting/help/what-are-dns-records">Learn DNS record
meanings</a> in order to be fully familiar with the registration process of a website.</li>
</ul>
<p>
So what are you waiting for? Go ahead and make that website!
</p>
</main>
</div>
</div>
</body>
</html>