Regresar a la página www.ComoCrearTuWeb.com
Resultados 1 al 3 de 3

Tema: [Tutorial] Cómo resolver problemas con imágenes

  1. #1
    Esto empieza a ser un vicio... Habitante
    Fecha de Ingreso
    02 may, 11
    Ubicación
    Santiago, Chile
    Mensajes
    2,079
    Poder de Reputación
    24

    [Tutorial] Cómo resolver problemas con imágenes

    ¡Hola a todos!

    He querido crear este tema porque he visto, en muy poco tiempo, varias personas con problemas con la imagen de fondo o una imagen en cualquier lugar. La idea es enseñarles a diagnosticar el problema y que lo puedan resolver por ustedes mismos.

    Los pasos a seguir son los siguientes:

    1. Revisar que la ruta de la imagen este correcta (deben entender el concepto de ruta relativa y absoluta). Revisen que la ruta sea exactamente igual, respetando mayúsculas y minúsculas. No utilicen caracteres especiales ni espacios en los nombres de carpetas o archivos, sólo utilicen letras (excepto la ñ y los tildes), guiones (-, o signo menos) o guiones bajos (_). Estas son convenciones, puesto que los espacios y caracteres especiales sí funcionan.

      Suponiendo que tengan las imágenes dentro de la carpeta objetos y necesitan la imagen 1.jpg, lo correcto es:

      Ruta Absoluta Ruta Relativa
      Correcto http://midominio.algo/objetos/1.jpg objetos/1.jpg
      Incorrecto http://midominio.algo/Objetos/11.jpg Objetos/11.jpg
      Incorrecto http://midominio.algo/objeto/1.jpg objeto/11.jpg

      Lo mismo aplica para los archivos CSS, pues si estos archivos no están correctamente enlazados, el navegador no los encontrará.

    2. Deben asegurarse de que su código CSS este correcto. Revisen la sintaxis de código, puesto que si faltan o sobran letras, el código no funciona. Aquí pueden validar el código CSS: http://jigsaw.w3.org/css-validator/#validate_by_input; sólo deben copiar y pegar su código y luego hagan clic sobre Check (si no saben inglés no importa, pues pueden copiar y pegar el resultado en el foro para que los que sepan les ayuden). También pueden validar el código HTML aquí: http://validator.w3.org/#validate_by_input (se utiliza de la misma forma).
    3. Si la ruta es correcta, intenten vaciar la caché del navegador o presionando las teclas Control + F5 (esta combinación recarga la página sin tomar en cuenta la caché). La caché se podría describir como una vista previa que el navegador guarda para aumentar la velocidad con que se carga la página.
    4. Si aún no les funciona, entonces deben revisar la consola de errores. Todos los navegadores tienen herramientas para desarrolladores, ya sea en la forma de plugin, addon o extensión (Safari y en versiones antiguas Firefox) o una utilidad del navegador (Opera, Firefox, Chrome e Internet Explorer >= 9). Por lo general, basta con presionar la tecla F12 para abrir las herramientas y luego deben buscar la pestaña Console, que les mostrará los errores de Javascript, CSS y los archivos que no se han encontrado o no se han podido cargar. Luego pueden buscar ese error en el foro, en Internet o publicarlo en el foro.


    Con esto ya deberían poder resolver cualquier problema de imágenes y también les ayudará a resolver otros problemas. Las herramientas para desarrolladores es lo más útil dentro de un navegador.

    Ahora, si aún así no pueden resolver el problema, entonces acudan al foro con cualquier información que aparezca en la consola y el código fuente (HTML, Javascript, CSS y/o PHP - u otro lenguaje) de su sitio web o aplicación.

    Espero que esto les ayude :).

    ¡Saludos!
    Última edición por skaparate; 05/01/2015 a las 17:02

  2. #2
    Recien Llegado! Pasaba por aquí...
    Fecha de Ingreso
    09 jun, 15
    Ubicación
    San José, Uruguay
    Mensajes
    1
    Poder de Reputación
    0
    No sé por qué no te han respondido hasta ahora, me has ayudado mucho, no sólo a poder seguir nuevamente el tutorial con la imagen de ejemplo (fondo.png) sino que además ya puedo colocar otras en su lugar, estaba cometiendo un fallo muy tonto jajajaja ¡Muchísimas gracias!

  3. #3
    Esto empieza a ser un vicio... Habitante
    Fecha de Ingreso
    02 may, 11
    Ubicación
    Santiago, Chile
    Mensajes
    2,079
    Poder de Reputación
    24
    Me alegro que te haya servido, así que gracias por el comentario.

    Saludos!

Etiquetas para este Tema

Permisos de Publicación

  • No puedes crear nuevos temas
  • No puedes responder temas
  • No puedes subir archivos adjuntos
  • No puedes editar tus mensajes
  •