miércoles, 24 de octubre de 2012

Aprendiendo HTML.




  Aquí les dejo los primeros 5 ejercicios de un curso rápido de programación de paginas web en lenguaje HTML de la mano del Lic. Derlis Cáceres Maidana.

 
CURSO DE PROGRAMACION
DE PAGINAS WEB
EN LENGUAJE
<html>
2012




Curso de html Lic. Derlis Cáceres Maidana


Ejercicio 1 [Estructura de un código html]
Ejercicio 2 [Cuerpo de un html]
Ejercicio 3 [Ejemplo de utilización de títulos]
Ejercicio 4 [Creación de una marquesina básica]
Ejercicio 5 [Inserción de una línea]


Ejercicio 1

[Estructura de un código html]
<!--Este es un comentario →
<html> <!--Este es el inicio de la pagina -->
<head> <!--El encabezado -->
<title> Mi primera Pagina WEB </title>
<!--Este es el texto que desplegara la etiqueta -->
</head>
<body>
<!--Aqui va el cuerpo del programa -->
</body>
</html> <!--Este es el finde la pagina -->



Ejercicio 2

[Cuerpo de un html]
<html>
<head>
<title>Escribir el cuerpo</title>
</head>
<body>
<p> Este es el primer parrafo del cuerpo<br/>
el cuerpo de una pagina WEB <br/>
aqui va escrito todo lo que aparece en la pagina<br/>
br / sirve como "\n" barra n, para dar un enter <br/>
los br / y luego&nbso sirven para dejar espacios en blanco
<br/>&nbsp <!--&nbsp significa un espacio -->
<br/>&nbsp
<br/>&nbsp
</p>
<center> <!--Aqui utilizo la funcion para centrar -->
<p> Este es el segundo parrafo del cuerpo de una pagina WEB <br/>
aqui va escrito todo lo que aparece en la pagina<br/>
br / sirve como "\n" barra n, para dar un enter <br/>
el "hr" sirve para dibujar una linea
<hr/>
</p>
</center>
<blockquote> <!--Sirve para "parafrasear", resaltar un parrafo-->
Similar a un parrafo<br/>
lo que cambia es que<br/>
le da una sangria
</blockquote>
</body>
</html>



Ejercicio 3

[Ejemplo de utilización de títulos]
<html>
<head>
<title>Ejemplo de título</title>
</head>
<body>
<h1>Este es un titulo General</h1>
<h2>Y este es un subtitulo1</h2>
<h3>Y este es un otro subtitulo2</h3>
<h4>Y este es un otro subtitulo3</h4>
<h5>Y este es un otro subtitulo4</h5>
<h6>...hasta aqui llega, hasta el subtitulo 6</h6>
<!--los titulos van del h1 hasta el h6, dependiendo
del navegador para mostrar el tamaño de la letra-->
</body>
</html>



Ejercicio 4

[Creación de una marquesina básica]
<html>
<head>
<title>Ejemplo de marquesina</title>
</head>
<body>
<marquee width="100%" scrolldelay="0">
"Espero que estas lecciones te sirvan de mucho"
</marquee>
</body>
</html>


Ejercicio 5

[Inserción de una línea]
<html>
<head>
<title> Insertar líneas < /title>
<hr/> <!--esto inserta una linea-->
</head>
</html>


   
      Un video tutorial bien simple para darnos una idea de lo que es programar en Scratch.


   





  Este es un video en el cual podemos observar algo basico de lo que es programar en Scratch, es muy simple el lenguaje que se utiliza en este programa, observando el video te daras cuenta de la simplicidad del mismo, espero que les sirva,




Un poco de Scratch.


¿Que es SCRATCH?







  Scratch es una poderosa y creativa herramienta orientada a facilitar el  de la programación mediante una sencilla y dinámica interfáz gráfica. 

  A pesar de estar destinada a niños (De 6 a 16 años), plantea un interesante primer acercamiento a la programación, permitiendo incorporar conceptos tales como iteración, condicionales, variables, tipos de, eventos y procedimientos.
 




  Desarrollado por “The Lifelong Kindergarten group”, en el Media Lab del MIT, por un equipo dirigido por Mitchel Resnick, éste proyecto está construido sobre el lenguaje de programación Squeak, e inspirado en trabajos previos realizados en Logo. 

Acerca de Scratch 

  Scratch es un lenguaje de programación que le facilita crear sus propias historias interactivas, animaciones, juegos, música y arte; además, le permite compartir con otros sus creaciones en la web. 
A medida que los jóvenes crean y comparten proyectos realizados en Scratch, aprenden importantes ideas matemáticas y computacionales; al mismo tiempo que aprenden a pensar creativamente, a razonar sistemáticamente y a trabajar colaborativamente. 




Características 

Programar con bloques de construcción: 
  La programación con Scratch se basa en la metáfora de bloques de construcción, en la que se construyen procedimientos encajando bloques gráficos como ladrillos de Lego o piezas de un puzzle. 

  Manipulación de sonido, imágenes y video: 
Permite la creación de programas que controlan y mezclan gráficos, animaciones, música, sonidos y retoques sencillos de los mismos. 




Comunidad Scratch: 

A través de su plataforma web, Scratch no sólo permite compartir los proyectos sino también facilita el intercambio de gráficos (Sprites) entre diferentes proyectos y autores. 




Comenta Desde Facebook!