SlideShare una empresa de Scribd logo
1 de 17
Descargar para leer sin conexión
isra_fenix 
isfenix3
Lo primero que tienen que hacer es ir a la pagina de Hostinger (www.hostinger.mx), crear una cuenta y llenar el formulario de registro. 
Cuando activen su cuenta les llegara una 
notificación a su correo electrónico para 
confirmar su cuenta.
Lo primero que harán es crear una nueva cuenta para la pagina, tal como se muertas en la imagen le dan clic en Hosting y se desplaza el menú y seleccionan .
El siguiente paso será escoger el plan de hosting, en este ejemplo 
escogeremos el plan que es gratis, clic en Ordenar y listo.
El siguiente paso es ingresar el dominio y la contraseña, el tipo de Dominio que escogeremos es , en este ejemplo el nombre del subdominio se llama relojSVG y el tipo de subdominio es .hol.es, Después le escribimos la contraseña o lo pueden generar, es mas recomendable escribirlo para que se acuerden de la contraseña. Una vez terminado le dan clic en continuar.
Ahora tendremos que confirma nuestra Orden, nos da un pequeño 
Resumen del tipo de plan y el tipo de dominio, aparecerá un captcha 
que deberán ingresarlo en el cuadro de texto y aceptar los términos 
y dar clic en , para continuar.
Ahora ya tenemos nuestro nombre de dominio que es relojsvg.hol.es, 
para administrarlo le dan clic sobre el signo de mas y se abrirá un 
panel con cuatro iconos, del cual escogeremos la primera dándole clic.
Dentro del panel tendremos varia opciones, en la parte inferior 
esta la pestaña Archivos con la herramienta que ocuparemos que es el 
Administrador de Archivos para cargar nuestro proyecto HTML5. 
Clic aquí.
Ya dentro del Administrador de Archivos si es la primera vez que 
cargamos un archivo nos pedirá que instalemos el cargador de archivos, 
lo instalan y listo. 
Ahora la parte importante de esto es cargar nuestro proyecto, 
para ello le dan Clic en y le abrirá un ventana.
Por default aparecen dos archivos, del cual debemos eliminar
En la imagen se muestra los archivos de mi proyecto HTML3 que consta de 
tres carpetas que son css, images y js, del cual hay tres archivos sueltos 
que son, IInstall, manifest.webapp y Reloj-SVG, ahora estos son los archivos 
que subiré con el .
En el paso anterior se vio los archivos que se subirán al Hostinger, algo 
muy importante que aclarar es que el no carga las carpetas 
por lo cual crearemos las carpetas de forma manual, damos clic derecho y 
escogemos «Nueva carpeta» y crearemos las tres carpetas que son css, images y js. 
En caso de que ustedes no tengan carpetas y sus archivos están sueltas salten al paso para ver como cargar sus archivos. 
En la parte izquierda aparece el directorio donde nos mostrara los archivos que contiene tal directorio.
Ya creada las tres carpetas lo siguiente será subir los archivos que contiene cada carpeta, damos clic derecho «Subir archivo» y seleccionamos el archivo a subir y así sucesivamente con las demás carpetas. Tenemos dos forma de subir los archivos: 
•La primera es dando clic derecho dentro de la carpeta y seleccionar «Subir Archivo» 
•La segunda es dando clic al icono de Disquete en la parte superior izquierda.
Una vez que ya las carpetas tengan sus archivos ahora nos iremos al directorio raíz dando clic en el icono de la casita y subimos los demás archivos que faltan.
Ya cargada todos los archivos y carpetas, es importante cambiarle 
el nombre a la pagina principal de inicio, en mi caso mi pagina 
principal se llama Reloj-SVG.html y le cambiare el nombre a index.html, 
esto es muy importante ya que Hostinger buscara la pagina principal 
con ese nombre y al no encontrarlo no podrá visualizar tu pagina, 
una vez realizado el paso cerramos el Administrador Archivos.
Ahora, cuando hayan cerrado el Administrador de Archivos le dan clic en el menú Tablero y los direccionara a una pagina donde aparece el link para visualizar su pagina en el navegador. 
Link
Cuando le den clic al link abrirá una nueva ventana donde podrán visualizar su pagina, en mi caso se ve así y el link de mi pagina es relojsvg.hol.es. 
Si hicieron todo bien podrán ver su proyecto html5 sin errores.

