Tutorial - ¿Cómo Subir un Sitio a Internet?
Saturday, Junio 23rd, 2007Bueno este post va dirigido a mi hermanito que me pregunto ¿Cómo puedo subir una página a internet? una pregunta que muchos de nosotros tal veamos sencilla, pero que los que apenas comienzan en este ambiente no conocen. Asi que me pareció interesante hacer un tutorial de los pasos necesarios para subir un sitio a la red para contestar su pregunta y compartir con los lectores de este blog.
Ok supongamos que ya saben HTML, ya han creado todas sus páginas, etc.. antes de mostrarles que tenemos que hacer para trepar su sitio es importante que tomen en cuenta estos puntos:
- Verifiquen que todos los archivos de su sitio se encuentren en una misma carpeta, tanto imagenes, como los archivos HTML.
- Es recomendable que tengan un orden por lo que si estas utilizando imágenes, crea una carpeta llamada “imagenes” o “img” o el nombre que tu prefieras pero que sepas que de ahora en adelante todas las imágenes que utilices estén guardadas en ese directorio.
- Algo común que hacemos cuando comenzamos con HTML es meterla muchas imágenes a nuestras páginas, no esta mal, solo hay que tener en cuenta que esas imágenes no pesen mucho (Recomendable menos de 50Kb por imágen) ya que localmente no nos damos cuenta el tiempo que tarda en cargar las imágenes, pero una ves en internet la carga de la página depende de nuestra conexión a internet (ok tu tienes banda ancha pero ten en cuenta que muchas personas no :p). Ademas que consumiran el ancho de banda que tendremos asignada en nuestro hosting (Explicare mas adelante esto).
- Asegurate de que las rutas especificadas en tus etiquetas <img> no sean locales, si no que sean relativas. Este es un error muy comun al momento de trepar una página sobre todo si has utilizado algun editor como FrontPage, DreamWeaver o algun otro similar. Un ejemplo de esto puede ser: Rutal Local <img src=”C:\Mi Sitio\imagenes\imagen.jpg”> como ven esa imágen se esta llamando localmente y habria que cambiarlo a <img src=”imagenes/imagen.jpg”> ¿por qué el hacer esto? simple porque cuando pongamos nuestra página en internet al momento de accederla otros usuarios el navegador intentara localizar una imágen en el directorio “C:\Mi Sitio\imagenes” de la persona y es obvio que no la va a encontrar.
- No utilicen mayusculas, ni acentos, para nombrar sus archivos HTML, ni sus imágenes.
- Eviten el uso de espacios en blanco para nombrar sus archivos, pueden remplazarlo por un - ó _ . Ejemplo si tienes una página llamada “mi pagina.html” renombrala a “mi-pagina.html”.
- Renombra la página principal de tu sitio a index.html esto es muy importante ya que al momento de ingresar a la dirección de nuestro sitio ejemplo: http://www.susitio.com.mx el servidor intentará localizar el archivo index.html si no se encuentra dicho archivo nos mostrara un listado de los archivos contenidos en nuestro directorio. Veamos esto como un estandar (si utilizas otro lenguaje como php tu página principal debera llamarse index.php).
