Taller Javascript y DOM

Javascript y DOM

El taller de Javascript y DOM me ha parecido muy interesante. Con una puesta en escena diferente a lo que han mostrado otros compañeros, han realizado la presentación en Prezi, que como comente anteriormente es una herramienta que te permite realizar presentaciones.

Brevemente comentaré una pincelada a modo de introducción de lo que hemos visto en clase, comentando en qué consiste cada cosa.

• JavaScript es un lenguaje de programación interpretado usado en millones de páginas webs alrededor del mundo. Se caracteriza principalmente por ser orientado a objetos, basado en prototipos, imperativo, débilmente tipado y dinámico. Su uso mayoritariamente es en la parte del cliente con el fin de dinamizar páginas web y por lo tanto hacerlas más atractivas y fáciles de usar al usuario final.
• El DOM es la estructura de objetos que genera el navegador cuando se carga un documento y se puede alterar mediante Javascript para cambiar dinámicamente los contenidos y aspecto de la página. Dicha estructura es jerárquica y en ella existen varios objetos que dependen unos de otros. 

Me ha parecido interesantísimo conocer lo del DOM, ya que lo desconocía. Y me ha aportado una visión diferente del HTML. Gracias a la Wiki he podido resolver dudas, ya que no pude asistir a la parte de DOM.

Taller de CSS

 CSS

En el taller de CSS, pese a no poder asistir, me pude informar de todo en la Wiki. Habían presentando muy bienas las cosas sobre CSS. Con ejemplos y enlaces muy interesantes.
 CSS es un lenguaje usado para definir la presentación de un documento estructurado escrito
en HTML o XML (y por extensión en XHTML). El W3C (World Wide Web Consortium) es el
encargado de formular la especificación de las hojas de estilo que servirán de estándar para los
agentes de usuario o navegadores.
El CSS lo he empleado en numerosas ocasiones para la creación de páginas web, es bastante interesante la información que han aportado así como muy aclarativos los ejemplos publicados.

Taller HTML5 y XAMPP

El primer taller, trataba sobre HTML5 y XAMPP. Ha sido un taller muy interesante y bien explicado, pese a que algunas cosas ya las conocía por haberlas practicado en otro momento.

HTML5

HTML 5 es la quinta revisión del lenguaje HTML (HyperText Markup Language). Debido a que las necesidades de la web van cambiado muy rápidamente, la especificación del lenguaje HTML tiene que ir siendo revisado para que ésta se adapte a las necesidades del momento.  

De las cosas más interesantes que desconocía, han sido los cambios de la estructuración de una página web se hacía mediante el uso (a veces abusivo) de etiquetas div. Esta nueva especificación incluye nuevas etiquetas para una mejor estructuración de las páginas web. Algunas de las etiquetas que incorpora HTML 5 son <section>, <article>, <header>, <footer>, <nav>, <hgroup>, <aside>, entre otras.

Y sobretodo la geolocalización,  es la forma de localizar la posición de un usuario en el mundo para que esta información pueda ser compartida en las aplicaciones web.

XAMPP

 XAMPP es un sistema que te permite trabajar para la publicación de páginas web en Internet, y se emplea como servidor. Te aporta facilidades para probar el producto. 

Es una herramienta que ya conocía pero gracias al taller me he acordado de como se usaba, que es una herramienta de la que es fácil olvidarte.

Wiki

Una wiki es un sitio web cuyas páginas pueden ser editadas por múltiples personas a través de un navegador web. Los usuarios pueden crear, modificar o borrar un mismo texto que comparten

• Su función principal es la edición colaborativa de contenidos.
• Se puede determinar si lo puede editar todo el mundo, solo personas determinadas o solo el creador.
• Estructura jerárquica accesible a través de menús.
• Tiene un historial de modificaciones y se puede hacer un seguimiento de las modificaciones desde la creación de cada página.
• Las páginas también pueden tener un foro asociado.

Ventajas

La principal utilidad de un wiki es que permite crear y mejorar las páginas de forma instantánea, dando una gran libertad al usuario, y por medio de una interfaz muy simple. Esto hace que más gente participe en su edición, a diferencia de los sistemas tradicionales, donde resulta más difícil que los usuarios del sitio contribuyan a mejorarlo.
Dada la gran rapidez con la que se actualizan los contenidos, la palabra «wiki» adopta todo su sentido. El «documento» de hipertexto resultante, denominado también «wiki» o «WikiWikiWeb», lo produce típicamente una comunidad de usuarios. Muchos de estos lugares son inmediatamente identificables por su particular uso de palabras en mayúsculas, o texto capitalizado - uso que consiste en poner en mayúsculas las iniciales de las palabras de una frase y eliminar los espacios entre ellas - como por ejemplo en EsteEsUnEjemplo. Esto convierte automáticamente a la frase en un enlace.

Inconvenientes

El más importante se describe como la posibilidad de introducir adendos y modificaciones carentes de autenticidad y rigor. Cualquier persona podrá intervenir sin que su información o comentarios estén suficientemente contrastados.
Debido a ello, se toman las medidas más adecuadas al alcance de los mecanismos editoriales con objeto de optimizar la fiabilidad de las informaciones introducidas.

(Texto sacado de Wikipedia.)

