-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathCreating_a_website_from_scratch.html
45 lines (39 loc) · 2.72 KB
/
Creating_a_website_from_scratch.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
<!DOCTYPE html>
<html lang="en">
<head>
<title>Creating a website from scratch - ❤︎PrincessPandaLover</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" type="text/css" href="Scripts/style.css">
<script src="https://kit.fontawesome.com/eee9ee52d0.js" crossorigin="anonymous"></script>
</head>
<body>
<div class="wrapper">
<div class="logo"></div>
<div class="header title">Creating a website from scratch</div>
<div class="header">Why did I choose to?</div>
<div class="text-box">
Why didn't I use a website builder? Well, ever since I discovered <u>Get Coding!: Learn HTML, CSS, and Javascript and Build a Website, App, and Game</u> by Young Rewired State and got into tinkering with CSS on MediaWiki-based wikis, I've been interested in creating a website from pure code. While it takes time to master, it's more fun as you have way more freedom in what your website looks like. No need to pay for more features! It's also a great way to practice and improve computer programming skills, which may as well be important in the 21st century.
</div>
<div class="header">Tools I use for developing my website</div>
<div class="text-box">
<ul>
<li><a href="https://trinket.io/">Trinket</a> for coding webpages and layouts in planning stage</li>
<li>My computer's storage for storing website files</li>
<li><a href="https://code.visualstudio.com/">Visual Studio Code</a> for finetuning the coding done with Trinket and more coding not done within Trinket</li>
<li><a href="https://github.com/">Github</a> for storing files online so that it can be deployed to below</li>
<li><a href="https://www.netlify.com/">Netlify</a> for hosting my website</li>
</ul>
</div>
<div class="header">How do I create a website from scratch?</div>
<div class="text-box">
Khan Academy has <a href="https://www.khanacademy.org/computing/computer-programming">a Computer Programming course</a> which teaches web development, including how to code in HTML, CSS, and Javascript. <a href="https://developer.mozilla.org">MDN Web Docs</a> is the go-to resource for web development. (Yes, I know about <a href="https://www.w3schools.com/">W3Schools</a>, but I'd only recommend it for reference of what you already know instead of for learning new things.)<br><br>
There are many free web hosts online. As said in the above section, I use <a href="https://www.netlify.com/">Netlify</a>. Search for them and try to find one that suits your needs!
</div>
</div>
<script src="Scripts/logo.js" defer></script>
<footer>
<script src="Scripts/footer.js"></script>
</footer>
</body>
</html>