Dudas sobre cómo poner imagenes en la web

Tengo una duda: tal y cómo estoy intentando montar mi web, no se cómo colocar las imagenes. En el apartado "Destinacions", en cada uno de los destinos, quiero poner una bitácora del viaje y en el menú de la izquierda dos apartados: uno sobre recomendaciones y otro para colgar imagenes. Cómo lo tengo ahora, dentro de la carpeta "destinacions" hay las diferentes carpetas de los destinos y dentro de cada una, dos archivos .html ("nombre del destino" y "recomenciones", y otra (vacía de momento) en el que irían las fotos. ¿El procedimiento es correcto? Si lo es, cómo hago para que al abrir la carpeta "imatges" aparezcan las fotografías? ¿Cómo es el procedimento?
Gracias por vuestra inestimable ayuda.
La página es: www.somnis.ppcc.cat
Hola, no te asustes por el texto que vas a tener que leer :D

El procedimiento de las carpetitas está bien organizado, justo como yo lo haría.

Ahora bien, lo de las imatges no te va porque lo tienes mal, mira el código:

[*][url="[color=red][*]<a href="]Imatges Marroc[/url]

Has puesto un <a href dentro de otro <a href y luego al final un #, además creo que lo de marroc/ sobra. Cuidado con eso, las rutas son fáciles de poner, solo hay que entenderlas mirando la organización de las carpetas en tu ftp.

Ahora que me doy cuenta, tu lo que quieres es que se muestren las imágenes de una carpeta directamente y no, lo que tienes que hacer es una página fotos-marroc.html y ahí ir poniendo las imágenes de la carpeta fotos-marroc. Ponlo así:

[*][url="fotos-marroc.html"]Imatges Marroc[/url]

P.D: Te recomiendo que dejes de usar ese frame de .pppc.cat, es mejor que uses la dirección original de onlinewebshop.

Un saludo
Muchas gracias, Foley. Bien, el tema es que aun no he puesto fotografias, pero ya tengo una ligera idea de cómo. En cuanto pueda lo pruebo y os comento.

Otra cosa, ¿porque recomiendas que deje de usar ese frame de .pppc.cat, y que use la dirección original de onlinewebshop? ¿Tiene algún problema?
Gracias por atenderme
jaume escribió:Otra cosa, ¿porque recomiendas que deje de usar ese frame de .pppc.cat, y que use la dirección original de onlinewebshop? ¿Tiene algún problema?
Gracias por atenderme

Humm pues por varias cosas:

:arrow: Te ponen publicidad arriba de todo de la web
:arrow: Cuando el usuario va cambiando de página dentro de tu web, la barra de direcciones siempre muestra lo mismo de tuweb.pppc.cat y no tuweb.pppc.cat/seccion1.html (por ejemplo). Eso puede llevar a que la gente se pierda.
:arrow: Al tener el frame tu web carga más lento.
:arrow: A google no le gustan mucho los frames, quizás el tuyo sí es capaz de seguirlo (ver la página para que nos entendamos) porque es simple pero otros más complejos no los seguiría.
:arrow: Si quieres un nombre del estilo tuweb.com solo tienes que pagar 8 euros al año. También podrías conseguir un dominio tuweb.info por 2 € al año, muy barato.

Un saludo ;)
Gracias, la verdad es que aun no me he planteado el tema económico. De momento voy haciendo con este y si veo que la cosa marcha bien, entonces sí me plantearé otros objetivos. De todas maneras, muy agradecido por tu pronta respuesta. Ahora estoy trabajando en uno de los muchos escollos que me estoy encontrado y muy pronto volveré a preguntaros.