Más contenido relacionado

Destacado

Web publishing
Web publishingWeb publishing
Web publishing
Kanav Sood
 
Modelo de Competencias Digitales
Modelo de Competencias DigitalesModelo de Competencias Digitales
Modelo de Competencias Digitales
David Álvarez
 
Islam para niños
Islam para niñosIslam para niños
Islam para niños
mumuch
 

Destacado (12)

Pres1 Seminario de Informática IDE09143179
Pres1 Seminario de Informática IDE09143179Pres1 Seminario de Informática IDE09143179
Pres1 Seminario de Informática IDE09143179
 
Greenfoot 1
Greenfoot 1Greenfoot 1
Greenfoot 1
 
Configurando.cuenta.000webhost.joomla.2.5.3
Configurando.cuenta.000webhost.joomla.2.5.3Configurando.cuenta.000webhost.joomla.2.5.3
Configurando.cuenta.000webhost.joomla.2.5.3
 
Tutorial para subir sitios web al servidor gratuito de www.260mb.net
Tutorial para subir sitios web al servidor gratuito de www.260mb.netTutorial para subir sitios web al servidor gratuito de www.260mb.net
Tutorial para subir sitios web al servidor gratuito de www.260mb.net
 
Cómo Subir Un Sitio Web
Cómo Subir Un Sitio WebCómo Subir Un Sitio Web
Cómo Subir Un Sitio Web
 
Web publishing
Web publishingWeb publishing
Web publishing
 
Ple, Entornos personalizados de aprendizaje
Ple, Entornos personalizados de aprendizajePle, Entornos personalizados de aprendizaje
Ple, Entornos personalizados de aprendizaje
 
Modelo de Competencias Digitales
Modelo de Competencias DigitalesModelo de Competencias Digitales
Modelo de Competencias Digitales
 
Definitions of Personal Learning Environment (PLE)
Definitions of Personal Learning Environment (PLE)Definitions of Personal Learning Environment (PLE)
Definitions of Personal Learning Environment (PLE)
 
Islam para niños
Islam para niñosIslam para niños
Islam para niños
 
Muerte por powerpoint y como diseñar presentaciones efectivas
Muerte por powerpoint  y como diseñar presentaciones efectivasMuerte por powerpoint  y como diseñar presentaciones efectivas
Muerte por powerpoint y como diseñar presentaciones efectivas
 
Definición de diagrama de proceso
Definición de diagrama de procesoDefinición de diagrama de proceso
Definición de diagrama de proceso
 

Más de Israel Hernandez

Curso de linux para novatos, brutos y extremadamente torpes
Curso de linux para novatos, brutos y extremadamente torpesCurso de linux para novatos, brutos y extremadamente torpes
Curso de linux para novatos, brutos y extremadamente torpes
Israel Hernandez
 
Diseño y programación de bases de datos con sql server 2008
Diseño y programación de bases de datos con sql server 2008 Diseño y programación de bases de datos con sql server 2008
Diseño y programación de bases de datos con sql server 2008
Israel Hernandez
 

Más de Israel Hernandez (9)

Introducion a POO
Introducion a POOIntroducion a POO
Introducion a POO
 
Elaboración de un proyecto de investigación
Elaboración de un proyecto de investigaciónElaboración de un proyecto de investigación
Elaboración de un proyecto de investigación
 
Antología de Estudio de Mercado
Antología de Estudio de MercadoAntología de Estudio de Mercado
Antología de Estudio de Mercado
 
Ayuda para Manual
Ayuda para ManualAyuda para Manual
Ayuda para Manual
 
Mantenimiento preventivo de hardware de computadoras
Mantenimiento preventivo de hardware de computadorasMantenimiento preventivo de hardware de computadoras
Mantenimiento preventivo de hardware de computadoras
 
Examen practico final de cisco
Examen practico final de ciscoExamen practico final de cisco
Examen practico final de cisco
 
Curso de linux para novatos, brutos y extremadamente torpes
Curso de linux para novatos, brutos y extremadamente torpesCurso de linux para novatos, brutos y extremadamente torpes
Curso de linux para novatos, brutos y extremadamente torpes
 
