imagenes y banner
tutorial creado por todobanner
tutorial
Bienvenidos al tutorial completo de imágenes.
Puntos a tratar
1. Subir imagen a paginawebgratis
2. subir imagen a imageshack
3. insertar imagen en una pagina u hoja
4. insertar imagen en box, texto por encima de la página, texto por debajo de la página. Y otros
1. Subir imagen a paginawebgratis
1. Lo primero que debemos hacer es guardar la imagen a subir en una carpeta o directorio donde te acuerdes
2. Nos identificamos como usuario y hacemos clic en Controlar imágenes
3. En la primer pestaña con el nombre tus imágenes tenemos las imágenes que hemos subido, en la segunda subimos las imágenes, en este caso subimos las imágenes así que hacemos clic en Agregar una nueva imagen, y luego en examinar y elegimos el directorio donde tengamos las imágenes.
Nota: también podemos elegir la categoría o el lugar donde poner las imágenes, esto lo hacemos haciendo clic sobre el cuadro de opciones de “Categoría”.
4. Luego de elegir todo debemos tener en cuenta lo siguiente
verificar la imagen a subir
verificar el formato este puede ser .gif .jpj .png.
verificar que la casilla de “Achicar imagen” este desactivada.
Luego de verificar todo podemos subir la imagen o las imágenes que queremos haciendo clic en “subir imagen”
Y listo si cumplimos los requisitos nuestra imagen ya esta lista y aparecerá algo así:
Fin tutorial 1.
2. subir imagen a imageshack.
1. Abrimos el navegador y ponemos en la barra de direcciones el siguiente link: http://www.imageshack.us
2. Bien lo que nos importa ahora es este cuadro
3. Lo primero que debemos hacer es hacer clic en la opción “image”
4. hacemos clic en “Examinar” y elegimos la imagen a subir la cual debe tener los siguientes requisitos:
debe tener un tamaño de peso mínimo de 5.53 mega bites (mb)
debe ser un archivo de formato: jpg jpeg png gif bmp tif tiff swf.
5. luego si nosotros queremos podemos introducir nuestro email para que te envíen un link para registrarte si es la primera vez que usas el servicio.
6. deberemos desmarcar las casillas “rezise image?” y “remove size/resolution bar from thumbnail?”
7. luego de esto hacemos clic en el boton “host it!”.
Luego de esto debemos esperar un momento y aparecerá una ventana y nos vamos para debajo de todo y aparecerá esto:
Leyenda:
• 1. hotlink for forums(1) es el codigo para poner la imagen en el foro para cambiar el destino al hacer clic sobre ella cambiamos el siguiente fragmento: [URL=ACA CAMBIAS HACIA DONDE TE LLEVARA AL HACER CLICK DEBES PONER UNA URL VALIDA Y COMPLETA]
[/URL]
• 2. hotlink for forums(2) Lo mismo que lo anterior cambias el destino sustituyendo el link de imageshack.
• El tercero es para poner la imagen en la web se puede cambiar el destino sustituyendo el link de imageshack
• El cuarto es para poner en la barra de direcciones y hacer que voten la imagen entre otras funciones.
• El ultimo es el link directo de tu imagen lo pones en la barra de direcciones y se muestra tu imagen.
Fin tutorial numero 2
3. insertar imagen en una página u hoja
1. Pasos a seguir para insertar una imagen en una pagina de nuestro website
1.1 Identificarse como usuario
1.2 Controlar paginas
1.3 Abrimos la pagina donde queremos editar
Imagen de ejemplo:
2. Con nuestra imagen ya subida y todo el texto editado ya podemos insertar las imágenes que queramos
Pasos para insertar la imagen en la hoja:
2.1 seleccionamos o hacemos clic donde ira la imagen en este caso la quiero poner debajo de “contenido” ósea que apretó enter y me bajo una línea.
2.2 Luego ago clic en “incluir imagen”
2.3 Nos aparece un cuadro donde tenemos que especificar donde esta la imagen a subir en este caso yo la tengo en la categoría general
2.4 Mas abajo aparecen las imágenes que están en esa categoría y al hacer clic muestra una pequeña previsualizacion
2.5 Luego de elegir la imagen hacemos clic en el botón del cuadro que dice “incluir imagen”, automáticamente aparecerá la imagen luego le damos a guardar cambios y vemos como quedo en nuestra pagina Web.
Fin tutorial numero 3
4. insertar imagen en box, texto por encima de la página, texto por debajo de la página. Y otros
4.1. Lo primero que debemos hacer es identificarse como usuario
4.2. y luego en editar diseño
4.3 vamos casi asta abajo y selccionamos la ficha “configuraciones avanzadas”
4.4 en la primer casilla elegimos el titulo del segundo box
4.5 y en la segunda casilla de edicion editamos el contenido del box en este caso podemos insertar una imagen con un codigo el cual deben pegar asi como esta claro cambiando las palabras que puse
<img alt="aca pones una informacion de la imagen al dejar posado el mouse" src="aca la url de la imagen" />
Nota: luego de hacerse cambios guardar, este código sirve para las demás casillas de edición.
Nota(2):El mismo código se usa para cualquier planilla o pagina html así que pueden insertar en el intr. Por falta de tiempo y un error no lo explico.
Fin tuto 4.
Bueno espero lo hallan entendido un saludo y me retiro soy todobanners y fue un gusto
Tutorial exclusivo para la comunidad de paginawebgratis.es todo usuario de esta puede copiar y difundir la guía siempre y cuando este se haga en el foro o en sus respectivas páginas Web que brinda paginawebgratis.es.