Como Hacer Una Pag Web

17
isra_fenix isfenix3

description

elaboracion de paginas web

Transcript of Como Hacer Una Pag Web

  • 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 notificacin a su correo electrnico para confirmar su cuenta.

    http://www.hostinger.mx/http://www.hostinger.mx/http://www.hostinger.mx/http://www.hostinger.mx/http://www.hostinger.mx/
  • Lo primero que harn 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 contrasea, 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, Despus le escribimos la contrasea o lo pueden generar, es mas recomendable escribirlo para que se acuerden de la contrasea. Una vez terminado le dan clic en continuar.

  • Ahora tendremos que confirma nuestra Orden, nos da un pequeo Resumen del tipo de plan y el tipo de dominio, aparecer un captcha que debern ingresarlo en el cuadro de texto y aceptar los trminos 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 dndole clic.

  • Dentro del panel tendremos varia opciones, en la parte inferior esta la pestaa 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 subirn 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 estn 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 dems 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 raz dando clic en el icono de la casita y subimos los dems 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 podrn visualizar su pagina, en mi caso se ve as y el link de mi pagina es relojsvg.hol.es. Si hicieron todo bien podrn ver su proyecto html5 sin errores.