Introduccion a sql
Introduccion a sqlIntroduccion a sql
Introduccion a sql
 
Diseño y programación de bases de datos con sql server 2008
Diseño y programación de bases de datos con sql server 2008 Diseño y programación de bases de datos con sql server 2008
Diseño y programación de bases de datos con sql server 2008
 

Último

NUEVAS DIAPOSITIVAS POSGRADO Gestion Publica.pdf
NUEVAS DIAPOSITIVAS POSGRADO Gestion Publica.pdfNUEVAS DIAPOSITIVAS POSGRADO Gestion Publica.pdf
NUEVAS DIAPOSITIVAS POSGRADO Gestion Publica.pdf
UPTAIDELTACHIRA
 
TEMA 14.DERIVACIONES ECONÓMICAS, SOCIALES Y POLÍTICAS DEL PROCESO DE INTEGRAC...
TEMA 14.DERIVACIONES ECONÓMICAS, SOCIALES Y POLÍTICAS DEL PROCESO DE INTEGRAC...TEMA 14.DERIVACIONES ECONÓMICAS, SOCIALES Y POLÍTICAS DEL PROCESO DE INTEGRAC...
TEMA 14.DERIVACIONES ECONÓMICAS, SOCIALES Y POLÍTICAS DEL PROCESO DE INTEGRAC...
jlorentemartos
 
2 REGLAMENTO RM 0912-2024 DE MODALIDADES DE GRADUACIÓN_.pptx
2 REGLAMENTO RM 0912-2024 DE MODALIDADES DE GRADUACIÓN_.pptx2 REGLAMENTO RM 0912-2024 DE MODALIDADES DE GRADUACIÓN_.pptx
2 REGLAMENTO RM 0912-2024 DE MODALIDADES DE GRADUACIÓN_.pptx
RigoTito
 
Concepto y definición de tipos de Datos Abstractos en c++.pptx
Concepto y definición de tipos de Datos Abstractos en c++.pptxConcepto y definición de tipos de Datos Abstractos en c++.pptx
Concepto y definición de tipos de Datos Abstractos en c++.pptx
Fernando Solis
 

Último (20)

Plan-de-la-Patria-2019-2025- TERCER PLAN SOCIALISTA DE LA NACIÓN.pdf
Plan-de-la-Patria-2019-2025- TERCER PLAN SOCIALISTA DE LA NACIÓN.pdfPlan-de-la-Patria-2019-2025- TERCER PLAN SOCIALISTA DE LA NACIÓN.pdf
Plan-de-la-Patria-2019-2025- TERCER PLAN SOCIALISTA DE LA NACIÓN.pdf
 
NUEVAS DIAPOSITIVAS POSGRADO Gestion Publica.pdf
NUEVAS DIAPOSITIVAS POSGRADO Gestion Publica.pdfNUEVAS DIAPOSITIVAS POSGRADO Gestion Publica.pdf
NUEVAS DIAPOSITIVAS POSGRADO Gestion Publica.pdf
 
Tema 10. Dinámica y funciones de la Atmosfera 2024
Tema 10. Dinámica y funciones de la Atmosfera 2024Tema 10. Dinámica y funciones de la Atmosfera 2024
Tema 10. Dinámica y funciones de la Atmosfera 2024
 
Los avatares para el juego dramático en entornos virtuales
Los avatares para el juego dramático en entornos virtualesLos avatares para el juego dramático en entornos virtuales
Los avatares para el juego dramático en entornos virtuales
 
TEMA 14.DERIVACIONES ECONÓMICAS, SOCIALES Y POLÍTICAS DEL PROCESO DE INTEGRAC...
TEMA 14.DERIVACIONES ECONÓMICAS, SOCIALES Y POLÍTICAS DEL PROCESO DE INTEGRAC...TEMA 14.DERIVACIONES ECONÓMICAS, SOCIALES Y POLÍTICAS DEL PROCESO DE INTEGRAC...
TEMA 14.DERIVACIONES ECONÓMICAS, SOCIALES Y POLÍTICAS DEL PROCESO DE INTEGRAC...
 
origen y desarrollo del ensayo literario
origen y desarrollo del ensayo literarioorigen y desarrollo del ensayo literario
origen y desarrollo del ensayo literario
 
