Usos de Twitter en Educación-

Twitter es una red social que ha venido ganando una enorme popularidad debido a la sencillez de manejo y las grandes ventajas que le ofrece a su usuario ya que le permite una comunicación en tiempo real de pequeños mensajes denominados “Tweet” o trinos en español, esos trinos pueden contener mensajes muy cortos limitados a 140 caracteres, eso puede ser mucho para algunos o muy poco para otros, pero permite que estés respondiendo a la pregunta ¿Qué estas haciendo?. Así que si tienes una gran cantidad de amigos, puedes  comunicarte con ellos y decirle lo que haces. o puedes usarlo para una cantidad diversa de propósitos, y eso es posible porque los mensajes no solo permiten llevar texto, sino imágenes, enlaces a videos, o archivos. Así que solo tu imaginación y creatividad son el limite para usar esta interesante herramienta. En educación podemos usar esta red en una enorme cantidad de situaciones que nos podrán dinamizar  nuestra clase y ofrecernos otros espacios de comunicación con nuestros estudiantes. Simplemente rompemos los muros de nuestras aulas, y nos podemos comunicar en cualquier momento con los alumnos y poder usarlo para diversos propósitos educativos que permitirán reforzar el aprendizaje o bien crearlo, todo depende de la manera como se use.

Los invito entonces a que veamos una presentación que he creado para explicar esta interesante red.

(Haz clic sobre el enlace para ver la presentación)

http://prezi.com/evsbbpoxpwk0/uso-de-twitter-en-educacion/

Te recomiendo además que leas el siguiente artículo en donde se analiza el uso de Twitter en mi institución educativa.

– Redes sociales

Respaldo de nuestros archivos en la nube

 

Con toda la producción de archivos que cada día procesamos en nuestras computadores requerimos poderlos guardar en un espacio seguro y sobre todo con fácil acceso, para eso lo tradicional era recurrir a nuestros discos duros o memorias, sin embargo aunque sigue siendo una solución válida, en muchas ocasiones no disponemos de este tipo de dispositivos o bien no estamos exentos de que nuestra computador se infecte con un virus y toda esa información valiosa se nos pierda. Por todo lo anterior se impone hoy el respaldo de archivos en la nube, en la red. Nuestros archivos no sólo se encuentran alojados fuera de nuestros dispositivos, sino que además podemos contar con ellos en cualquier ordenador que cuente con conexión a Internet.

Para nuestro caso vamos a usar tres (3) tipos de recursos para hacer este respaldo, se trata los servicios de Free-hidrive, Google docs y skydrive, aunque estos servicios los podemos usar en forma gratuita y con un buen espacio hay otros servicios disponibles en la red, pero para efectos de nuestro trabajo en clase vamos a subir nuestros archivos a cualquiera de estos servicios. Veamos entonces cada uno de ellos:

1. Free-HiDrive.

Este servicio de alojamiento nos permite respaldar en forma gratuita hasta 5GB, que para nuestras necesidades son suficientes.

Para contar con este espacio lo primero que debemos hacer es diligenciar una cuenta para ello vamos a la página: https://www.free-hidrive.com/, introducimos nuestros datos y listo

image

Una vez te has registrado, Hidrive nos muestra un menú que nos permite varias opciones: Subir archivos – Intercambio de archivos – conectar nuestro computador con Hidrive. Para nuestro caso vamos a usar Subir archivos.

image

Esta opción nos permitirá respaldar nuestros archivos y al mismo tiempo poderlos descargar

image

Como puedes ver en la anterior figura, su presentación es muy familiar, podemos crear carpetas, subir los diferentes archivos y desde aquí mismo podrás descargarlos o bien por separado o comprimidos en una carpeta zip. Este tipo de descarga es muy funcional y rápida.

2. Google docs

Se trata de un servicio proporcionado por Google a través de nuestra cuenta de Gmail, para ello requieres tener una cuenta y listo ya dispones de un espacio de 1GB, con lo ual te ofrece una gran cantidad de opciones que veremos por separado debido a  la novedad e impacto de sus recursos, hoy sólo veremos la opción de subir y respaldar archivos, veamos  con detalle como se maneja este servicio:

image

Lo primero que debes hacer es abrir tu cuenta de Gmail, una vez allí buscas la opción Docs, tal y como se muestra en la imagen,  a continuación entras a la siguiente ventana:

image

Haz clic sobre el siguiente icono  para iniciar al subida de tus archivos image de inmediato te pedirá la ubicación de los archivos o carpetas para que las subas; ahora bien si lo que deseas es bajar tus archivos basta con hacer clic sobre el nombre del archivo que vas a bajar y haces clic en la opción descargar, se activará una ventana y  deberás elegir que tipo de formato o conversión quieres para tu archivo.

image   image

Como podrás apreciar es muy sencillo tanto subir archivos como poderlos descargar.

3. Skydrive

Para contar con este servicio debes tener una cuenta en Hotmail, para disponer de este espacio abres tu cuenta y buscas la opción Skydrive

image

Al activar la opción skydrive

image

Busca entonces la opción Agregar archivos, al hacerlo te pedirá la ubicación de los archivos y podrás subirlos a tu cuenta. Además tienes la opción de hacer carpetas para que ordenes tus archivos. Para descargarlos basta con ir al nombre del archivo y sobre el nombre del mismo le das clic botón derecho y buscas la opción descargar

image

Como podrás apreciar estos tres servicios son fáciles de manejar y nos permiten respaldar nuestros archivos, espero los puedas aprovechar de la mejor forma.

Fuentes:

1. Hidrive. https://www.free-hidrive.com/

2. Google docs: www.gmail.com

3. Skydrive – www.hotmail.com

Bases de datos–Access

En el mundo moderno hemos acumulado gran cantidad de información, pero muchas veces esta gran cantidad de datos se encuentra dispersa, desorganizada y no ofrece  mayor utilidad, para eso se han creado las bases de datos que en muchos casos permite organizar, clasificar la información haciéndola útil y de muy fácil acceso. Por ejemplo te imaginas cuanta información hay en el grupo de compañeros que comparten contigo el espacio del aula de clase? A amanera de ejemplo estarían sus nombres, dirección, documento de identidad, sus datos de salud, sus datos de escolaridad, su teléfono, eso que a veces no tenemos a mano podríamos organizarlo en una base de datos, así que amigos empecemos a construir nuestras primeras bases de datos utilizando una herramienta bien interesante que se ofrece con el paquete de Microsoft Office, el Microsoft Access.

1. Qué son las bases de datos?

Una base de datos es una colección de información organizada de forma que un programa de ordenador pueda seleccionar rápidamente los fragmentos de datos que necesite. Una base de datos es un sistema de archivos electrónico.

Las bases de datos tradicionales se organizan por campos, registros y archivos. Un campo es una pieza única de información; un registro es un sistema completo de campos; y un archivo es una colección de registros. Por ejemplo, una guía de teléfono es análoga a un archivo. Contiene una lista de registros, cada uno de los cuales consiste en tres campos: nombre, dirección, y número de teléfono.

A veces se utiliza DB, de database en inglés, para referirse a las bases de datos. [1]

2. Qué es Microsoft Access?

Toda empresa u organización necesita tener un control de sus datos. Microsoft Access es una aplicación para manejo de bases de datos que cuenta con una interfaz de usuario amigable que facilita su uso sin requerir un conocimiento especializado de programación.

Microsoft Access maneja varios tipos de datos (texto, numérico, fechas, etcétera) de manera flexible. Access puede además importar y exportar datos de Word, Excel, y otras bases de datos.

Las computadoras operan sobre datos que han sido organizados dentro de agrupamientos lógicos, para que su procesos sea efectivos y los resultados obtenidos sean útiles.

La información disponible en una base de datos puede ser cualquier cosa que se considere importante para el individuo o la organización.
Dicho de otro modo, cualquier cosa necesaria para apoyar el proceso general de atender los asuntos de un individuo u organización. [2]

3.  Los objetos de Access

Toda base de datos está constituida por cuatro (4) objetos principales que son: las tablas, las consultas, los formularios y los informes. Veamos en detalle cada uno para que tengamos una idea inicial y luego podamos empezar a construir nuestra primera base de datos.

3.1 Tablas.

Microsoft Office Access 2007 organiza la información en tablas, que son listas y columnas similares a las de los libros contables o a las de las hojas de cálculo de Microsoft Office Excel 2007. Una base de datos simple puede que sólo contenga una tabla, pero la mayoría de las bases de datos necesitan varias tablas. Por ejemplo, podría tener una tabla con información sobre productos, otra con información sobre pedidos y una tercera con información sobre clientes. [3]

Cada fila recibe también el nombre de registro y cada columna se denomina también campo. Un registro es una forma lógica y coherente de combinar información sobre alguna cosa. Un campo es un elemento único de información: un tipo de elemento que aparece en cada registro. En la tabla Products (Productos), por ejemplo, cada fila o registro contendría información sobre un producto, y cada columna contendría algún dato sobre ese producto, como su nombre o el precio. [3]

Pero si miramos mas de cerca una tabla contiene  campos y registros. A pesar de que a primera vista casi la podríamos confundir con una hoja de Excel, existen unas diferencias fundamentales:
en Access, cada columna en una tabla es un campo y cada fila de una tabla representa un único registro que reúne la información de un elemento de la tabla.  Cada campo de Access sólo puede tener un tipo de datos: o sólo texto, o sólo números, etc.
Los tipos de datos más utilizados son los números, el texto, la fecha y la moneda pero el Access no se limita a esto: podemos insertar también hipervínculos y además los los objetos OLE, por ejemplo, imágenes, sonidos e incluso los video clips. [4]

Pero a su vez las tablas se pueden relacionar unas con otras, siempre y cuando haya información común, a eso lo llamamos relaciones, a veces te podrás confundir un poco porque cuando vez la información de una tabla y una hoja de Excel es algo similar, sin embargo  Access, va un poco mas allá al crear las relaciones en las tablas, algo que no puedes tener en Excel. Ya nos detendremos mas adelante en estos conceptos.

