Learning how to make websites!

I started this project with the goal of understanding how websites work while also learning more about programming. I have learned a bit about html at this point and this entire website serves to improve my skills, hopefully there will be many improved iterations to come.

Getting Started with Hosting

The hosting process can be the most daunting undertaking. I began my project by signing up with Dreamhost.

Dreamhost homepage screenshot

Development Tools

To begin learning how to create a website you simply need an html editor and a place to learn the code. The code at this point is fairly straight forward and with a good editor quick to pick up.

I currently am using Atom as my html editor. Simply download, install and after a little bit of tinkering its ready to go.

Atom editor screenshot

Learning Resources

My most recent code learning website started with a raspberry pi I began tinkering with. While playing with it I stumbled upon raspberrypi.org. As you can tell the colors and style are from what I learned through them. It guides you through a site called Trinket.

Trinket.io screenshot

Getting Started

In the simplest terms, first create an html file in a folder for your website. Start with a home or index page. After you write some code for the page you can preview it by opening the file. For me it opens in my default browser, chrome. This is just viewing your local copy of the file. Once you are ready to publish the file, you will need to upload it through your hosts ftp transfer page. I will go more into depth on that later.