PINTURA DEL RENACIMIENTO EN ESPAÑA (SIGLO XVI).ppt
PINTURA DEL RENACIMIENTO EN ESPAÑA (SIGLO XVI).pptPINTURA DEL RENACIMIENTO EN ESPAÑA (SIGLO XVI).ppt
PINTURA DEL RENACIMIENTO EN ESPAÑA (SIGLO XVI).ppt
 
FUERZA Y MOVIMIENTO ciencias cuarto basico.ppt
FUERZA Y MOVIMIENTO ciencias cuarto basico.pptFUERZA Y MOVIMIENTO ciencias cuarto basico.ppt
FUERZA Y MOVIMIENTO ciencias cuarto basico.ppt
 
Prueba de evaluación Geografía e Historia Comunidad de Madrid 2º de la ESO
Prueba de evaluación Geografía e Historia Comunidad de Madrid 2º de la ESOPrueba de evaluación Geografía e Historia Comunidad de Madrid 2º de la ESO
Prueba de evaluación Geografía e Historia Comunidad de Madrid 2º de la ESO
 
Posición astronómica y geográfica de Europa.pptx
Posición astronómica y geográfica de Europa.pptxPosición astronómica y geográfica de Europa.pptx
Posición astronómica y geográfica de Europa.pptx
 
2 REGLAMENTO RM 0912-2024 DE MODALIDADES DE GRADUACIÓN_.pptx
2 REGLAMENTO RM 0912-2024 DE MODALIDADES DE GRADUACIÓN_.pptx2 REGLAMENTO RM 0912-2024 DE MODALIDADES DE GRADUACIÓN_.pptx
2 REGLAMENTO RM 0912-2024 DE MODALIDADES DE GRADUACIÓN_.pptx
 
Sesión de clase APC: Los dos testigos.pdf
Sesión de clase APC: Los dos testigos.pdfSesión de clase APC: Los dos testigos.pdf
Sesión de clase APC: Los dos testigos.pdf
 
BIOMETANO SÍ, PERO NO ASÍ. LA NUEVA BURBUJA ENERGÉTICA
BIOMETANO SÍ, PERO NO ASÍ. LA NUEVA BURBUJA ENERGÉTICABIOMETANO SÍ, PERO NO ASÍ. LA NUEVA BURBUJA ENERGÉTICA
BIOMETANO SÍ, PERO NO ASÍ. LA NUEVA BURBUJA ENERGÉTICA
 
Power Point E. S.: Los dos testigos.pptx
Power Point E. S.: Los dos testigos.pptxPower Point E. S.: Los dos testigos.pptx
Power Point E. S.: Los dos testigos.pptx
 
TIENDAS MASS MINIMARKET ESTUDIO DE MERCADO
TIENDAS MASS MINIMARKET ESTUDIO DE MERCADOTIENDAS MASS MINIMARKET ESTUDIO DE MERCADO
TIENDAS MASS MINIMARKET ESTUDIO DE MERCADO
 
Concepto y definición de tipos de Datos Abstractos en c++.pptx
Concepto y definición de tipos de Datos Abstractos en c++.pptxConcepto y definición de tipos de Datos Abstractos en c++.pptx
Concepto y definición de tipos de Datos Abstractos en c++.pptx
 
Biografía de Charles Coulomb física .pdf
Biografía de Charles Coulomb física .pdfBiografía de Charles Coulomb física .pdf
Biografía de Charles Coulomb física .pdf
 
Tema 17. Biología de los microorganismos 2024
Tema 17. Biología de los microorganismos 2024Tema 17. Biología de los microorganismos 2024
Tema 17. Biología de los microorganismos 2024
 
Análisis de los Factores Externos de la Organización.
Análisis de los Factores Externos de la Organización.Análisis de los Factores Externos de la Organización.
Análisis de los Factores Externos de la Organización.
 
LA LITERATURA DEL BARROCO 2023-2024pptx.pptx
LA LITERATURA DEL BARROCO 2023-2024pptx.pptxLA LITERATURA DEL BARROCO 2023-2024pptx.pptx
LA LITERATURA DEL BARROCO 2023-2024pptx.pptx
 

