LA HORA DEL CODIGO HKAN ACADEMI

https://es.khanacademy.org/hour-of-code/targeta-de-felcitacion/3626646694

Ejemplos de editores web WYSIWYG

CoffeCup Free Editor

Un editor multiplataforma (Windows, Mac) y gratuito con soporte para multitud de características: ayuda contextual a la escritura de código, vista previa del resultado a medida que escribimos, etc..  La versión gratuita se ve recortada frente a la de pago, pero aún así es una buena opción también.

Kompozer

Archiconocido editor de HTML y CSS que es gratuito y multiplataforma (Windows Mac y Linux). Ofrece vista previa de la página mientras se escribe código, múltiples pestañas, edición específica de CSS, etc...

ESTRUCTURA DE HTML 5 Y ETIQUETAS

 Desarrolle una página web, que contenga la estructura básica
de HTML5
 Cree una sección donde describa y aplique el uso de las
siguientes etiquetas: (cada etiqueta descrita debe ser un
artículo diferente
 <h1> - <h2> - <h3> - <ul> - <ol> - <a> - <img />
 <i> - <br> - <hr>
 Además cree otra sección donde se incorpore una
etiqueta que haya sido añadida en HTML5

HTML QUIZ

Como una evaluacion diagnostica sobre los conocimientos
acerca de html se solicita se realice el test sobre HTML que es
proporcionado por W3School.
 http://www.w3schools.com/html/html_quiz.asp
Publique su resultado en el foro y comente acerca de cuales fueron las
preguntas mas dificiles.

UNIDAD 3

FORMATOS DE ANIMACION WEB

¿Que formatos de animacion podemos usar en un Sitio Web?

El formato de archivo GIF se usa para las imágenes que tengan dibujos, mientras que el formato JPG se usa para las fotografías. Los dos comprimen las imágenes para guardarlas. La forma de comprimir la imagen que utiliza cada formato es lo que los hace ideales para unos u otros propósitos.

Adicionalmente, se puede usar un tercer formato gráfico en las páginas web, el PNG. Este formato no tiene tanta aceptación como el GIF o JPG por varias razones, entre las que destacan el desconocimiento del formato por parte de los desarrolladores, que las herramientas habituales para tratar gráficos (como por ejemplo Photoshop) generalmente no lo soportaban y que los navegadores antiguos también tienen problemas para visualizarlas.

Indique que animaciones usaria para: Galeria fotografica (JPG) Logotipo de empresa (PNG)
 Banner (JPG)

IMAGEN

¿Que formato de imagen es el mas adecuado para los sitios web?



JPG (o JPEG) : Formato ideal para las fotos y las ilustraciones complicadas. Contiene millones de colores. La Compresión de la imagen se hace con una pérdida de calidad que va desde 0% a 99% (debe escoger para cada imagen en función de su peso final).
GIF : Muy práctico para los dibujos e imagenes simples, con pocos matices, así como para los logos. Puede tener 256 colores ó menos. Lo que significa que una imagen de más de 256 colores grabadas en el formato GIF sólo va a retener 256 de ellas. Gestiona la transparencia y las animaciones.
PNG : Formato libre de derechos. Conviene para todo tipo de imagen, la transparencia pero no las animaciones. Existe en 8 bits (tipo GIF, 256 colores) y en 24 bits (tipo JPEG, millones de colores, pero sin compresión).

  ¿Que elementos se deben considerar para elegir un formato de

imagen?

• Que la imagen se degrade tanto que resulte desagradable.
• Que su peso en kilobytes sea tan alto que, multiplicado por los visitantes del sitio Web, resulte en mayores costos de hosting.
• Que el usuario tarde mucho tiempo en acceder al contenido y abandone el sitio.

Indique que formato de imagen usaria para: Galeria fotografica

 El formato Gif para moviento de fotos o traslacion de fotos
 Logotipo de empresa

El formato PNG para transparencias 
 Fondo de pagina

 El formato JPG de alta resolucion para que no se repita la imagen de fondo.