Descargar la presentación
La descarga está en progreso. Por favor, espere
1
TALLER JUEGOS EN HTML ENERO 2019
2
Somos una organización sin fines de lucro,
que promueve la incorporación de las tecnologías y ciencias de la computación, preparando a niños y jóvenes para los desafíos del Siglo XXI.
3
¿Qué hacemos? Buscamos disminuir la brecha y segregación digital para favorecer el acceso a la sociedad del conocimiento de las comunidades en contextos desfavorables.
4
Etiquetas <HTML>
HTML significa Hyper Text Markup Language (lenguaje de marcas de hipertexto). HTML describe la estructura de las páginas web. Los elementos HTML están representados por etiquetas. Los navegadores no muestras las etiquetas HTML, sino que las usan para “interpreta” dicho contenido en las páginas. Etiquetas Las etiquetas HTML son palabras claves envueltas por “<“ y “>” Sintáxis: <etiqueta atributos=”valor”> contenido...</etiqueta> Slide: YoPuedoProgramar mi página web by Branko Straub – Ramiro Olivera Fedi
5
Abrir Programa: HTML CODER
ABRIR ÁRBOL e ir a 001.html
6
<HTML> Etiquetas HEAD BODY Keywords (palabras claves) Elementos
Opciones de mi web Título, descripción, autor (no visible como contenido) vinculación de archivos, tales como estilos (.css) y librerías (.js) BODY Parte visible de mi web Imágenes, videos, párrafos, otros. Slide: YoPuedoProgramar mi página web by Branko Straub – Ramiro Olivera Fedi
7
<h1>Texto</h1> <h2>Texto</h2>
Mi primera etiqueta <h1>Texto</h1> <h2>Texto</h2> <h3>Texto</h3>
8
<canvas></canvas>
Mi Primer Canvas <canvas></canvas>
9
<canvas></canvas>
Mi Primer Canvas <canvas></canvas> Width= Ancho Height= Alto
10
<canvas></canvas>
Mi Primer Canvas <canvas></canvas> <canvas id=“myCanvas” width=“400” height=“400” style=“”></canvas>
11
Abrir 002.html <script>
var canvas = document.getElementById("myCanvas"); var ctx = canvas.getContext("2d"); ctx.beginPath(); ctx.closePath(); </script>
12
Abrir 002.html <script>
var canvas = document.getElementById("myCanvas"); var ctx = canvas.getContext("2d"); ctx.beginPath(); ctx.rect(20, 40, 50, 50); ctx.fillStyle="rgb(200,0,0)"; ctx.fill(); ctx.closePath(); </script>
13
Abrir 003.html EDITA EL JUEGO
14
TALLER JUEGOS EN HTML ENERO 2019
Presentaciones similares
