How to upload HTML5 documents

HOW TO UPLOAD HTML5 DOCUMENTS

How to upload HTML5 documents is easy. HTML5 is about three technologies: HTML, CSS and JAVASCRIPT.

HOW TO UPLOAD HTML5 DOCUMENTS
HOW TO UPLOAD HTML5 DOCUMENTS

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
HTML
CSS
javaScript

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 FTPSFTPWebDAVAmazon S3OpenStack SwiftBackblaze B2Microsoft Azure & OneDriveGoogle Drive and Dropbox.

HOW TO UPLOAD HTML5 DOCUMENTS

Start with CyberDuck

  1. Download CyberDuck and install it.
  2. Log in Ionos.es
  3.  Click on “Hosting”
  4.  Select SFTP
  5. By default there is a FTP account.
  6. Download CyberDuck set up file
  7. Create a folder called M07Exercises 
  8. On IONOS create a  new subdomain  called
    M07exercices.yourdomain.com
  9. On  IONOS link  this subdomain to M07Exercises folder
5 By default there is a FTP account.
6 Download CyberDuck set up file
2 Log in Ionos.es
3 Click on "Hosting"
4 Select SFTP

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

Deja una respuesta