Saludos
¿Lo ves? ya vuelvo a estar aquí. Vale, he abierto otro archivo dentro de la carpeta egipte, que a su vez está dentro de la carpeta destinacions: fotos-egipte.html. Por defecto me salen diferentes codigos (options, help, HTML for HTML tags, HTML_Attributes, Attribute_values, etc), pero no sé cómo gestionar el tema.
En egipte.html he copiado el código que me dijiste:
  • Imatges egipte (he cambiado marroc por egipte, ya que en esta carpeta sí hay imagenes).
    ¿Donde y cómo introduzco las fotos? He probado varias cosas, pero no consigo nada.
    Gracias por atenderme.
  • Hola

    Estoy seguro de que sabes colocar las fotos, lo que pasa que no te viene a la cabeza cómo hacerlo, pero sí sabes jeje. Las fotos se colocan así:
    [img]objetos/foto1.jpg[/img]
    [img]objetos/foto2.jpg[/img]
    [img]objetos/foto3.jpg[/img]
    [img]objetos/foto4.jpg[/img]
    ETC

    Luego ya le puedes dar unos estilos css para que queden más bonitas o colocarlas de alguna forma especial.

    Todo eso lo tendrías que poner en el <body></body> de fotos-egipte.html

    Un saludo
    Bieeeeennnnnnnnnn, ahora sí. Lo conseguí. Borré todos los codigos que había en la pàgina fotos-egipte.html y le he puesto lo que me indicaste. Ha quedado así:

    <h1>Fotografies Egipte 2009</h1>

    <ul>
  • Torna a destinacions
  • <a>Torna a la pàgina d'Egipte






    <body>


    Pescadors egipcis</p>
    [contenido no disponible]


    Poblet a les ribes del Nil</p>
    [contenido no disponible]


    Interior d'un tomba a la Vall dels Reis i les Reines</p>
    [contenido no disponible]


    I el temps segueix passant...</p>
    [contenido no disponible]


    Temple de Hatsepsup</p>
    [contenido no disponible]


    Temple de Karnak</p>
    [contenido no disponible]


    L'egipci és gent amable i fable</p>
    [contenido no disponible]


    Interior de (no recordo)</p>
    [contenido no disponible]


    Temple de Sobek</p>
    [contenido no disponible]


    L'impressionant temple d'Abu Simbel</p>
    [contenido no disponible]


    Detall d'Abu Simbel</p>
    [contenido no disponible]

    <h2>Pendent d'organitzar i pujar les fotografies</h2>

    <ul>
  • Portada
  • Qui som
  • Espai lliure
  • Destinacions
  • Àgora
  • Recomanacions

    </body>

    De momento he conseguido hasta que pueda moverme por los menús, siempre dentro de la misma página. Cuando llego a ella desde otras, el archivo de fotos-egipte no se me abre, pero estoy trabajando en ello.
    Otro problema que tengo es que las fotos con las que trabajo són de unos 2.8MB. En HTML-kit salen muy grandes, pero no puedo subirlas a internet. No me deja el HTML-Kit. Imagino que deberé aligerarlas. ¿Tienes alguna indicación al respecto? ¿Que tamaño, peso, me recomiendas para que se vean muy bien, pueda subirlas y que no tarden en exceso cargarse?
    Gracias por adelantado. Hasta ahora vamos bien (creo)

    saludos
  • Si las imágenes pesan 2,8 mb es que tienen una resolución considerable, unos 2000-3000 píxeles de ancho calculo.
    Como tu hosting es gratuito, no te deja subir archivos tan grandes así que tendrás que bajar la resolución a 1024 píxeles de ancho (la de un monitor de 17 pulgadas) y bajarle un poquito la calidad de forma que no se aprecie pero que sí baje el tamaño. Todo eso se hace en photoshop; abres la imagen y le das a archivo>guardar para web. En lo de guardar para web es interesante ver qué formato pesa menos (jpg, gif, png,...).

    Ahora bien, esas imágenes con 1024 píxeles de ancho han de pesar aún bastante, menos de 1 mb pero todavía es mucho como para poner 10-20 imágenes de golpe. Tendrás que usar lo que se llaman thumbnails, son miniaturas de imágenes más grandes.
    Se usan para hacer lo siguiente:

    :arrow: En una página donde muestras gran cantidad de imágenes pones el thumbnail
    :arrow: El thumbnail enlazaría a la imagen grande de 1024 px de ancho.
    :arrow: Al tener ese enlace, si haces click en el thumbnail, ves la imagen a tamaño grande.

    Todo eso se puede hacer que quede muy bonito con una galería que use css y algo de javascript, por ejemplo yo hice una, mira: http://wolfenstein.elenemyterritory.es/imagenes.html (haz click en la primera imagen de la columna derecha y verás un efecto bastante interesante, la de la izquierda tiene algún error).

    Para los thumbnails hay programitas que los crean automaticamente, por google encontrarás muchos, solo escoje uno que te sirva para los formatos jpg, gif y png; de lo contrario será un calvario.

    Saludos ;)
    Yupiiiiiiiiiiiiiii, Foley, casi perfecto. En primer lugar he modificado las curvas superior i inferior cómo me indicó Raulyure, pero no he conseguido solucionar el problema. Con explorer se ve bien la cabecera, pero con firefox sigue apareciendo un espacio vacio entre la curva superior i la cabecera.
    Posteriormente he intentado hacer lo que me digiste del reset.css. Aparentemente, en HTML-Kit no hay variación, pero al subirlo a internet, tampoco varía nada.
    Con la fotos, en cambio, sí que lo he conseguido. Le he bajado el tamaño, i ahora, con el HTML-Kit se ve bien --solo deberé peinar la presentación, pero de momento funciona--. El caso es que tambien he conseguido subirlas a internet, pero cuando abro el enlace de egipte, imatges d'egipte, no se ven. Solo se ve el título i un recuadro con una aspa roja. Pensaba que era porque tardaba en cargarse, pero no lo consigo. ¿Tienes idea de lo que puede pasar?
    Gracias por la ayuda y, sobre todo, por la paciencia...

    La página es: www.somnis.ppcc.cat
    Es un problema de rutas. Podría decirte, ponlo de tal forma y solucionarlo ya pero prefiero que aprendas tu a solucionar estos errores así que te explico:

    Yo no sé cómo se ven las carpetitas en el html kit pero te recomiendo filezilla como ftp. Descárgalo buscando en google, conéctate a tu web y ve a la carpeta fotos-egipte. Comprueba que efectivamente tienes todas esas imágenes dentro.

    Ahora bien, pregúntate:

    Si quiero poner un enlace a la imagen foto1.jpg que está en fotos-egipte desde la página fotos-egipte.html qué tendría que poner?

    Quizás todavía no te haces la idea de a donde quiero llegar, pues bien, te mostrare unas imágenes de ejemplo:

    [contenido no disponible]

    [contenido no disponible]

    En la primera ves que tengo varias carpetas y archivos. Imáginate que en admin-levels-servidor.html quiero insertar varias imágenes de la carpeta imágenes (ver captura2). Pues tendría que poner este código:

    [img]imagenes/degradado.jpg[/img]

    Como yo no sé cómo tienes organizado las carpetitas (aunque me lo digas pues no es como ver unas imágenes...) será mejor que lo mires tu mismo y fijándote en mi explicación pongas la ruta correcta.

    Saludos
    Buenos días, Foley, mira, te contesto. En HTML-Kit se ve el tema perfectamente, sin problema. Las imagenes estan subidas a mi web --las veo si entro en la carpetita azul del HTML-Kit.
    ¿Pero que es eso de "filezilla como ftp"? ¿Cómo lo bajo, trabajo y para que sirve?
    Los codigos que le he puesto al archivo "fotos-egipte.html" són:

    <h1>Fotografies Egipte 2009</h1>

    <ul>
  • Torna a destinacions
  • <a>Torna a la pàgina d'Egipte



    <body>



    Pescadors egipcis</p>
    [contenido no disponible]


    Poblet a les ribes del Nil</p>
    [contenido no disponible]


    Interior d'un tomba a la Vall dels Reis i les Reines</p>
    [contenido no disponible]


    I el temps segueix passant...</p>
    [contenido no disponible]


    Temple de Hatsepsup</p>
    [contenido no disponible]


    Temple de Karnak</p>
    [contenido no disponible]


    L'egipci és gent amable i fable</p>
    [contenido no disponible]


    Interior de (no recordo)</p>
    [contenido no disponible]


    Temple de Sobek</p>
    [contenido no disponible]


    L'impressionant temple d'Abu Simbel</p>
    [contenido no disponible]


    Detall d'Abu Simbel</p>
    [contenido no disponible]
    [contenido no disponible]


    </p>
    [contenido no disponible]


    </p>
    [contenido no disponible]


    </p>
    [contenido no disponible]


    </p>
    [contenido no disponible]


    </p>
    [contenido no disponible]


    </p>
    [contenido no disponible]


    </p>
    [contenido no disponible]


    </p>
    [contenido no disponible]


    </p>
    [contenido no disponible]


    </p>
    [contenido no disponible]

    <h2>Pendent d'organitzar i pujar les fotografies</h2>

    <ul>
  • Portada
  • Qui som
  • Espai lliure
  • Destinacions
  • Àgora
  • Recomanacions

    </body>

    Por debajo de <h2>Pendent.....</h2> le he puesto es código copiado, que aun no se demasiado para que sirve o cómo modificarlo, pero que me permite enlazar con otras páginas de la web --se ve debajo, pero ysa trabajaré en el--. Tengo que ver que es lo que sirve y que no.

    Te pondria un pantallazo, pero no se cómo.
  • Creo que, según explicas, tengo la distribución de las carpetas cómo dices. Te he enviado la página .html para que veas cómo está. Insisto, en HTML-kit se ven correctamente y en la web se ve que hay imagenes, pero nose ven.
    Bien, gracias...
    saludos...
    filezilla es un programa ftp para subir los archivos de tu web. Como ftp es mejor que el html kit.

    Descárgalo buscando en google.
    en tema de ftp si, pero filezilla no es un editor de html, solo ftp.