Diseño web con herramientas libres Introducción a la web – Cliente - Servidor Navegadores | Novedades HTML5 NO a las tecnologías cerradas Librerías JavaScript.

Presentación del tema: "Diseño web con herramientas libres Introducción a la web – Cliente - Servidor Navegadores | Novedades HTML5 NO a las tecnologías cerradas Librerías JavaScript."— Transcripción de la presentación:

1 Diseño web con herramientas libres Introducción a la web – Cliente - Servidor Navegadores | Novedades HTML5 NO a las tecnologías cerradas Librerías JavaScript Diseño gráfico para la web | Gimp | Inkscape Frameworks de desarrollo Gestores de contenidos dinámicos Joomla | Drupal | Wikimedia | Wordpress Herramientas útiles | Agradecimientos Por Diego Accorinti

2 El cliente, el web server y la base de datos. Cliente Navegador Servidor Web Lenguaje de programación Motor de Base de Datos

3 Navegadores La DIFERENCIA entre Navegar...

4 Navegadores …y naufragar. ● Está lleno de bugs ● No respeta estándares ● Exige doble para los desarrolladores. ● No tiene add-ons

5 Novedades en HTML 5 Chuleta completa cambios html4 / html5 y novedades.

6

7 Por qué no usar tecnologías web cerradas ● Algunos ejemplos son Adobe Flash y Microsoft Silverlight. ● HTML5 las hace en parte prescindibles, al menos en cuanto a audio y video. ● Se depende de los plugins instalados para que el sitio funcione. Esto resta accesibilidad. ● ¿Qué tipo de formato utilizan? ● ¿Quiénes ganan? ¿Quiénes pierden?

8 Librerias JavaScript ● ¿Qué son? ● ¿Cómo implemetarlas? MooTools Plugin Builder | davidwalsh.name/js LiveValidation | www.livevalidation.com FancyBox | fancybox.net LightBox 2 | www.huddletogether.com/projects/lightbox2 OverLib | www.bosrup.com/web/overlibwww.bosrup.com/web/overlib ScrollOvers | www.scrollovers.comwww.scrollovers.com

9 Diseño gráfico para web ¿Con qué creo la parte gráfica de mi sitio? ¿Qué diferencia hay entre un Mapa de bits y un dibujo en vectores?

10

11

12

13 Frameworks de desarrollo web ¿Qué es un framework? ● Symfonywww.symfony-project.org ● Ruby on Railsrubyonrails.org ● Djangowww.djangoproject.com ¿Qué es una IDE? ● Netbeanswww.netbeans.org ● Eclipsewww.eclipse.org ● GPHPeditwww.gphpedit.org ● VIMwww.vim.org ● BlueFishbluefish.openoffice.nl ¿Realmente me sirve utilizar un framework para desarrollar ?

14 Gestores de contenidos dinámicos Los "CMS" (Content Management System en inglés), son sistemas de administración de contenidos mediante bases de datos que automatizan el proceso de administrar y mantener la publicación de los contenidos en diversos medios electrónicos. ● Sitios corporativos o portales. ● Intranets. ● Diarios y revistas online. ● Redes sociales. ● Sitios personales. ¿Qué puedo hacer Utilizando un CMS?

15

16 ¿Dónde puedo hallar más información sobre estos temas? ¡Gracias! Contacto: diego@animacco.com.ar Más información en mi blog: www.enmanosdenadie.com.ar Este documento se distribuye bajo la siguiente licencia CreativeCommons Argentina Atribución - NoComercial 2.5 Algunos derechos reservados.

17