Many website developers begin to learn how to create websites with coding tutorials from sites like freeCodeCamp or Codecademy which offer a built in environment for you to learn website development skills. There are also sites like Codepen and CodeSandbox which are useful for someone who is just learning to put together a website, but has never set up a local development environment before. If you would like to deploy a website to your Hostwinds web hosting service, you can create your own local development environment and then to upload your work from there to your web hosting account with Hostwinds.
There are a few necessary items that you will want to have to be able to create your website on your local computer. This guide will list a generic set of tools for this purpose, and will help you to get you set up with an outline to build your site in. Keep in mind that there are numerous alternatives and additions which can be made to the list here and the choice to build your site on your computer is entirely up to you.
The Tools You Will Need
The first tool that you will want to have is a text editor such as Notepad++ or Atom, which is often more feature packed than a standard text editor and is then called an IDE (Integrated Development Environment). You will want to have an FTP program such as Mozilla’s FileZilla Client for transferring your files to where they will be hosted. Finally, you will want to have a web hosting account with Hostwinds so that you can deploy your site once it is finished.
The Basic File Structure
The link to your main.css file will be in the HTML link tag in the head of your HTML file:
<head> <link rel="stylesheet" type="text/css" href="styles/main.css"> </head>
<body> <script src="scripts/main.js"></script> </body>
Starter HTML Skeleton
The index.html Page
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <link rel="stylesheet" type="text/css" href="styles/main.css"> <title>Title of the document</title> </head> <body> Content of the wesite...... <script src="scripts/main.js"></script> </body> </html>
Once you have created this file, you will want to save it as index.html so that this serves as your homepage.
Deploying Your Site
Once you have finished creating and saving these three files, then you will be able to upload the files to your website’s document root using an FTP client such as FileZilla or using File Manager in cPanel. For Hostwinds Shared Hosting, Business Hosting and cPanel accounts, this will be public_html folder to have your site come to life for you.
- How to create a custom landing page using HTML and CSS
- How to make your website Mobile Friendly
- FTP Configuration Files in cPanel
- Getting Started with Hostwinds