El texto está disponible bajo la Licencia Creative Commons Atribución Compartir Igual 3.0; podrían ser aplicables cláusulas adicionales.

 Google Sites

 

El servicio gratuito Google Sites constituye un modo sencillo de crear y compartir páginas web.
Con Google Sites los usuarios pueden reunir en un único lugar y de una forma rápida información variada, incluidos vídeos, calendarios, presentaciones, archivos adjuntos y texto. Además, permite compartir información con facilidad para verla y editarla por un grupo reducido de colaboradores o con toda su organización, o con todo el mundo.
Gestione todos sus proyectos empresariales a través de Google Sites compartiendo documentos, publicando información y subiendo reportes, todo en un solo sitio y con la seguridad y los permisos que usted defina. A continuación las características principales de Google Sites:

• Fácil creación de páginas
• requiere codificación HTML
• Plantillas de diseño disponibles
• Fácil manejo de archivos
• Fácil manejo de archivos adjuntos
• Personalización de la interfaz del sitio
• Fácil creación de contenido multimedia (vídeos, documentos, hojas de cálculo y presentaciones de Google Docs, fotos de Picasa y herramientas de iGoogle)
• Designación de dueño, lectores y colaboradores
• Búsqueda con la tecnología Google en el contenido de Google Sites
• Creación de intranets, páginas de empleados, proyectos, etc.

 Pasos iniciales

• Para crear un sitio en Google Sites, nos dirigimos a sites.google.com/?hl=es
• Seguimos los pasos para crear el sitio, dándole un nombre al sitio. 
• Ejemplo de un sitio web en Google Sites, sin contenido.

View Screen Capture  

Tutorial empleo Google Sites

Lectores RSS(Really Simple Syndication)

View Screen Capture  

 ¿QUÉ ES?  

Google Reader es un lector de RSS y atom. Permite organizar y acceder rápidamente desde una interfaz web a todas las noticias de las páginas configuradas en el sistema que soporten. Fue lanzado por Google el 7 de octubre de 2005 mediante Google Labs, Google Reader se incorporó a Google Labs el 17 de septiembre de 2007.

(Texto sacado de Wikipedia.) El texto está disponible bajo la Licencia Creative Commons Atribución Compartir Igual 3.0; podrían ser aplicables cláusulas adicionales.

 PASO A PASO 

1. En google maps copiamos el código HTML.
2. A la hora de escribir la entrada, seleccionamos el botón "HTML" de la esquina superior izquierda. 
3. Copiamos el código disponible en el portapapeles.

View Screen Capture

GoogleMaps: Mapa de la UIB.

¿QUÉ ES?

Google Maps es el nombre de un servicio de Google. Es un servidor de aplicaciones de mapas en la Web. Ofrece imágenes de mapas desplazables, así como fotos satelitales del mundo e incluso la ruta entre diferentes ubicaciones o imágenes a pie de calle Google Street View. Desde el 6 de octubre del 2005, Google Maps es parte de Google Local.

(Texto sacado de Wikipedia.)

El texto está disponible bajo la Licencia Creative Commons Atribución Compartir Igual 3.0; podrían ser aplicables cláusulas adicionales.

PASO A PASO

1.  En google maps copiamos el código HTML. 
2. A la hora de escribir la entrada, seleccionamos el botón "HTML" de la esquina superior izquierda.
3. 3.Copiamos el código disponible en el portapapeles.

Ver Mapa ejemplo en un mapa más grande

SlideShare: Presentación "A future for the Liffey Corridor"

¿QUÉ ES?

SlideShare es un sitio web que ofrece a los usuarios la posibilidad de subir y compartir en público o en privado presentaciones de diapositivas en PowerPoint, documentos de Word, OpenOffice, PDF, Portafolios.1
(Texto sacado de Wikipedia)

El texto está disponible bajo la Licencia Creative Commons Atribución Compartir Igual 3.0; podrían ser aplicables cláusulas adicionales. Léanse los términos de uso para más información.

PASO A PASO

1. Ir a http://www.slideshare.net.
2. Seleccionar la presentación a publicar o subirla.
3. Una vez elegida, ir a Embed y copiar el código HTML en el portapapeles.
4. Pegar código HTML en la entrada, seleccionando el botón HTML previamente.

A Future for the Liffey Corridor from Ciarán Cuffe


 

Scribd:Mountain Climbing - Kilimanjaro Machame Route

 ¿QUÉ ES?

 Scribd (pronunciado ˈskrɪbd) es un sitio web para compartir documentos que permite a los usuarios publicar documentos de diversos formatos y embeberlos en una página web utilizando su formato iPaper. Scribd fue fundada por Trip Adler en 2006.² Los competidores más notorios de Scribd son Docstoc, WePapers e Issuu.3
(Texto sacado de Wikipedia)
El texto está disponible bajo la Licencia Creative Commons Atribución Compartir Igual 3.0; podrían ser aplicables cláusulas adicionales. Léanse los términos de uso para más información.

 PASO A PASO

1. r a http://www.scribd.com.
2. Seleccionar la presentación a publicar o subirla.
3. Una vez elegida, ir a Embed y copiar el código HTML en el portapapeles.
4. Pegar código HTML en la entrada, seleccionando el botón HTML previamente.

 

Mountain Climbing - Kilimanjaro Machame Route