3.2 Consultas:

Nos facilitan para obtener la información que queremos ver de las bases de datos y organizarla para su uso en informes.
Una consulta consiste de uno o más criterios para seleccionar los datos que nos interesan. Su utilidad radica en que desde una consulta podremos filtrar información determinada, lo que obviamente nos puede facilitar todo el trabajo en Access.

3.3 Los Formularios

No son otra casa que ventanas que nos permiten introducir la información en la base de datos, su construcción dependerá de una tabla o una consulta. Visualmente el formulario presenta un diseño limpio y personalizado que permite la entrada de la información.

4.4  Los informes.

Nos permiten organizar la información que deseamos imprimir. Así que después de que tengamos la información en la base de datos, vamos a requerir obtener una información especifica, para eso entonces diseñamos los informes que nos permitirán visualizar bien sea en pantalla o impreso una información determinada.

Y ahora vamos a explorar el entorno de Access

Para nuestro trabajo vamos hacerlo valiéndonos de nuestra software instalado en nuestros computadores que es la versión Access 97, para poder seguir sus instrucciones vamos a valernos entonces de un excelente tutorial disponible en la red del portal aula clic (http://www.aulaclic.com.es/access2007/)

1. Empezar a crear una base de datos en Acces97

Lo primero que tienes que hacer es ir al programa, para ello vaya al menú inicio, y luego en todos los programas, busca la opción Microsoft Office 2007 y busca Microsoft Access, una vez dentro del programa buscas la opción Nuevo y creas tu base con el nombre que le desees colocar a tu base. Recuerda que cuando vayas a crear una base de datos lo primero en que debes pensar es en qué campos va a tener tu base, por ejemplo. el primer campo sugerido es un Id o código, luego para nuestro caso haremos una base de datos con Apellidos completos de los estudiantes, Nombres completos, documento de identidad, dirección, etc., cada uno de estos campos nos permitirá tener un registro completo de cada uno de los estudiantes. TE sugiero el siguiente enlace para que veas este primer tutorial.

http://www.aulaclic.com.es/access2007/vb3/iniciar.htm   [5]

2. Vamos a crear una tabla

Para crear una tabla  vamos a la pestaña crear y elegimos tabla, por omisión nuestra base de datos Access nos crea una primera tabla con el nombre de tabla1, debemos partir para nuestro caso crear una tabla con el nombre de “Estudiantes” y buscamos la vista diseño para que podamos introducir todos los campos que deseamos que contenga nuestra primera tabla.

Para que veamos esto de una manera más visual te recomiendo el tutorial de aula clic sobre este tema:

http://www.aulaclic.com.es/access2007/vb3/crear_tabla.htm

Las relaciones en Access

Es común que informaciones de una tabla estén asociadas con informaciones de otras tablas. En este caso podemos establecer una relación entre las dos tablas. Es a través de la relación que el Access consigue, a partir de informaciones en una tabla, obtener informaciones registradas en la otra tabla. Existen tres tipos de relaciones entre dos tablas A y B: uno – a – uno, uno – a – varios, varios – a – varios. [6]

Relación uno a uno

Cada registro de la tabla A se relaciona sólo con un registro de una tabla B y cada registro de la tabla B se relaciona sólo con un registro de la tabla A. [7]

Relaciones de este tipo se almacenan guardando en la tabla el identificador de la otra tabla con la que mantiene la relación.

Relación uno a varios

Cada registro de la tabla A está relacionado con varios registros de la tabla B y cada registro de la tabla B está relacionado con un sólo un registro de la tabla A.

Aplicando esto al ejemplo2 de este manual, una relación de este tipo se daría entre la tabla pacientes y la tabla médicos, ya que el mismo médico se hará cargo de varios pacientes. Un solo registro de la tabla de médicos se relaciona con varios registros de la tabla de pacientes. Pero un registro de la tabla de pacientes sólo se relaciona con un registro de la tabla médicos. [7]

Relación varios a varios

Cada registro de la tabla A puede estar relacionado con más de un registro de la tabla B y cada registro de la tabla B puede estar relacionado con más de un registro de la tabla A.

Te recomiendo el siguiente tutorial para que puedas entender un poco mas sobre las relaciones.

http://www.aulaclic.com.es/access2007/vb3/crear_relacion.htm

Aplicación del concepto 

En nuestro ejemplo taller que estamos llevando en nuestra clase, tenemos una tabla que hemos denominado Estudiantes” en ella hemos colocado varios campos como Código al que le hemos puesto la propiedad de Texto con una extensión de dos (2 ) caracteres y este lo hemos colocado como Clave principal, luego hemos creado varios campos con el nombre del estudiante, apellido y datos de localización:

image_thumb[1]

Ahora vamos a colocar nuestra segunda tabla, a la cual llamaremos datos de salud, y como queremos establecer una relación entre ambas tablas, vamos a tener muy en cuenta el aspecto del índice que se crea en el primer campo de código que identifica a cada estudiante, para nuestro caso no le vamos a a colocar clave principal y el índice debe quedarnos con duplicados, esto nos permitirá crear una relación de uno a varios.

image_thumb[3]

Ahora que ya tenemos las dos tablas, las vamos a relacionar, para ello vaya al menú Herramientas de base de datos y busque Relaciones, una vez allí Acces te pide que agregues las tablas que intentas relacionar.

image_thumb[6]

image_thumb[8]

Basta con señales cada tabla y oprimas el botón Agregar o simplemente das doble clic sobre el nombre de la tabla para que ella se agregue a la ventana relaciones. Luego buscas los campos que deseas relacionar, para nuestro caso “Código”, das clic en la pestaña “Exigir integridad referencial”, como podrás observar en la parte de abajo de la ventana, nos dice que tipo de relación se puede crear, en este caso de “Uno a varios”- Y finalmente oprimimos la opción Crear.

image_thumb[10]

Al cerrar este cuadro de diálogo debemos tener la relación creado de la siguiente forma:

image_thumb[12]

Ahora graba la relación que creaste y estas listo para usar las dos tablas, mediante una  consulta, en donde podrás utilizar diversos campos de ambas tablas, apartado que enseguida veremos.

Construir consultas

Para una consulta simplemente vas al menú crear y buscas la opción “Diseño de consultas”, ahí  se crea una ventana de dialogo que te pide que tablas vas a trabajar.

image_thumb[14]

Seleccionas ambas tablas y empiezas a sacar de las tablas los campos que necesitamos, para nuestro caso, el código lo  sacamos de la tabla “Datos de Salud”, debido a que necesitamos digitar dicho código para que después el nos ofrezca todos los datos relacionados a ese código. También tendremos los campos Nombres completos y apellidos completos que provienen de la tabla “Estudiantes”, y los datos como talla, peso y demás se sacarán de la tabla “Datos de Salud”  No se te olvide grabar la tabla con el nombre de “ConsultaGeneral”

image_thumb[16]

Bueno amigos empieza a colocar algunos datos en las tablas para que veas como funciona, que ya seguiremos con la construcción del formulario para que te quede mas bonita y aplicable la introducción de datos en tu base de datos. Tus datos deben parecerse a esto:

image_thumb[18]

 

 

Qué es Access97
Tutorial Access 97

Fuentes:

[1] http://www.masadelante.com/faqs/base-de-datos

[2] http://arnulfoperez.com/office/?p=13

[3] http://office.microsoft.com/es-es/access-help/conceptos-basicos-del-diseno-de-una-base-de-datos-HA001224247.aspx

[4] http://www.svetlian.com/msoffice/access_intro1.htm

[5] http://www.aulaclic.com.es/access2007/vb3/iniciar.htm

[6] http://www.cyta.com.ar/biblioteca/bddoc/bdlibros/manualdeaccess/relaciones.htm

[7] http://www.wikilearning.com/curso_gratis/curso_de_microsoft_access_97/4444-9

El lenguaje HTML

Este lenguaje  que nos permite hacer las páginas web tiene su origen en el trabajo desarrollado por Tim Berners Lee, y su significado es: HyperText Markup Language y no es otra cosa que un lenguaje que trabaja fundamentalmente con etiquetas que nos permite introducir las diferentes comandos para que sean interpretados por el navegador (Internet Explorer, Mozilla Firefox, Google Chrome, Opera, o Safari entre los más populares). Para  escribir estas etiquetas podemos usar cualquier procesador de palabras, eso si  guardando el archivo como html.  Ahora empecemos a conocer un poco mas acerca de este lenguaje y aunque me podrías decir que muchos editores hacen todo este trabajo de etiquetas por ti, verás que si no conocemos un poco más de este lenguaje, más  adelante podrías  tener algunas dificultades al no conocer el corazón de este lenguaje. Así que empecemos.

link original de la imagen: http://www.deviantart.com/download/171035515/I_Know_HTML_by_Audiofeeline.jpg

Documentos HTML

Los comandos del lenguaje HTML están basados en etiquetas (en inglés tags) , para introducir estas ordenes deberás hacerlo con los signos menor que(<) y mayor que (>)  Un comando se abre  o se cierra. Para que puedas entender esto imagínate cuando pichas el interruptor de energía, si quieres tener luz deberás tocar el interruptor  y cuando ya no lo necesitas debes apagarlo, por ejemplo cuando quieras tener el comando negrita simplemente debes anteponer a la palabra o frase la etiqueta <b> y cuando ya termines debes colocar </b> En otras palabras para desactivar una orden debes usar el carácter / (barra inclinada seguida del comando.

Es conveniente además que todas las etiquetas las escribas en minúsculas. Los archivos HTML son sencillos archivos de texto que deben guardarse con la extensión htm o html.

Estructura de un documento HTML [1]

Todas las páginas web tienen la siguiente estructura:

<html>
<head>
   <title>Primera página</title>
</head>
<body>
</body>
</html>

En la primer linea encontramos la etiqueta <html>. Esta le indica al cliente que comienza un documento HTML.

Luego viene <head>, la cabecera, donde se pone información sobre el documento, que no se ve en la pantalla del navegador. Aquí puede ir el título <title> del documento, es lo que veremos como título de la ventana en los navegadores que lo permitan y como se conocerá nuestra página en algunos buscadores y en la lista de favoritos de los usuarios (es importante pensar bien el título del documento).

Tras la cabezera viene <body>, el cuerpo, que es donde se coloca la información que queremos mostrar en la pantalla principal del navegador.

Comandos básicos de formateo de texto

<p>...</p>
Indica un comienzo de párrafo. Tiene como opciones align="center" ,"left" o "right", para centrar o alinear a derecha o izquierda el texto. Cada comienzo de párrafo deja un espacio separador.
<h1>...</h1>
Se usan para dividir correctamente en secciones nuestra página, tal y como se hace en un documento de texto normal. El mas importante (grande) es <h1>, luego <h2> y así hasta <h7>.
<center>...</center>
Permite centrar.
<pre>...</pre>
Representa el texto encerrado en ella con un tipo de letra de paso fijo.
<blockquote>...</blockquote>
Para dejar márgenes tanto a izquierda como a derecha (sangrar).
<br>
Cuando escribimos un documento HTML los retornos de carro no tienen ningún efecto (salvo si están contenidos bajo la directiva <pre>). Agrupaciones de más de un carácter en blanco se traducen en un solo carácter blanco.
<hr>
Inserta una linea horizontal o separador. De ellos pueden modificarse varios atributos:

size="num", "%"
grosor de la barra horizontal, en pixels o el porcentaje del ancho de página.
width="num"
anchura de la barra horizontal en pixels.
align="..."
alineamiento de la barra, puede valer left, right o center .
noshade
elimina el aspecto tridimensional .

Cambiando el estilo de letra

Todas estas etiquetas nos permiten cambiar el aspecto del tipo de letra que estemos utilizando.

<b>...</b>
Pone el texto en negrita.
<i>...</i>
Representa el texto en cursiva.
<u>...</u>
Para subrayar algo.
<s>...</s>
Para tachar.
<tt>...</tt>
Permite representar el texto en un tipo de letra de paso fijo.
<sup>...</sup>
Letra superíndice.
<sub>...</sub>
Letra subíndice. [1]

Enlaces

El HTML es un lenguaje para hipertexto. Existen múltiples formatos de hipertexto (por ejemplo, los ficheros de ayuda de Windows) y lo que tienen en común es que todos poseen enlaces.

Un enlace es una zona de texto o gráfico que al ser seleccionado nos traslada a otra posición dentro del documento actual o a otro documento, que puede encontrarse en el mismo ordenador o en otro de cualquier parte del planeta. Son los enlaces lo que hacen de la World Wide Web o telaraña lo que es.

Para incorporar un enlace hay que utilizar esta etiqueta <a>. Todo lo que encerremos entre <a> y </a>, ya sea texto o imágenes, será considerado como enlace y sufrirá dos modificaciones:

  1. El texto aparecerá subrayado y de un color distinto al habitual, y las imágenes estarán rodeadas por un borde del mismo color que el del texto del enlace.
  2. Al pulsar sobre el enlace, se abrirá en el navegador el documento al que apuntaba el enlace.

En el enlace debemos especificar una dirección. Lo haremos de la siguiente manera:

<a href="dirección">P&uacute;lsame</a>

La dirección estará en formato URL (Uniform Resource Locator).

servicio://máquina/ruta/fichero

Donde el servicio podrá ser uno de los siguientes:

http
Es el servicio invocado para transmitir páginas web y el que usaremos normalmente en los enlaces.
https
Es una innovación sobre el anterior, que nos permite acceder a servidores (generalmente comerciales) que nos ofrecen el uso de técnicas de encriptación para proteger los datos que intercambiemos con él de terceras personas.
ftp
Permite trasmitir ficheros desde servidores de ftp anónimo. Si no le pedimos un fichero sino un directorio, en general el navegador se encargará de mostrarnos el contenido del mismo para que podamos escogerlo cómodamente. Utilizando la @ podremos acceder a servidores privados.
mailto
Para poder mandar un mensaje. Por ejemplo, la URL
   mailto:iesgaviota@averroes.cec.junta-andalucia.es
mandaría un mensaje a nuestro Instituto.
news
Para poder acceder a grupos de noticias. Se indica el servidor y el grupo. Por ejemplo
   news://news.cica.es/es.comp.demos 
nos conectaría con el grup es.comp.demos en el servidor del CICA.

La dirección de la máquina puede ser su IP o la DNS.

La ruta es una serie de directorios separados por el símbolo /, que es el utilizado en UNIX (el sistema operativo más extendido en los servidores de Internet).

Cuando queremos acceder a un fichero situado en la misma máquina que la página web que estamos creando, no es necesario ni recomendable, escribir toda la ruta hasta el fichero, bastará relativizar todos los enlaces al directorio actual. Esto quiere decir que no tendremos que escribir:

<a href="http://averroes.cec.junta-andalucia.es
   /ies_gaviota/pagina2.html">

Si el fichero al que queremos acceder está en el mismo directorio, bastará con escribir:

<a href="pagina2.html">

Y si esrá en otro directorio, lo nombraré de forma relativa al directorio actual de esta forma:

<a href="otro_directorio/pagina2.html">

o bien de esta otra:

<a href="../../otro_directorio/pagina2.html">

donde los dos puntos (..) se utilizan para acceder al directorio padre.

Anclas

Como dijimos, es posible acceder a una posición del documento HTML. Para hacerlo, primero debemos especificar el lugar del documento al que queremos acceder:

<a name="ancla">

Para poder acceder a ese lugar incluimos el enlace de esta manera:

<a href="#ancla">Vamos a ancla</a>

También podemos acceder a anclas situadas en documentos remotos. Para ello añadiremos el nombre del ancla al URL así:

<a href="enlaces.html#ancla">Vamos a ancla en los enlaces</a>

Listas

Existen varios tipos de listas en HTML, todas ellas se pueden meter unas dentro de otras formando árboles, y siguen el siguiente formato:

<tipo_lista> 

    <li>Primer elemento

    <li>Segundo elemento

</tipo_lista>

<tipo_lista> puede ser :

<ul>
Nos permite presentar listas de elementos sin orden alguno. Cada elemento de la lista irá normalmente precedido por un círculo.

La etiqueta <ul> admite estos parámetros:

compact
Indica al navegador que debe representar la lista de la manera más compacta posible.
type="disc", "circle", "square"
Indica al navegador el dibujo que precederá a cada elemento de la lista. Para mayor flexibilidad se admite también como parámetro de <li>.

<ol>
Nos permite presentar listas de elementos ordenados de menor a mayor. Normalmente cada elemento de la lista irá precedido por su número o letra en el orden.

La etiqueta <ol> admite estos parámetros:

compact
Indica al navegador que debe representar la lista de la manera más compacta posible.
type="1", "a", "A", "i" o "I"
Indica al navegador el tipo de numeración que precederá a cada elemento de la lista. Para mayor flexibilidad se admite también como parámetro de <li>.
start="num"
Indica al navegador el número por el que se empezará a contar los elementos de la lista.

La etiqueta <li> admite el atributo value="num", que actúa como start pero a partir de ese elemento.

<dl>
Este tipo de lista que no utiliza la etiqueta <li>. Tiene como objetivo presentar una lista de definiciones, de modo que tiene que representar de manera distinta el objeto definido y la definición. Emplearemos la etiqueta <dt> para el objeto definido y <dd> para la definición.

La etiqueta <dl> sólo admite como parámetro el ya conocido compact, que tiene el mismo comportamiento que con los otros dos tipos de lista anteriores.

Incluyendo imágenes

Para incluir gráficos e imágenes en nuestras páginas utilizaremos la etiqueta <img> de esta manera:

<img src="fichero_grafico" alt="descripcion">

El parámetro src especifica el nombre del fichero que contiene el gráfico. Los formatos estándar en la red son el GIF y el JPG. La últimas versiones de Netscape y Explorer aceptan también el formato PNG.

El parámetro alt especifica el texto que se mostrará en lugar del gráfico en aquellos navegadores que no sean capaces de mostrarlos (como el Lynx) o en el supuesto de que el usuario los haya desactivado. Es por todo eso que conviene ponerlo siempre. Además algunos navegadores lo muestran cuando pasamos el ratón por encima de la imagen.

Existen dos atributos que, aunque opcionales, también conviene indicar siempre: width="num" y height="num", la anchura y la altura del gráfico en pixels. De este modo, el navegador puede mostrar un recuadro del tamaño de la imagen mientras la va leyendo de la red y así poder mostrar el resto de la página correctamente mientras tanto. Estos atributos también nos pueden valer para ampliar o reducir el tamaño original de las imágenes, poniendo el valor en pixel o el % del ancho y alto con que queremos ver la imagen en el navegador.

Para poder maquetar conjuntamente texto y gráficos, el HTML proporciona, por medio del parámetro align, las siguientes maneras de alinear una imagen respecto del texto que la acompaña:

align="top"
Coloca el punto más alto de la imagen coincidiendo con más alto de la línea de texto actual.
align="middle"
Alinea el punto medio (en altura) de la imagen con la base del texto.
align="bottom"
Por defecto Alinea el punto más bajo de la imagen con la base del texto.
align="left"
Coloca la imagen a la izquierda del texto.
align="right"
Coloca la imagen a la derecha del texto.

Hay que aclarar que la base del texto es la línea donde descansan casi todas las letras del alfabeto excepto algunas (p, q, y, j …).

El atributo hspace="num" indica el espacio en blanco, en pixel, que se insertará a derecha e izquierda de la imagen y vspace="num" el espacio por encima y debajo de la imagen.

Imágenes y enlaces

Suele ser común incluir enlaces dentro de un gráfico. En ese caso, por defecto, los navegadores le pondrán un borde al gráfico para indicar que efectivamente es un enlace. Práctico, pero la mayoría de las veces bastante poco estético. Por medio del parámetro border podremos alterar el grosor de ese borde o incluso eliminarlo poniéndolo a cero.

<a href="ruta/fichero"><img src="imagen" border="0"></a>

JPG o GIF

Una buena regla general es usar JPG cuando la imagen sea una foto y cuando sea un logotipo, letras, o un dibujo utilizar GIF. Lo principal es que la imagen ocupe lo mínimo posible (una imagen de más de 50k es muy grande para Internet) y que tenga una calidad aceptable. Un GIF de 256 colores generalmente es un desperdicio, con 64 colores casi no hay diferencia y puede ocupar bastante menos. Una foto en GIF de 256 colores, en JPG puede quedar reducida a menos de la mitad.

Si hubiese que poner una imagen grande no la pondremos directamente en la página, pondremos un versión reducida de unos 150 x 100 pixels con un enlace a la grande, e indicaremos cuánto ocupa la grande.

Tablas

Las tablas son posiblemente la manera más clara de organizar la información. También es el modo más adecuado de maquetar texto y gráficos de una manera algo más controlada que con los parámetros align.

  • La tabla está contenida entre las etiquetas <table> y </table>.
  • Cada fila de la tabla está delimitada por <tr> y </tr>
  • Cada celda está determinada por las etiquetas <td> y </td>.
  • Las etiquetas <th> y </th> sirven para indicar que el texto contenido es la cabecera de la columna. Las cabeceras de la tabla no son obligatorias.
  • La etiquetas <caption> y </caption> delimitan el título de la tabla.

No es necesario definir de antemano cuantas filas o columnas tendrá la tabla, basta con colocar tantas celdas como queramos. La distribución de las celdas la ajustaremos con las etiquetas que delimitan las filas.

Una tabla con 2 filas y 3 columnas se declarará así:

<table>

   <tr> <td>1,a</td> <td>1,b</td> <td>1,c</td> </tr>

   <tr> <td>2,a</td> <td>2,b</td> <td>2,c</td> </tr>

</table>

Los atributos de <table> son:

border="num"
Especifica el grosor del borde que se dibujará alrededor de las celdas. Por defecto es cero, lo que significa que no dibujará borde alguno.
cellspacing="num"
Define el número de pixels que separarán las celdas.
cellpadding="num"
Especifica el número de pixels que habrá entre el borde de una celda y su contenido.
width="num", "%"
Especifica la anchura de la tabla. Puede estar tanto en pixels como en porcentaje de la anchura total disponible para ella (pondremos "100%" si queremos que ocupe todo el ancho de la ventana del navegador).
align="..."
Alinea la tabla a izquierda ("left"), derecha ("right") o centro ("center").
bgcolor="#xxxxxx"
Colorea todo el área de la tabla con el color indicado. Ver colores en Letras y colores.
Definir las filas

Ahora que hemos definido la tabla nos toca hacer lo mismo con las filas. Cada fila se define con una etiqueta TR, que tiene los siguientes atributos:

align="..."
Alinea el contenido de las celdas de la fila horizontalmente a izquierda("left"), derecha ("right") o centro ("center")
valign="..."
Alinea el contenido de las celdas de la fila verticalmente arriba ("top"), abajo ("bottom") o centro ("middle").
Definir las celdas

Por último, nos queda definir cada celda gracias a la etiquetas <td> y <th>. Estas etiquetas son equivalentes, pero la última se utiliza para encabezados, de modo que su interior se escribirá por defecto en negrita y centrado. Estos son los atributos de ambas:

align="..."
Alinea el contenido de las celdas de la fila horizontalmente a izquierda("left"), derecha ("right") o centro ("center")
valign="..."
Alinea el contenido de las celdas de la fila verticalmente arriba ("top"), abajo ("bottom") o centro ("middle").
width="num", "%"
Especifica la anchura de la celda . También se puede especificar tanto en pixels como en porcentaje, teniendo en cuenta que, en este último caso, será un porcentaje respecto al ancho total de la tabla (no de la ventana del navegador).
nowrap
Impide que, en el interior de la celda, se rompa la línea en un espacio.
colspan="num"
Especifica el número de celdas de la fila situadas a la derecha de la actual que se unen a ésta (incluyendo la celda en que se declara este parámetro). Es por defecto uno. Si se pone igual a cero, se unirán todas las celdas que queden a la derecha.
rowspan="num"
Especifica el número de celdas de la columna situadas debajo de la actual que se unen a ésta.
bgcolor="#xxxxxx"
Colorea todo el área de la celda con el color indicado. Ver colores en Letras y colores.
Título de la tabla

Por medio de la etiqueta <caption> se indica el título de una tabla. Esta etiqueta admite sólo un parámetro: align, que es por defecto top. Si lo definimos como bottom el título se colocará al final de la tabla en lugar del comienzo.

Tipos de letra, tamaño y colores

Gracias a la etiqueta <font> vamos a poder cambiar el tamaño, el tipo y el color de las letras en nuestras páginas.

Cambio de color

Para hacerlo se utiliza el parámetro color. La manera de especificarle el color es común a todas las etiquetas HTML: bien indicando el nombre, si es un color normal (Black, Silver, Gray, White, Maroon, Red, Purple, Fuchsia, Green, Lime, Olive, Yellow, Navy, Blue, Teal, Aqua),

<font color="red">Estoy en rojo</font>

o bien especificando la intensidad de rojo, verde y azul (código RGB) del mismo.

<font color="#xxxxxx">color</font>

Donde cada x es un dígito hexadecimal, del 0 a la F. Las dos primeras x corresponden al rojo, las 2 siguientes al verde y las restantes al azul. Por ejemplo: para el blanco pondremos todos los valores al máximo, #FFFFFF; y para el rojo, #FF0000.

<font color="#FF0000">Estoy en rojo</font>

Tamaño de la letra

El parámetro utilizado para indicar el tamaño es size. Puede tomar valores desde 1 a 7, siendo el tamaño por defecto 3.

<font size="2">Tamaño 2</font>

También se puede utilizar los modificadores + y - para indicar un incremento (o decremento) relativo del tamaño del tipo de letra. Así, por ejemplo, si indicamos que queremos un tamaño de "-2" estaremos pidiendo al navegador que nos muestre el tipo de letra dos veces más pequeño.

<font size="+3">Tamaño 6</font>

Tipo de letra

Por último, podemos especificar el nombre del tipo de letra que queremos utilizar gracias al parámetro face. Como en principio no tenemos manera de saber que tipo de letra tiene instalado el ordenador del usuario que está viendo nuestras páginas, podemos indicar más de uno separado por comas. Si el navegador no encuentra ninguno seguirá utilizando el que tiene por defecto:

<font face="Helvetica,Arial,Times">No sé como voy
            a salir exactamente</font>

La cabecera

Además del título de la página, uno de los elementos que se pueden incluir aquí son los meta. Entre otras cosas, sirven para indicar propiedades de la página como pueda ser el nombre de su autor. Por ejemplo,

<meta name="autor" content="José Fernando">

Estas son las propiedades más comunes:

author
Autor de la página.
generator
Herramienta utilizada para hacer la página.
classification
Palabras que permite clasificar la página dentro de un buscador jerárquico.
keywords
Palabras clave por las que se encontrará la página en los buscadores.
description
Descripción del contenido de la página.

También suele ser el lugar más indicado para colocar aquellos elementos de la página que no alteran el contenido de la misma, aunque si la forma de presentarla y su comportamiento. Es por eso que es el lugar más recomendable para colocar los scripts y las hojas de estilo.

 

El cuerpo [1]

La etiqueta <body> admite los siguientes parámetros :

bgcolor="#xxxxxx"
Permite definir el color de fondo de la página.
background="imagen.gif"
Permite poner un gráfico de fondo para la página. No se debe poner una imagen muy "pesada" de fondo, no mas de 15k. Ni olvidar verificar que no dificulte la lectura del texto.
bgproperties="fixed"
El gráfico definido como fondo de la página permanecerá inmóvil aunque utilicemos las barras de desplazamiento.
text="#xxxxxx"
Cambia el color del texto.
link="#xxxxxx"
Cambia el color de un enlace no visitado (por defecto azul).
vlink="#xxxxxx"
Cambia el color de un enlace ya visitado (por defecto púrpura).
alink="#xxxxxx"
Cambia el color que toma un enlace mientras lo estamos pulsando (por defecto rojo).
leftmargin="num", topmargin="num"
Especifican el número de pixels que dejará de margen entre el borde de la ventana y el contenido de la página. Se suelen utilizar para dejarlos a cero.
marginwidth="num", marginheight="num"
Más o menos equivalentes a los anteriores, pero éstos funcionan en Netscape.

No resulta recomendable cambiar los colores del texto y enlaces a no ser que exista alguna dificultad al leerlos por haber cambiado el fondo, ya que en muchas ocasiones el usuario ha podido cambiarlos en las opciones de su navegador y estarán ya a su gusto.

Link original de la imagen: http://aprendiendoprogramacion.files.wordpress.com/2010/10/html-cheat-sheet.png

Evolución de HTML

En la actualidad tenemos varias versiones de este lenguaje,r ecientemente ha aparecido el HTML 5, que aunque no todos los navegadores lo soportan nos muestra nuevas posibilidades de desarrollo de esta magnifica herramienta. He aquí un esbozo de sus posibilidades:

Link original de la imagen: http://hardsoftgeek.com.ar/wordpress/wp-content/uploads/2009/07/preview.gif

Actividades

1.  Ahora que ya conoces  un poco mas de este lenguaje básico para escribir páginas en la web, realiza el siguiente taller, para eso debes abir el blog de notas de Windows, y tu navegador preferido, carga el archivo paso a paso  a medida que vas creando las diferentes etiqeutas para que vayas viendo la forma en que interactuan estas ordenes con tu navegador.

<HTML
<HEAD>
<Title>Bienvenidos a mi primera página web</title>
</head>
<body>
<h1>Tutorial para trabajar HTML en nuestra clase</h1>
Vamos a empezar con este curso de HTML, en él estaremos viendo paso a paso como se diseña una página web, lo que nos permitirá estar de mejor forma para hacer nuestros propios blogs.
<p> Empezamos  haciendo un reconocimiento general de este lenguaje  creado por el señor Tim Berners Lee y que se ha convertido en el estándar en Internet.</p>
<p> Primero que todo toda orden que se establezca empieza con el carácter < y se cierra con >, las etiquetas se escriben en minúscula.</p>
<p> Para que puedas visualizar bien las líneas que vas introduciendo aquí en el bloc de notas, deberás ajustar esas líneas con la orden: menú formato y allí buscas ajustar líneas. de lo contrario todo el texto que introduzcas sobrepasara

tu campo visual y no tendrás mayor dominio sobre él.</p>
<p> Como has empezado a ver cada párrafo se empieza con la etiqueta, <> y dentro de ellas la letra p es decir si das un enter para bajar los espacios simplemente cuando visualices tu página en el navegador no tendrán ningún efecto. No

olvides que cada vez que quieres terminar un comando, en este caso el párrafo debes cerrarlo anteponiéndole  el carácter / (barra inclinada) </p>
<h2> Sugerencias básicas</h2>
<p> 1. Cuando cargues el archivo en el navegador, cada vez que actualices el archivo simplemente oprima  la tecla f5 para que veas de inmediato los cambios</p>
2. Para crear titulos como el principal la etiqueta es <h1> </p>
3. Si     quieres sacar un subtitulo debes hacerlo con la etiqueta <h2> no olvides que una vez termines el subtitulo deberás "apagar" la etiqueta con la orden </h2>
4. si quieres colocar negrita a una palabra o una oración deberás usar la orden <b> negrita</b>
5. para que actives la letra cursiva simplemente con la etiqueta <i> cursiva</i>
<p>6. También podras combinar las etiquetas por ejemplo <b><i> letra negrita y cursiva </b></i> </p>
<h2> Alineación de párrafos</h2>
<p> Como ya has visto hasta ahora la letra <b>p</b> nos ha servido para hacer los diferentes párrafos, procede de la palabra "Paragraph", se usa su inicial en este caso, pero si queremos alinear ese párrafo, es decir centrarlo, que se

margine a la derecha o la izquierda deberás  usar el atributo <b>Align</b> </p>
<p> ASi para alinear un párrafo a la derecha se introduce la siguiente instrucción: <p align="right">.  También puedes usar los valores <b> Center, justify y left</b> sin embargo por omisión y sin necesidad de que tengas que dar  la orden

los párrafos vienen ordenados  a la izquierda y desordenados a la derecha.. Recuerda también que algunos navegadores no interpretan bien la orden <b>justify </b> Ejemplo: </p>
<p align="right"> Este párrafo está centrado. </p>

</body>
</html>08:22 p.m. 11/02/2012

2. TE invito a que veas el siguiente video, para que explores más posibilidades:

Fuentes

[1] http://www.juntadeandalucia.es/averroes/iesgaviota/informatica/html.html

 

Historia y evolución de Internet

Damos por sentado que conocemos esta red en el que día a día nos ponemos en contacto con el conocimiento, con los amigos, con los negocios y tantas otras actividades, que  realmente no reparamos en su evolución de cómo empezó hasta convertirse en lo que actualmente disfrutamos, no podemos pasar por alto que podemos contar con dos momentos en la historia de Internet: su origen inicialmente como proyecto militar ARPANET, y luego su momento en que se independiza de todo ese pasado y se convierte en la red de redes con la invención de WEB por el británico Tim Berners Lee en la década de los 90. En esta ultima etapa toma forma Internet y tiene un rápido desarrollo que la hace accesible a todos. Cada vez se va ampliando su penetración en los hogares. Aun falta mucho camino por recorrer pero el desarrollo sin prisa ni pausa solo augura que en unos cuantos años cada ciudadano podrá contar con un acceso pleno a la red, eso nos plantea entonces conocer un poco mas su estructura, sus protocolos de funcionamiento y sobre todo empezar a analizar las legislaciones actuales que están modificando  el Internet que conocemos, solo esperemos que ese espíritu democrático de acceso para todo como fue creado, no se transforme en otro elemento de dominación y alienación.

Los inicio de Internet nos remontan a los años 60. En plena guerra fría, Estados Unidos crea una red exclusivamente militar, con el objetivo de que, en el hipotético caso de un ataque ruso, se pudiera tener acceso a la información militar desde cualquier punto del país.
Esta red se creó en 1969 y se llamó ARPANET. En principio, la red contaba con 4 ordenadores distribuidos entre distintas universidades del país. Dos años después, ya contaba con unos 40 ordenadores conectados. Tanto fue el crecimiento de la red que su sistema de comunicación se quedó obsoleto. Entonces dos investigadores crearon el Protocolo TCP/IP, que se convirtió en el estándar de comunicaciones dentro de las redes informáticas (actualmente seguimos utilizando dicho protocolo).

ARPANET siguió creciendo y abriéndose al mundo, y cualquier persona con fines académicos o de investigación podía tener acceso a la red.
Las funciones militares se desligaron de ARPANET y fueron a parar a MILNET, una nueva red creada por los Estados Unidos.
La NSF (National Science Fundation) crea su propia red informática llamada NSFNET, que más tarde absorbe a ARPANET, creando así una gran red con propósitos científicos y académicos.
El desarrollo de las redes fue abismal, y se crean nuevas redes de libre acceso que más tarde se unen a NSFNET, formando el embrión de lo que hoy conocemos como INTERNET.

En 1985 la Internet ya era una tecnología establecida, aunque conocida por unos pocos.
El autor William Gibson hizo una revelación: el término "ciberespacio".
En ese tiempo la red era básicamente textual, así que el autor se baso en los videojuegos. Con el tiempo la palabra "ciberespacio" terminó por ser sinónimo de Internet.
El desarrollo de NSFNET fue tal que hacia el año 1990 ya contaba con alrededor de 100.000 servidores.

En el Centro Europeo de Investigaciones Nucleares (CERN), Tim Berners Lee dirigía la búsqueda de un sistema de almacenamiento y recuperación de datos. Berners Lee retomó la idea de Ted Nelson (un proyecto llamado "Xanadú" ) de usar hipervínculos. Robert Caillau quien cooperó con el proyecto, cuanta que en 1990 deciden ponerle un nombre al sistema y lo llamarón World Wide Web (WWW) o telaraña mundial.

La nueva formula permitía vincular información en forma lógica y a través de las redes. El contenido se programaba en un lenguaje de hipertexto con "etiquetas" que asignaban una función a cada parte del contenido. Luego, un programa de computación, un intérprete, eran capaz de leer esas etiquetas para desplegar la información. Ese interprete sería conocido como "navegador" o "browser".

En 1993 Marc Andreesen produjo la primera versión del navegador "Mosaic", que permitió acceder con mayor naturalidad a la WWW.
La interfaz gráfica iba más allá de lo previsto y la facilidad con la que podía manejarse el programa abría la red a los legos. Poco después Andreesen encabezó la creación del programa Netscape.

A partir de entonces Internet comenzó a crecer más rápido que otro medio de comunicación, convirtiéndose en lo que hoy todos conocemos.

Algunos de los servicios disponibles en Internet aparte de la WEB son el acceso remoto a otras máquinas (SSH y telnet), transferencia de archivos(FTP), correo electrónico (SMTP), conversaciones en línea (IMSN MESSENGER, ICQ, YIM, AOL, jabber), transmisión de archivos (P2P, P2M, descarga directa), etc. [1]

Línea de Tiempo Historia de la Internet

1962. JCR Licklider tiene la premonición de una red intergaláctica de computadoras.
1967. Primer proyecto de ARPANET.
1969. Envió de primer mensaje entre dos computadoras “LOGWIN”.
1971. Ray Tomlinson inventa el correo.
1972. Bob Kahn hace una demostración de ARPANET con 40 máquinas conectadas y causa sensación.
1974. Vint Cerf y Kahn publican su propuesta para un protocolo de comunicación, el TCP/IP.
1983. El 1 de enero todas las máquinas vinculadas a ARPANET deben utilizar el TCP/IP, Internet comienza a tomar forma.
1984. El novelista William Gibson publica “Neuromante”, y  define la palabra “ciberespacio”.
Creación de los  dominios  gov, mil, edu, com, org y  net así como los  sufijos geográficos.
1986. La Fundación Nacional de la Ciencia de EE.UU. crea la ‘columna vertebral’ de Internet mediante la conexión de cinco  supercomputadores.
1989. NSFNET transmitía 1.5 millones de bits por segundo.
1990. ARPANET deja de existir. Internet está consolidada y  definida como una Red de redes.
1991. Tim Berners Lee da a conocer la World Wide Web o Telaraña Mundial.
1993. El navegador Mosaic  facilita el acceso a la WWW, es  precursor de Netscape. Se transmiten 45 millones de bits por segundo.
1995. NSFNET es  reemplazada por otros centros  de cómputo y distribución de información ubicados en distintas partes de  mundo.
1998. Acuerdo para crear una agencia internacional de registro de nombres  o dominios.
1999. Según una agencia de Naciones  Unidas, hay  más  de 200 millones  de habitantes en el ciberespacio y 43.2 millones  de computadoras conectadas  a Internet.
2000. Internet se masifica.
2005. 164 millones de usuarios de banda ancha en el mundo. Auque más de la mitad de la población no ha hecho nunca una llamada telefónica. [2]

Internet y la WWW

Hasta hace poco, la comunicación entre ordenadores estaba limitada a los sistemas sólo texto, y a pantallas de terminal muy poco atractivas. Los ordenadores enviaban y recibían cadenas de texto y, como mucho, podían aderezar las letras y los números resultantes con algún que otro color de fondo.
La WWW es capaz de transmitir no sólo la información, sino también un entorno gráfico asequible a cualquier usuario que facilita la consulta de los datos ofrecidos. La WWW no es en realidad una red, sino un conjunto de programas y convenciones que facilitan el tránsito por las redes que funcionan como Internet.
La gran ventaja que presenta la WWW son los hiperenlaces gracias a los cuales la navegación y la búsqueda de información se convierte en un juego de niños. Cuando se visualiza un documento WWW, el texto que aparece en la pantalla contiene palabras en otro color y para resaltar las palabras clave.
Estas palabras están asociadas a otro documento de la red a través de un URL (Uniform Resource Locator). Este URL es el nombre único e irrepetible de ese documento, y está formado por el nombre del servidor en que se encuentra, el directorio en el servidor y el nombre del documento en sí. El usuario que recibe un documento WWW debe utilizar un programa cliente llamado navegador o explorador. Este programa es capaz de leer las etiquetas que contienen los documentos, y convertir esa información en formato gráfico.
Por otra parte, para mantener el orden en la red, es necesario que cada ordenador esté correctamente identificado. Los nombres que recibe cada equipo dependen de un organismo llamado IANA (Internet Assigned Numbers Authority). Se denomina así porque los nombres son en realidad conjuntos de cuatro cifras, como por ejemplo 197.245.76.32.
Un nombre así no resulta demasiado descriptivo para los usuarios, y por esta razón existen también nombres más comprensibles que utilizan
combinaciones de letras. Estas palabras separadas por puntos corresponden a 4 dominios, es decir, zonas físicas de la red. En general, cada país tiene un dominio principal definido (el de España es "es"), pero además hay varios dominios principales ya definidos para Internet (org – organizaciones y asociaciones; net – recursos de red; gov – gobiernos; com – empresas comerciales, etc.). [3]

FUNCIONAMIENTO DE INTERNET

Internet responde a una arquitectura cliente-servidor. Esto no quiere decir que sea una relación únicamente entre dos ordenadores. En el momento en que utilizamos alguno de los servicios que Internet ofrece se pone en funcionamiento un complicado entramado de aplicaciones y máquinas que hacen posible que ese funcionamiento sea correcto. [3]

Sistema cliente/servidor
Una de las principales funciones de la red es compartir recursos.
Generalmente este compartimiento de recursos se lleva a cabo por programas distintos, ejecutándose en máquinas diferentes. Uno de los programas, llamado servidor, proporciona un recurso en particular y el otro programa, llamado cliente, lo utiliza. Es habitual emplear la palabra servidor para referirse a la propia computadora que ejecuta el programa servidor, y lo mismo con el término cliente. Lo bueno de este sistema es que los programas cliente y servidor no deben ejecutarse obligatoriamente en la misma máquina. Todos los servicios
de Internet hacen uso de esta relación cliente/servidor. Aprender a navegar por Internet significa aprender a usar cada uno de los programas clientes disponibles. Por esta razón, para utilizar un servicio Internet hay que entender:

1. Cómo ejecutar un programa cliente para ese servicio.
2. Cómo decirle al programa cliente qué servidor se quiere
utilizar.
3. Qué instrucciones se pueden utilizar con cada tipo de
cliente.

HOSTS
La palabra host es un término muy utilizado en informática, sobre todo en relación con las redes de ordenadores. En Internet se llama host a cualquier ordenador conectado a la red.

Direcciones IP y Nombres de Dominio

Cada ordenador que se conecta a Internet se identifica por medio de una dirección IP. Ésta se compone de 4 números comprendidos entre el 0 y el 255 ambos inclusive y separados por puntos.
Así, por ejemplo una dirección IP podría ser: 155.210.13.45.      [3]

com Empresas (Compañías)
edu Instituciones de carácter Educativo, mayormente
Universidades
org Organizaciones no Gubernamentales
gov Entidades del Gobierno
mil Instalaciones Militares

COM Empresas o compañías
EDU Instituciones de carácter educativo mayormente universidades
ORG Organizaciones gubernamentales
MIL Instalaciones militares
GOV Entidades del gobierno

Por países la nomenclatura es:

es España
co Colombia
Uk Reino Unido
jp Japón
ar Argentina
cl Chile
ca Canadá
Au Australia
it Italia

Protocolos de Internet

La base de Internet, y razón principal de su éxito, son sus protocolos. Dentro de cada nivel se utilizan distintas normas o protocolos, llegando incluso a depender, dentro de un nivel,  la norma utilizada del servicio a prestar

Qué es un protocolo?

Un protocolo son ¡una serie de reglas que utilizan dos ordenadores para comunicar entre sí. Cualquier producto que utilice un protocolo dado debería poder funcionar con otros productos que utilicen el mismo protocolo.

EL PROTOCOLO TCP/IP
El protocolo de red TCP/IP se podría definir como el conjunto de protocolos básicos de comunicación, de redes, que permite la transmisión de información en redes de ordenadores. Una conexión TCP no es más que es una corriente de bytes, no una corriente de mensajes o textos por así decirlo.
EN QUE SE UTILIZA TCP/IP
Muchas grandes redes han sido implementadas con estos protocolos, incluyendo DARPA Internet "Defense Advanced Research Projects Agency Internet", en español, Red de la Agencia de Investigación de Proyectos Avanzados de Defensa. De igual forma, una gran variedad de universidades, agencias gubernamentales y empresas de ordenadores, están conectadas mediante los protocolos TCP/IP.
Cualquier máquina de la red puede comunicarse con otra distinta y esta conectividad permite enlazar redes físicamente independientes en una red virtual llamada Internet. Las máquinas en Internet son denominadas "hosts" o nodos.
TCP/IP proporciona la base para muchos servicios útiles, incluyendo correo electrónico, transferencia de ficheros y login remoto.
El correo electrónico está diseñado para transmitir ficheros de texto pequeños. Las utilidades de transferencia sirven para transferir ficheros muy grandes que contengan programas o datos. También pueden proporcionar chequeos de seguridad controlando las transferencias. [4]

EL PROTOCOLO ARP
El protocolo ARP (Address Resolution Protocol),
Permite realizar ciertas tareas cuyo objetivo es el asociar un dispositivo IP, que a un nivel lógico está identificado por una dirección IP, a un dispositivo de red, que a nivel físico posee una dirección física de red. Este protocolo se utiliza típicamente en dispositivos de red local, ethernet que es el entorno más extendido en la actualidad. Existe un protocolo RARP, cuya función es la inversa.

IP (Internet Protocol)
Para empezar vamos a hablar de un protocolo básico a nivel de red el protocolo IP o (Internet Protocol). El IP es un protocolo que pertenece al nivel de red, por lo tanto, es utilizado por los protocolos del nivel de transporte como TCP para encaminar los datos hacia su destino. IP tiene únicamente la misión de encaminar
el datagrama, sin comprobar la integridad de la información que contiene. Son números de 32 bits representados habitualmente en formato decimal (que varían de con valores de 255 a 0). Las direcciones ip se podría decir que son nuestro documento de identidad en la red , nos identifica a nosotros, a nuestro ISP, nuestro país de provinencia y demás datos. Un atacante podría obtener nuestra IP por muchas y diversas maneras.
Por conversaciones normales de mensajería instantánea, voz sobre IP (VoiP), logs de nuestro acceso a páginas, conexiones de distintos tipos… es decir cientos de formas distintas. Una vez el atacante allá obtenido nuestra IP se pude sacar mucha y peligrosa información de ella. Desde el país que nos conectamos hasta si buscamos páginas de datos (tipo WHOIS) la dirección a la cual esta registrada la misma línea de conexión a Internet. [4]

El PROTOCOLO HTTP
Este protocolo esta diseñado para recuperar información y llevar a cabo búsquedas indexadas permitiendo con eficacia saltos hipertextuales, además, no solo permite la transferencia de textos HTML sino de un amplio y extensible conjunto de formatos. Funciones particulares para el caso específico de la Web, creado para que resolviese los problemas planteados por un sistema hipermedial, y sobre todo distribuido en diferentes puntos de la Red.
HTTP (HyperText Transfer Protocol, o Protocolo de Transferencia de Hipertexto).
Cada vez que se activa cumple con un proceso de cuatro etapas entre el browser y el servidor que consiste en lo siguiente:
Conexión: el browser busca el nombre de dominio o el número IP de la dirección indicada intentando hacer contacto con esa computadora,
Solicitud: el browser envía una petición al servidor (generalmente
un documento), incluyendo información sobre el método a utilizar, la versión del protocolo y algunas otras especificaciones,
Respuesta: el servidor envía un mensaje de respuesta acerca de su petición mediante códigos de estado de tres dígitos,
Desconexión: se puede iniciar por parte del usuario o por parte del servidor una vez transferido un archivo.

PROTOCOLO UDP
El protocolo UDP (User Datagram Protocol), pertenece a la familia de los protocolos TCP no es un protocolo
tan fiable como TCP. Se limita a recoger el mensaje y enviar el paquete por la red.
Para garantizar la llegada, el protocolo exige a la maquina de destino del paquete que envíe un mensaje (un eco). Si el mensaje no llega desde la maquina de destino el mensaje se envía de nuevo.UDP es un protocolo sencillo que implementa un nivel de transporte orientado a datagramas: [4]

PROTOCOLO ICMP
La operación de Internet es supervisada cuidadosamente por los enrutadores.
Al ocurrir algo inesperado, el ICMP (Internet Control Message Protocol, protocolo de control de mensajes de Internet), que también se usa para probar Internet, informa del suceso. Se ha definido una docena de tipo de mensajes de ICMP; [4]

NETBIOS
NetBIOS fue desarrollado por IBM y Systek como un intento de proveer a las aplicaciones de una interfaz para acceder a los recursos de las redes locales. Al ser solo una interfaz entre las aplicaciones y la tarjeta de red, y por tanto poder ser utilizado.

NetBIOS puede ser utilizado en la inmensa mayoría de los sistemas operativos de red y puede ser transportado sobre variedad de protocolos,
generalmente sobre TCP/IP (NBT), IPX,… [3]

PROTOCOLO SMTP
SMTP (Simple Mail Transfer Protocol) o Protocolo Simple de Transferencia de Correo Electrónico es un conjunto de reglas que rigen el formato y la transferencia de datos en un envío de Correo Electrónico ( e-mail ). [4]

PROTOCOLO FTP
Ftp (File Transfer Protocol) es un protocolo para la transferencia remota de archivos. Lo cual significa la capacidad de enviar un archivo digital de un lugar local a uno remoto o viceversa, donde el local suele ser el computador de uno y el remoto el servidor Web. [3]

PROTOCOLO SSH
El protocolo SSH (Secure Shell)nació para intentar que las comunicaciones en internet fuesen más seguras, esto lo consigue eliminando el envío de las contraseñas sin cifrar y mediante la encriptación de toda la información que se transmite. Se recomienda usar SSH para mantener conexiones seguras, ya que debido a las avanzadas herramientas usadas por crackers , sniffear una red se ha convertido en un juego de niños. [4]

http://www.slideshare.net/tomicharoca/tipos-de-protocolos

Como podrás apreciar Internet evoluciona y se crea con todos los aportes que muchos desarrolladores le aportan, día a día encontramos nuevas aplicaciones y nuevos recursos que hacen de la Internet un recurso indispensable en nuestra vida, para apreciar todo lo que es la evolución que tendrá Internet, lo invito a que se lea este interesante libro animado que nos muestra todas estas posibilidades. Les recomiendo que usen el navegador Google Chrome para que les traduzca el libro ya que viene en inglés, nos pone en contacto con todo esto que esta entrada ha venido tratando y toda su evolución en lenguajes, prestaciones, navegadores y sin fin de diferentes posibilidades.

http://www.20thingsilearned.com/en-US/home

Actividades:

1. En mesa redonda en el aula de clase se hará una discusión sobre la manera en qué se creo Internet, se debatirá la forma como empezó, cómo se consolido (aparición de la WWW), su desarrollo actual y su futuro.

2. En tu cuaderno de apuntes realiza un resumen sobre las principales ideas que te deje la  mesa redonda de la clase.

3. Para que complementes la información te sugiere que veas los siguientes videos, que han sido proporcionados por www.youtube.com

 

 

Fuentes

[1] http://www.cad.com.mx/historia_del_internet.htm

[2] http://www.el-planeta.com/modem/kronos.htm y http://www.elteclas.com

[3] http://www.conocimientoytecnologia.org/pdf/gestion_conocimiento/proyectos_europeos/febat/cursos_es/historia_internet.pdf

[4] http://arturocasupa.galeon.com/

Tim Berners Lee

Hablar de  Sir Timothy “Tim” Berners Lee hace alusión de inmediato a la WWW, concepto que no puede pasar desapercibido pues de inmediato lo asociamos con internet, por eso, no podríamos  entrarnos en la historia de la Internet sin referirnos a este personaje, de nacionalidad británico pero que reside en los Estados Unidos, Su invento no solo ha cambiado nuestra vida, sino que sus implicaciones aun están por escribirse, en tan solo 22 años tenemos un sistema de vida cambiado: la información, las comunicaciones  y el mundo prácticamente al alcance de nuestras manos, con su invención, por eso veamos un poco de su información personal, y sobre todo los pasos que siguió para crear y difundir su idea.

Sir Timothy "Tim" John Berners-Lee, OM, KBE (TimBL o TBL) nació el 8 de junio de 1955 en Londres, Reino Unido, se licenció en Física en 1976 en el Queen’s College de la Universidad de Oxford. Es considerado el padre de la web.

Ante la necesidad de distribuir e intercambiar información acerca de sus investigaciones de una manera más efectiva, Berners-Lee desarrolló las ideas fundamentales que estructuran la web. Él y su grupo crearon lo que por sus siglas en inglés se denomina Lenguaje HTML (HyperText Markup Language) o lenguaje de etiquetas de hipertexto, el protocolo HTTP (HyperText Transfer Protocol) y el sistema de localización de objetos en la web URL (Uniform Resource Locator).

Es posible encontrar muchas de las ideas plasmadas por Berners-Lee en el proyecto Xanadu (que propuso Ted Nelson) y el memex (de Vannevar Bush). [1]

Los conceptos de democracia e igualdad son los móviles de la vida Sir Timothy Berns-Lee los cuales aplicó a su obra, la World Wide Web.

Pregunta: ¿Se imagina cuánto dinero habrá ganado el inventor de la Web? Difícil arriesgar un número, ¿no? Cuando se piensa en estos genios informáticos, la primera figura mental que aparece es la del multimegamillonario Bill Gates. Sin embargo, Sir Timothy Berners-Lee no ha generado ningún ingreso monetario por crear la WWW, pues nunca patentó su proyecto. Su intención fue, desde un principio, que la red fuera usada como un canal de libre expresión y colaboración.

El Gutenberg de la era contemporánea

La aparición de la web es casi tan significativa a nuestra historia como la imprenta de Johannes Gutenberg, en el siglo XV. Los padres de Tim Berners-Lee fueron ambos matemáticos y formaron parte del equipo que diseñó la primera computadora comercial, la Mark I. Ellos fueron quienes encendieron la llama de la curiosidad en el pequeño Tim. Solían hablar de cómo el cerebro humano tiene una ventaja única por sobre las máquinas: el poder conectar conceptos que no estuvieran ya asociados. Desde ese entonces, Berners-Lee hijo quedó impresionado por el potencial que las computadoras pudieran desarrollar para enlazar datos sin relación preexistente.

La estructura lo es todo […] El cerebro no posee conocimiento hasta que las conexiones entre las neuronas se establece. Todo lo que sabemos, todo lo que somos, viene de la manera en que nuestras neuronas se conectan”, este es un extracto del libro Weaving The Web, escrito en el año 2000 por Berners-Lee, en el cual devela todo sobre su invaluable aporte a la comunicación global. [2]

La Web como la Democracia misma

Esa es la idea. Basado en los principios de la Constitución de Estados Unidos y la Carta Magna Británica, entre otros documentos, la Red fue planeada como una plataforma en donde todos los usuarios, sin importar raza, género, etnia o nacionalidad, puedan compartir información. Una Red universal.

Como la democracia misma, la web necesita ser defendida”, afirma Berners-Lee. Es que las grandes compañías como Apple, Verizon o Facebook, entre otras, atentan contra estos principios de libertad al rediseñar la estructura de la red para que sea más cerrada y así generar mayores ingresos. “Las grandes Redes Sociales levantan paredes para que la información posteada por sus usuarios esté separada del resto de la Web. Los proveedores de Internet se ven tentados a ralentizar el tráfico hacia sitios con los cuales no tienen negocios. Los gobiernos, totalitarios o afines a la democracia, están monitoreando los hábitos online de la gente, poniendo en peligro los derechos humanos”. [2]

En 1994 fundó la World Wide Web Consortium (W3C), organización sin fines de lucro que maneja y controla los estándares de la Red para llevarlo a su máximo potencial.

Internet para los que no tienen recursos

Tim Berners-Lee acaba de lanzar, junto a su fundación y otros 12 socios, el proyecto VOICES, que permitirá el acceso a la web por medio de la voz. La información devuelta por la aplicación será en forma visual lo que ayudará a, por ejemplo, gente analfabeta. Los pilotos de esta idea se llevarán a cabo en Senegal y Mali y se hará foco en datos de agricultura y salud. Paralelamente se desarrolla la iniciativa Re-Greening in Africa, que permite comunicar y compartir innovaciones entre las distintas comunidades granjeras. LaWeb Foundation tiene en su carpeta varios de estos proyectos que apuntan a un solo objetivo: una Red que funcione para todos.

Cuando se lo consulta acerca del alcance y el uso peligroso que tiene su creación, el padre de la Web es claro: “La pregunta es qué influencia a la gente a utilizar la web para cosas que deberían preocuparnos seriamente”. En contraparte, agrega: “Hay muchas historias positivas y gente haciendo grandes cosas, como por ejemplo poner información educativa para habitantes en países en desarrollo. Existe un enorme espíritu de bondad. La mayoría de la gente con la que me reúno están desarrollando una red focalizados en esa cosas”.

Definitivamente el mundo que conocemos hoy no sería el mismo si no fuera por Sir Timothy Berners-Lee. Es complicado imaginar una vida cotidiana sin las bondades que ofrece internet. Y pensar que desde hace tan solo menos de 20 años que se utiliza la web tal como la vemos en la actualidad. Por otro lado, no todo es como su inventor lo soñaba, cada vez son más las empresas que persiguen sus propios intereses y pretenden crear monopolios. Aún así, para él son más abundantes los buenos ejemplos, siendo aquellos sobre los que hay que centrarse. Un concepto que se puede aplicar a varios, sino a todos, los ámbitos de la vida. [2]

Y sin embargo la Internet está cambiando

Vemos en los últimos días con asombro, a veces con un poco de estupor el anuncio de controvertidas leyes, que pretenden cambiar la Internet de la forma como la hemos conocido, proyectos de ley como la ley SOPA, la >Ley PIPA,  en Estados Unidos, la ley Lleras en nuestro país, que en principio luchan por evitar la violación de derechos de autor, o la piratería van un poco mas allá, pues pretenden limitar el acceso a la red, en los últimos días nos hemos dado cuenta de nuevos proyectos que hacen de estas leyes un remedo y es el proyecto secreto ACTA, del cual trataremos de comprender un poco mas para poder analizar, por lo pronto en esta biografía me gustaría que analizaran este extracto de  un articulo publicado  en 2010/11/22 en Scientific American. Está escrito por Tim Berners-Lee y que de alguna forma ya empieza a reflejar estos temores que hoy se nos dibuja a todos.

“Internet vino a la vida, en mi escritorio físico en Ginebra, Suiza, en Diciembre de 1990. Consistía en un sitio web y en un navegador, que estaban en la misma computadora. La simple instalación demostró un profundo concepto: que cualquier persona puede compartir información con cualquier otra, en cualquier lugar. En este espíritu, la red se regó rápidamente entre la gente común. Hoy, en su 20avo aniversario, la red está intrínsecamente integrada en nuestras vida diarias. Es algo que damos por hecho, esperando que ‘esté ahí’, como la electricidad.

La web evolucionó en una poderosa, ubicua herramienta porque fue construida sobre principios igualitarios y porque miles de individuos, universidades y compañías han trabajado, tanto independientemente como combinados en el W3C (World Wide Web Consortium), para expandir sus capacidades basados en esos principios.

sin embargo, la web como la conocemos actualmente, está siendo amenazada en diversas formas. Algunos de sus y habitantes más exitosos han empezado a apartarse de sus principios. Grandes sitios de redes sociales están construyendo barreras que separan la información publicada por sus usuarios del resto del internet. Proveedores de internet inalámbrico están siendo tentados a ralentizar el tráfico a sitios con los que no tienen acuerdos comerciales. Gobiernos, tanto democráticos como totalitarios, están monitoreando los hábitos en línea de la gente, poniendo en peligro importantes derechos humanos.

Si nosotros, los usuarios de la web, permitimos que estas y otras tendencias sigan adelante sin revisarlas, la web podría romperse en islas fragmentadas, podemos perder la libertad de conectarnos con los sitios que queramos. Los perjudiciales efectos se podrían extender a smartphones y tabletas, que también son portales a la extensiva información que la internet provee.

¿Por qué deberías preocuparte? Porque la web es tuya, es un recurso público del cual tú, tu negocio, tu comunidad y tu gobierno dependen. La web también es vital para la democracia, un canal de comunicaciones que hace posible una conversación a nivel mundial. La web es más crítica para la libertad de expresión que cualquier otro medio. Traslada principios establecidos en la Constitución de los EEUU, la Carta Magna Británica y otros importantes a la era de la información: Libertad para no ser espiados, filtrados, censurados y desconectados.

Aunque la gente parece pensar que la web es alguna clase de parte de la naturaleza y que si empieza a decaer, pues bueno, es solo una de esas cosas desafortunadas en las que no podemos ayudar. No es así, nosotros creamos la web, diseñamos los protocolos de computadora y el software, este proceso está completamente bajo nuestro control. Nosotros elegimos qué propiedades queremos que tenga y cuáles no. La Web no está acabada (y definitivamente no está muerta). Si queremos seguir el rastro de lo que el gobierno está haciendo, ver lo que las compañías hacen, entender la verdadera naturaleza del planeta, encontrar la cura para el Alhzheimer, eso sin mencionar compartir nuestras fotos con nuestros amigos, nosotros, el público, la comunidad científica y la prensa debemos asegurarnos que los principios de la web permanezcan intactos, no solo para preservar lo que hemos ganado sino para beneficiarnos de los grandes avances que aún están por venir.” [3]

Actividades

1.Analiza con tus compañeros, el impacto que tu vida, tiene Internet, imagina por un momento como serían las cosas sin el acceso a Internet.

2. Producto de tus reflexiones y tus compañeros realiza un ensayo personal sobre lo que tu piensas que significa Internet y sobre las amenazas que se ciernen sobre la Internet en estos momentos.

3. Para que comprendas un poco mas la forma como piensa, y cómo es Tim Berners Lee, veamos los  siguientes videos.

Fuentes

[1] http://es.wikipedia.org/wiki/Tim_Berners-Lee 

[2] http://diego-arias.suite101.net/berners-lee-perfil-del-padre-de-la-web-a36912

[3] http://lafabricadelinternet.com/diseno-seo-smo/148-larga-vida-a-la-web-tim-berners-lee-parte-i.html

Presentaciones PREZI

Prezi es un programa en línea que nos permite diseñar presentaciones a un nivel diferente de lo que estamos acostumbrados con PowerPoint, de ahí que resulta interesante explorar estas nuevas formas que aprovechan de mejor forma todo el potencial que tiene la web 2.0 para realizar una presentación que sea impactante y sobre todo alejado de lo convencional al cual ya veníamos acostumbrándonos.

Para empezar con Prezi  nos vas a manejar una gran cantidad de diapositivas (slides) olvídese de eso, por el contrario tendrás que plasmas todas tus ideas en un solo lienzo o página como quieras llamarlo, y desde este punto de partida diseña y coloca todas tus ideas, en lo posible utilices videos, imágenes, aquí no tendrás problemas con ellos pues hay una vinculación inmediata con Youtube.

En resumen Prezi nos permite crear presentaciones multimediales y organizar ideas dentro de un mismo fondo o lienzo de tal forma que puedes utilizarlo para crear ideas, mapas conceptuales, te permite focalizar una idea y exponerla de tal forma que el limite es tu imaginación.

Así que amigos bienvenidos a este nuevo recurso, veamos paso a paso como construyes una presentación en Prezi.

Inicialmente veámoslo con un ejemplo:

http://prezi.com/yqfu-lxm9kxr/tutorial-prezi-en-espanol-aprender-a-utilizarlo-en-15-minutos-academia-prezi/

Primeros pasos

1 Regístrese. Lo primero que tienes que hace es crearte una cuenta, para eso vas a la pagina de presi (www.prezi.com) y buscas el botón image

Al hacer clic te aparecerá el siguiente aviso: “Choose a license to start using Prezi” en el cual deberás escoger el tipo de licencia que deseas, ente Public (Publica), Enjoy y Pro. En la primera tendrás un espacio para grabar tus Prezi de 100mb y es gratuita, en las otras opciones te ofrecen  más espacio y deberás parar una cuota de manejo.  Nosotros vamos a seguir la Public debido a nuestro trabajo con estudiantes.

Te registras y ya tienes acceso a Prezi.

2. Creación de un nuevo Prezi, 

Busca dentro de la ventana del programa el sigueinte icono y haz clic sobre él.

image

Se nos activa una ventana en donde te van a pedir el nombre de la presentacióny una descripción la cual es opcional por si le quieres colocar una descripción a tu presentación. Haz clic en New Prezi. Nos paarece la sigueinte ventana endonde aparecen una serie de templates o plantillas para exoger:

image

Por le momento vamos a escoger la plantilla en blanco (Blank) por resultar la más sencilla y con la cual nos iniciaremos, las otras las podrás usar a medida que te vayas familiarizando con el concepto de Prezi. Para que puedas continuar haz clic en image

Ahora si empezamos a construir nuestra presentación, para eso voy a explicarte las opciones del menú que te ofrece Prezi.

– En primer lugar nos aparece, una caja de herramientas, en donde podrás seleccionar diferentes opciones para construir tus presentaciones, tales como Insertar videos, imágenes, figuras geométricas, cambiar el estilo a tu Prezi, etc. veamos brevemente:

image 

En la siguiente barra te permitirá grabar  (aunque como verás el programa está constantemente grabando tu presentación) salir dela presentación.

image

Y finalmente el  área de trabajo te muestra un gran frase que te invita a ser clic en cualquier parte del lienzo para empezar a escribir tus ideas o insertar los elementos multimedia

image

Así que empecemos por colocar las primeras ideas, una vez que las coloques haz clic sobre la misma y veras una pequeña esfera que te permitirá agradar o disminuir, girar el elemento de trabajo que tienes seleccionado,

image

Experimenta ahora insertando texto, imágenes y vídeos a una presentación

image

Solo basta con dar clic en la herramienta insert, eligen la opción image y podrás seleccionar el archivo bien sea de tu equipo o o copiar la dirección URL de una imagen y listo. En el caso de Youtube, copia la dirección de enlace del video y pégalo en la casilla  y de clic en Insert.

Ahora enlaza tu presentación en el orden que desees. Una vez haz colocado tus ideas (trata de ser muy ingenioso en la forma de colocar los diferentes objetos, es lo que le da el sentido a Prezi) selecciona el camino o Path que fijará el orden de presentación, para ello vaya a la herramienta Path y elije  Add, haces clic en la primer objeto que desees mostrar, aparecerá entonces el No 1 y una pequeña diapositiva se coloca en la parte inferior del programa, luego vas al segundo y así sucesivamente, verás que todos los objetos se enlazan con líneas.

image

Listo si haz sido bien creativo y te gustan las cosas impactantes podrás construir presentaciones bien novedosas. solo nos queda faltando unos pocos pasos .

3. Ver los resultados

Si quieres visualizar tu presentación dentro de pantalla de edición basta sólo con que hagas clic en la flecha (Show) que aparece en la esquina inferior derecha y haz clic sobre ella.

image

Fianlmente tus prezis los puedes ver en la misma página de prezi o si deseas puedes ver tus prezi es facebook o pegarlos a un blob  y recuerda que Prezi también tiene la opción de bajar tus presentaciones al disco duro.  Para que lo coloques en un blog o en facebook debes copiar la dirección que hace Prezi, una vez fuera de la pantalla edición. Para eso realiza lo siguiente. Salga de la pantalla edición mediante la opción Exit imageque se encuentra en la parte superior de la ventana y una vez estés fuera copia la dirección de tu Prezi en Facebook.

Recuerda que cuando te sales se muestra tu Prezi en una pequeña ventana y en la parte inferior de la misma te encontraras con las siguientes opciones

image

Desde aquí podrás volver a editar tu Prezi, verlo y ahi se genera el enlace que se necesita o copiarlo desde la barra de direcciones, bajarlo a tu disco duro, borrarlo o exportarlo a otras aplicaciones como Facebook, o twitter.

Bueno amigo espero que les haya servido este tutorial.

 

Fuentes

www.prezi.com