Como subir tu proyecto HTML5 en Hostinger

  • 2. Lo primero que tienen que hacer es ir a la pagina de Hostinger (www.hostinger.mx), crear una cuenta y llenar el formulario de registro. Cuando activen su cuenta les llegara una notificación a su correo electrónico para confirmar su cuenta.
  • 3. Lo primero que harán es crear una nueva cuenta para la pagina, tal como se muertas en la imagen le dan clic en Hosting y se desplaza el menú y seleccionan .
  • 4. El siguiente paso será escoger el plan de hosting, en este ejemplo escogeremos el plan que es gratis, clic en Ordenar y listo.
  • 5. El siguiente paso es ingresar el dominio y la contraseña, el tipo de Dominio que escogeremos es , en este ejemplo el nombre del subdominio se llama relojSVG y el tipo de subdominio es .hol.es, Después le escribimos la contraseña o lo pueden generar, es mas recomendable escribirlo para que se acuerden de la contraseña. Una vez terminado le dan clic en continuar.
  • 6. Ahora tendremos que confirma nuestra Orden, nos da un pequeño Resumen del tipo de plan y el tipo de dominio, aparecerá un captcha que deberán ingresarlo en el cuadro de texto y aceptar los términos y dar clic en , para continuar.
  • 7. Ahora ya tenemos nuestro nombre de dominio que es relojsvg.hol.es, para administrarlo le dan clic sobre el signo de mas y se abrirá un panel con cuatro iconos, del cual escogeremos la primera dándole clic.
  • 8. Dentro del panel tendremos varia opciones, en la parte inferior esta la pestaña Archivos con la herramienta que ocuparemos que es el Administrador de Archivos para cargar nuestro proyecto HTML5. Clic aquí.
  • 9. Ya dentro del Administrador de Archivos si es la primera vez que cargamos un archivo nos pedirá que instalemos el cargador de archivos, lo instalan y listo. Ahora la parte importante de esto es cargar nuestro proyecto, para ello le dan Clic en y le abrirá un ventana.
  • 10. Por default aparecen dos archivos, del cual debemos eliminar
  • 11. En la imagen se muestra los archivos de mi proyecto HTML3 que consta de tres carpetas que son css, images y js, del cual hay tres archivos sueltos que son, IInstall, manifest.webapp y Reloj-SVG, ahora estos son los archivos que subiré con el .
  • 12. En el paso anterior se vio los archivos que se subirán al Hostinger, algo muy importante que aclarar es que el no carga las carpetas por lo cual crearemos las carpetas de forma manual, damos clic derecho y escogemos «Nueva carpeta» y crearemos las tres carpetas que son css, images y js. En caso de que ustedes no tengan carpetas y sus archivos están sueltas salten al paso para ver como cargar sus archivos. En la parte izquierda aparece el directorio donde nos mostrara los archivos que contiene tal directorio.
  • 13. Ya creada las tres carpetas lo siguiente será subir los archivos que contiene cada carpeta, damos clic derecho «Subir archivo» y seleccionamos el archivo a subir y así sucesivamente con las demás carpetas. Tenemos dos forma de subir los archivos: •La primera es dando clic derecho dentro de la carpeta y seleccionar «Subir Archivo» •La segunda es dando clic al icono de Disquete en la parte superior izquierda.
  • 14. Una vez que ya las carpetas tengan sus archivos ahora nos iremos al directorio raíz dando clic en el icono de la casita y subimos los demás archivos que faltan.
  • 15. Ya cargada todos los archivos y carpetas, es importante cambiarle el nombre a la pagina principal de inicio, en mi caso mi pagina principal se llama Reloj-SVG.html y le cambiare el nombre a index.html, esto es muy importante ya que Hostinger buscara la pagina principal con ese nombre y al no encontrarlo no podrá visualizar tu pagina, una vez realizado el paso cerramos el Administrador Archivos.
  • 16. Ahora, cuando hayan cerrado el Administrador de Archivos le dan clic en el menú Tablero y los direccionara a una pagina donde aparece el link para visualizar su pagina en el navegador. Link
  • 17. Cuando le den clic al link abrirá una nueva ventana donde podrán visualizar su pagina, en mi caso se ve así y el link de mi pagina es relojsvg.hol.es. Si hicieron todo bien podrán ver su proyecto html5 sin errores.