Videotutorial HTML: imágenes

  • Por
  • HTML
Vídeo en el que mostraremos cómo trabajar con imágenes en HTML y cómo editar y optimizar las imágenes para la web.

Publicamos un nuevo vídeo para complementar las explicaciones del manual de HTML de DesarrolloWeb.com en el que veremos uno de los temas más divertidos e interesantes en el trabajo con este lenguaje: las imágenes.

En este videotutorial mostraremos cómo insertar imágenes en una web. Daremos un repaso a la etiqueta IMG y los atributos más importantes, pero además explicaremos cómo optimizar archivos gráficos para que ocupen menos espacio o para que su tamaño en anchura y altura sea el adecuado para publicar en una web.

Comenzaremos viendo un editor de HTML llamado HTML-Kit, con el que trabajaremos a lo largo del vídeo, para que las personas puedan ver cómo nos puede ayudar este tipo de programas. Además, como HTML-Kit es gratuito es una excelente opción como editor de código HTML.

En el vídeo conoceremos otro programa gratuito, en este caso para retocar imágenes, llamado PhotoScape, que nos vendrá bien para redimensionar imágenes y optimizarlas para la web.

Así pues, os dejamos con este videotutorial sobre las imágenes en HTML, con una duración de 55 minutos que esperamos sea instructivo.

Autor

Miguel Angel Alvarez

Miguel es fundador de DesarrolloWeb.com y la plataforma de formación online EscuelaIT. Comenzó en el mundo del desarrollo web en el año 1997, transformando su hobby en su trabajo.

Compartir

Comentarios

lolomovie

07/9/2009
cosulta
hola la verdad necesito descrgar tutoriales
de este tipo pero no se como hacerlo me guatria saber si se
puede hacer usode estos estoy recien comensando mis estudios de informatica y la verdad no tengo mucha experiencia gracias por la inforcion

jhony

15/9/2009
GRACIAS
muchas gracias por este video tutorial muy bueno ..valio la pena verlo

me gustaria ver algun tutorial que vea efectos con las imagenes ...no se mucho de programacion html

ALEJANDRO

12/11/2009
CRITICA
Hey gente pilas los videos que estan montando no cargan, sali a entrenar y deje el video cargando despues de 4 horas no habia cargfado y tengo buena velocidad de internet.

Reich

04/4/2010
Posible solución
No tengo mucha experiencia con HTML y estoy aprendiendo gracias a vosotros, el asunto es que yo trabajo desde Linux y uso el editor Quanta Plus y cuando quiero alinear la foto en el centro del texto con el atributo align me da la opción de escoger bottom y hace lo mismo que cuando vosotros lo aplicáis en la etiqueta p.
Haber si me hacéis el favor de comprobarlo vosotros y me comentáis porque a lo mejor no es recomendable hacerlo como me indica el Quanta Plus y es mejor hacerlo como explicáis vosotros.
Por cierto, muchisimas gracias por estos manuales y video tutoriales que así es facilisimo aprender.

clemente_pea_morillo

20/8/2010
Coversion de HTML-KIT A ESPAÑOL
Hola hermano como esta.
Este video resulta ser muy interesante, he podido aprender un poco de HTML, pero hay un pequeño problemita y es : que HTML-KIT esta en Ingles, cuando trato de hacer la conversion con IRTRASLETION, me sale un archivo default, pero me sale un cuadro de dialogo donde me dice que ese archivo tiene un formato desconocido o que esta dañado, intento con el conertidor IZARC, me sale.
Con toda la amabilidad que usted siempr expone quisiera una instuccion para poder aprender y realizar el problema, el video al que me refiero es el HTML.
Sin otro paticular
cp

mojiganga

12/10/2010
HTML KIT
Clement descargate el irTranslationSpanish, y luego el archivo default lo copias en el directorio C:Program FilesChamiHTML-KitDataDefault y listo.

chris090

25/9/2011
no se ven los videos
tengo una dell con sistema operativo ubuntu y no se pueden visualizar los videos de Dailymotion mas los de youtube se ven perfectos

Javier

17/4/2012
Fotos rotas
Hola!tengo un problema a la hora de subir fotos cuando creo la pagina,revisando y todo con su ruta bien indicada la foto siempre me sale rota....alguien puede decirme por que es debido?

soprano2046

27/7/2012
Demasiados editores
Este web es lo mejor que he encontrado en internet y en mi idioma,gracias.
El caso es el sgte en diferentes tutoriales empieza con un editor de html y termina con otro o sigue con otro, creo que para nosotros los que estamos empezando se nos puede confundir un poco,Gracias

edwin

29/10/2014
muchas gracias ¡¡¡¡¡¡¡¡¡¡¡¡¡¡
Muchas gracias por tomarse el tiempo para hacer estos vídeos
(me dio risa lo de"mi bonito pajarito" en mi país "pajarito" se usa en otro sentido)

chiliboli

21/4/2015
poco a poco como dicen en españa
a la gente de desarrolloweb.com,gracias por tanta informacion reunida con respecto al tema de la programacion ,y por tomarse el tiempo en cada video ,para explicar todo con mucho detalle.les comento que mi profesion es de soldador,nada mas alejado de de este mundo de codigos ,pero eso no me ha impedido asumir el reto de aprender por lo menos un tipo de codigo ,en mi caso HTML,mi relacion con los ordenadores de 1 a 10 es de 3 ,asi que me queda mucho por aprender .graciassssss