Quadrivium04 herramientas web
-
Upload
minipimer-tv -
Category
Documents
-
view
249 -
download
0
description
Transcript of Quadrivium04 herramientas web
![Page 1: Quadrivium04 herramientas web](https://reader034.fdocuments.co/reader034/viewer/2022051323/5499c298b47959564d8b582a/html5/thumbnails/1.jpg)
![Page 2: Quadrivium04 herramientas web](https://reader034.fdocuments.co/reader034/viewer/2022051323/5499c298b47959564d8b582a/html5/thumbnails/2.jpg)
World Wide Web
![Page 3: Quadrivium04 herramientas web](https://reader034.fdocuments.co/reader034/viewer/2022051323/5499c298b47959564d8b582a/html5/thumbnails/3.jpg)
Qué es un Servidor web?(wikipedia)
- Un ordenador! hardware/software, ayuda a entregar el contenido que se puede acceder a través de Internet. - archivos html, imagenes, javascript...
-----> cliente
- memoria (database) + tramisión (ancho de banda)
- comunicación: protocolo HTTP
el primer servidor. Cern, 1989
![Page 4: Quadrivium04 herramientas web](https://reader034.fdocuments.co/reader034/viewer/2022051323/5499c298b47959564d8b582a/html5/thumbnails/4.jpg)
De qué hay que preocuparse?
seguridad y poder
servicio hosting -España: DinahostingUSA: dreamhost, bluehost, rackspace - lo mejor... pero - PARA QUE?
indexhibit
![Page 5: Quadrivium04 herramientas web](https://reader034.fdocuments.co/reader034/viewer/2022051323/5499c298b47959564d8b582a/html5/thumbnails/5.jpg)
Almacenaje video
![Page 6: Quadrivium04 herramientas web](https://reader034.fdocuments.co/reader034/viewer/2022051323/5499c298b47959564d8b582a/html5/thumbnails/6.jpg)
LicenciasGNU Public Licence (GPL) --StallmanWhen we speak of free software, we are referring to freedom, not price.- copyleft
1. la libertad de usar y estudiar el codigo 2. la libertad de copiar y compartir3. la libertad de modificar4. la libertad de redistribuir los trabajos derivados (bajo las mismas condiciones)5.
6. - copyleft y opensource
Creative Commons (CC) - Lessig- copyright "razonable" : conceder determindas libertades
http://www.minipimer.tv/txt/plataformas audiovisuales manual v.0.3_pdf.pdf)
![Page 8: Quadrivium04 herramientas web](https://reader034.fdocuments.co/reader034/viewer/2022051323/5499c298b47959564d8b582a/html5/thumbnails/8.jpg)
Open studio -Andy Deck
Wiki
PiratePad
GridcosmEd Stasny
CointelHannes Niepold
Herramientas colaborativas on-line
Hotglue
![Page 9: Quadrivium04 herramientas web](https://reader034.fdocuments.co/reader034/viewer/2022051323/5499c298b47959564d8b582a/html5/thumbnails/9.jpg)
wiki-wiki ( "What I know is")
Wiki CARACTERISTICAS: - creación colectiva (confianza)- hypertext- cualquiera puede intervenir (en teoria)
- NO sincronicidad
USOS:• Documentación• Projectos colaborativos• Educación• Enciclopedias • Wiki personal
![Page 10: Quadrivium04 herramientas web](https://reader034.fdocuments.co/reader034/viewer/2022051323/5499c298b47959564d8b582a/html5/thumbnails/10.jpg)
FORMATOS:- html- wikitext (markup)- WYSIWYG HOWTO:- server-based: http://phpwiki.sourceforge.net/- web-based:http://www.wikispaces.com/
Wiki
![Page 11: Quadrivium04 herramientas web](https://reader034.fdocuments.co/reader034/viewer/2022051323/5499c298b47959564d8b582a/html5/thumbnails/11.jpg)
PIRATEPAD
http://piratepad.net/front-page/
![Page 12: Quadrivium04 herramientas web](https://reader034.fdocuments.co/reader034/viewer/2022051323/5499c298b47959564d8b582a/html5/thumbnails/12.jpg)
permite crear/editar un documento de manera colectiva (tiempo real)
asigna un color de texto a cada persona
tiene un chat!!!
proyecto sostenido por el Partido Pirata sueco
![Page 13: Quadrivium04 herramientas web](https://reader034.fdocuments.co/reader034/viewer/2022051323/5499c298b47959564d8b582a/html5/thumbnails/13.jpg)
HOTGLUE"content manipulation system"
permite construir web sites directamente en el navegador, manteniendo la estructura visual en la edición y el resultado.
Usa PHP y Javascript
(igual que etherpad) se puede instalar en tu servidor o usar el de ellxs
http://www.minipimer.tv/hotglue/?gallinas/
![Page 14: Quadrivium04 herramientas web](https://reader034.fdocuments.co/reader034/viewer/2022051323/5499c298b47959564d8b582a/html5/thumbnails/14.jpg)
wordpress
![Page 15: Quadrivium04 herramientas web](https://reader034.fdocuments.co/reader034/viewer/2022051323/5499c298b47959564d8b582a/html5/thumbnails/15.jpg)
![Page 16: Quadrivium04 herramientas web](https://reader034.fdocuments.co/reader034/viewer/2022051323/5499c298b47959564d8b582a/html5/thumbnails/16.jpg)
FTPFile Transfer Protocol
![Page 17: Quadrivium04 herramientas web](https://reader034.fdocuments.co/reader034/viewer/2022051323/5499c298b47959564d8b582a/html5/thumbnails/17.jpg)
HTMLHTML se escribe en forma de «etiquetas», rodeadas por corchetes angulares (<,>)
en general se cierra con una barra
Wordpress por ejemplo, también usa HTML
(se puede revisar el código de cualquier web y copiarlo)
![Page 18: Quadrivium04 herramientas web](https://reader034.fdocuments.co/reader034/viewer/2022051323/5499c298b47959564d8b582a/html5/thumbnails/18.jpg)
<p style="text-align: justify;">aquí vemos cómo se estructura la sintaxis en el código</p>
algunas etiquetas:<script>: incrusta un script en una web, o se llama a uno mediante src="url del script". </script> <head>: define la cabecera del documento HTML, por ejemplo el título de la ventana del navegador. dentro de la cabecera <head> podemos encontrar:</head><title>: define el título de la página.</title><style>: para colocar el estilo interno de la página</style><body>: define el contenido principal o cuerpo del documento. es la parte del documento html que se muestra en el navegador; dentro de esta etiqueta pueden definirse propiedades comunes a toda la página, como color de fondo y márgenes. a continuación se indican algunas a modo de ejemplo:<h1> a <h6>: encabezados o títulos del documento con diferente relevancia.<table>: define una tabla.<tr>: fila de una tabla.<td>: celda de una tabla (debe estar dentro de una fila).<a>: hipervínculo o enlace, dentro o fuera del sitio web. debe definirse el parámetro por medio del atributo href. Por ejemplo: <a href="http://www.wikipedia.org">Wikipedia</a> se representa como Wikipedia).<div>: división de la página. <img>: imagen. requiere del atributo src, que indica la ruta en la que se encuentra la imagen. por ejemplo: <img src="./imágenes/mifoto.jpg" />
![Page 19: Quadrivium04 herramientas web](https://reader034.fdocuments.co/reader034/viewer/2022051323/5499c298b47959564d8b582a/html5/thumbnails/19.jpg)
nuestro html:
http://www.minipimer.tv/cuerpo
ejercicio práctico:
un HTML (o hotglue) de cara a ser incorporado en nuestro texto sobre cuerpo y tecnología.
![Page 20: Quadrivium04 herramientas web](https://reader034.fdocuments.co/reader034/viewer/2022051323/5499c298b47959564d8b582a/html5/thumbnails/20.jpg)
Este documento fue desarrollado por minipimer.tv para la serie de talleres “QUADRIVIUM, el manual del buen minipimer”, realizados en Hangar, Barcelona entre los meses de febrero y abril del año 2011.
Cualquier duda o consulta por favor recurrir a [email protected]
Este documento cuenta con una licencia Creative Commons