HOW TO UPLOAD HTML5 DOCUMENTS
How to upload HTML5 documents is easy. HTML5 is about three technologies: HTML, CSS and JAVASCRIPT.
HTML is the estructure, JAVASCRIPT the behavior and CSS the style or the way something looks like.
Both, CSS and JAVASCRIPT could be in a HTML document or be outside as usually are used as independent documents.
How to build code
First way. Within the .html
If all the code [HTML, CSS and JAVASCRIPT] is together in the HTML document this is the way to do it, is quick for short code, but when code is large and you are using several pages and sites it’s better use the next method:
Second way. Different files
This is the most professional way to do it, when each language has its own document:
HOW TO UPLOAD HTML5 DOCUMENTS
Software to code and upload data
Microsoft Visual Studio Code
With focused visual tools and preprocessor support, Visual Studio Code is a modern text editor that makes it easy to design in the browser. It’s crafted from the ground up for web designers and front-end developers.
CyberDuck
Cyberduck is a libre server and cloud storage browser for Mac and Windows with support for FTP, SFTP, WebDAV, Amazon S3, OpenStack Swift, Backblaze B2, Microsoft Azure & OneDrive, Google Drive and Dropbox.
HOW TO UPLOAD HTML5 DOCUMENTS
Start with CyberDuck
- Download CyberDuck and install it.
- Log in Ionos.es
- Click on “Hosting”
- Select SFTP
- By default there is a FTP account.
- Download CyberDuck set up file
- Create a folder called M07Exercises
- On IONOS create a new subdomain called
M07exercices.yourdomain.com - On IONOS link this subdomain to M07Exercises folder
CyberDuck now is configured to upload files, but first of all we will create a folder on the root called M07Exercices. Here we will save the exercises we are going to do.
How can I get a link to share the html with somebody? It’s easy, go to CyberDuck and there select the html you want to share and with the right button of your mousse choose Copy URL / HTTP URL
You get something like this:
http://home671479050.1and1-data.host/ExercisesM7/jquery/PRJ6_STARWARS/index.html
Erase the orange part of the address and exchange it by this:
http://m07exercises.yourdomain.com/ExercisesM7/jquery/PRJ6_STARWARS/index.html
As you can see how to upload HTML5 documents is easy if you know the steps to do it.
Sé el primero en comentar