SlideShare uma empresa Scribd logo
1 de 12
Baixar para ler offline
INTRODUCCIÓN AL MANEJO DE SITIOS WEB DINÁMICOS

                                                                          http://www.spipedu.es



PRIMERA SESIÓN – 21 ENERO 2008 – IES Blas Infante – El Viso del Alcor

1. Presentación
2. Glosario básico de Internet y de Lenguaje HTML
3. Contenidos Dinámicos / Contenidos Estáticos
4. ¿Qué es SPIP?
5. ¿Qué es SPIPEDU?
6. Planificación del trabajo NO presencial de las sesiones


                           hapaxmedia.net / licencia creative commons BY ES 2.5 /
INTRODUCCIÓN AL MANEJO DE SITIOS WEB DINÁMICOS

                                                                               http://www.spipedu.es




1. Presentación – Ponentes

Pedro Jiménez Álvarez - pedro@hapaxmedia.net
Licenciado en Comunicación Audiovisual
Experto Universitario en Educación a Través de Internet

Beatriz Rodríguez Pérez - bea@zemos98.org
Maestra Educación Infantil
Coordinadora Grupo de Trabajo www.spipedu.es/sevillaeste




                                                                - Nombre y Apellidos
                                                                - ¿Por qué estás en este curso?
                                                                - Cita una web que visites a menudo
                      hapaxmedia.net / licencia creative commons BY ES 2.5 /
INTRODUCCIÓN AL MANEJO DE SITIOS WEB DINÁMICOS

                                                                             http://www.spipedu.es




2. GLOSARIO BÁSICO DE INTERNET http://www.spipedu.es/spip.php?article26



· CLIENTE / SERVIDOR
· WORLD WIDE WEB
· NAVEGADOR
· HTML
· EDITOR HTML
· CSS

· Buscadores
· Portal
· Blog / Weblog / Bitácora
· Web 2.0


                    hapaxmedia.net / licencia creative commons BY ES 2.5 /
INTRODUCCIÓN AL MANEJO DE SITIOS WEB DINÁMICOS

                                                                                   http://www.spipedu.es




 3. Contenidos Dinámicos / Contenidos Estáticos


Sitios estáticos:
- Las actualizaciones de contenido deben solicitarse a quien desarrolló el sitio.
- Debido a su estructura modular, se encuentran abiertos a actualizaciones tecnológicas
- Para agregar funcionalidad, se debe rediseñar la página, a veces en su totalidad.
- ES IMPRESCINDIBLE UNA ESTRUCTURA PIRAMIDAL

Ejemplos: http://www.juntadeandalucia.es/

Sitios dinámicos:
- No existen limitaciones en cuanto a la cantidad de artículos o servicios a exhibir.
- Requieren una página por cada producto o servicio a exhibir que se muestran con BD.
- Las actualizaciones de contenido son realizadas por los implicados
- PERMITE UNA ESTRUCTURA HORIZONTAL

Ejemplos: http://www.cepalcala.org



                          hapaxmedia.net / licencia creative commons BY ES 2.5 /
INTRODUCCIÓN AL MANEJO DE SITIOS WEB DINÁMICOS

                                                                            http://www.spipedu.es


EJERCICIO HTML
1. Abrir Gedit
2. Escribir Código
3. Guardar como .htm
4. Ver en el Navegador

                        <html>
                        <head>
                        <title> Este es nuestro titulo </title>
                        </head>
                        <body>
                        <h1>Titular </h1>
                        Las <strong>primeras</strong>
                        <u>palabras</u> de <i>nuestra</i> <a
                        href=”http://www.spipedu.es”>web</a>
                        </body>

                        </html>
                   hapaxmedia.net / licencia creative commons BY ES 2.5 /
INTRODUCCIÓN AL MANEJO DE SITIOS WEB DINÁMICOS

                                                                              http://www.spipedu.es



4. ¿Qué es SPIP?



     Système de Publication Pour l'Internet Participative
            (Sistema de Publicación por una Internet Participativa)




                    CMS – Content Management System

                               GPL – Software Libre

                               Es de origen Francés

                   Metáfora de redacción de un periódico


                     hapaxmedia.net / licencia creative commons BY ES 2.5 /
INTRODUCCIÓN AL MANEJO DE SITIOS WEB DINÁMICOS

                                                                                         http://www.spipedu.es




    SPIP es una excelente opción para sitios basados en contenido,
    es decir, para publicaciones en las que un grupo de redactores/as
aportan textos (básicamente, aunque también se pueden subir imágenes,
   incrustar flash, audio, documentos, etc...), donde se espera que los
  lectores hagan aportaciones (sin estar centrado en foros) y donde se
     pretende tener una presentación visual propia y no limitada a los
esquemas comunes. Tal vez para algunos eso sea algo así como un blog
     colectivo (muchísimo más poderoso), más que una herramienta
                           de manejo de un portal.




 http://es.wikipedia.org/wiki/SPIP
                                hapaxmedia.net / licencia creative commons BY ES 2.5 /
INTRODUCCIÓN AL MANEJO DE SITIOS WEB DINÁMICOS

                                                                               http://www.spipedu.es




                    Principales Características

SPIP es un programa escrito en PHP y que utiliza una base de datos MySql.

Hay una interfaz privada para la gestión del sitio y una interfaz pública.

Tienen ESQUELETOS
    que son archivos HTML (aunque puede incluirse PHP propio embebido)
    donde se introducen etiquetas propias de SPIP - Bucles

Sistema de CACHÉ que acelera la velocidad de muestra de páginas




                      hapaxmedia.net / licencia creative commons BY ES 2.5 /
INTRODUCCIÓN AL MANEJO DE SITIOS WEB DINÁMICOS

                                                                                      http://www.spipedu.es


 5. ¿Qué es SPIPEDU?




1. Está desarrollado para centros educativos y por un grupo de profesorado

2. Prima la facilidad y es totalmente intuitivo su uso.

3. Porque cumple las normas estándares de accesibilidad

4. Porque sólo tendrás que preocuparte de los contenidos

5. Porque si tienes conocimientos limitados podrás mantener vivo y actualizado tu sitio web.




                             hapaxmedia.net / licencia creative commons BY ES 2.5 /
INTRODUCCIÓN AL MANEJO DE SITIOS WEB DINÁMICOS

                                                                                    http://www.spipedu.es


5. ¿Qué es SPIPEDU?




6. Porque si tienes conocimientos avanzados podrás modificar lo que no te guste
y hacer versiones nuevas de SPIPEDU

7. Porque todo está en castellano y el resto de lenguas co-oficiales del Estado Español.

8. Porque hay una comunidad de desarrollo y de apoyo a nuevos usuarios muy amigable

9. Porque está desarrollado con Software Libre bajo Licencia GPL . En resumen:
“Software Libre con cariño”

10. Porque nos haría mucho ilusión que nuestro trabajo sirviera para otros y otras.




                           hapaxmedia.net / licencia creative commons BY ES 2.5 /
INTRODUCCIÓN AL MANEJO DE SITIOS WEB DINÁMICOS

                                                                   http://www.spipedu.es




6. Planificación del trabajo NO presencial de las sesiones

Plataforma de trabajo:
    · Lista de correo: alcala@hapaxmedia.net
    · Modelos:
         · http://www.spipedu.es/modelo1
         · http://www.spipedu.es/modelo2
         ·http://www.redes-cepalcala.org/nombredevuestrocentro




          hapaxmedia.net / licencia creative commons BY ES 2.5 /
INTRODUCCIÓN AL MANEJO DE SITIOS WEB DINÁMICOS

                                                                http://www.spipedu.es




        DOCUMENTACIÓN OFICIAL
             www.spip.net


        COMUNIDAD EN ESPAÑOL
            www.spip-es.net


  CONTRIBUCIONES A LA COMUNIDAD
      http://www.spip-contrib.net/


    LISTA DE CORREOS EN ESPAÑOL
http://listes.rezo.net/mailman/listinfo/spip-es


                   COLE WEB
                 www.colewebs.org
       hapaxmedia.net / licencia creative commons BY ES 2.5 /

Mais conteúdo relacionado

Mais procurados

Mais procurados (19)

Slide share
Slide shareSlide share
Slide share
 
Sistema de gestión de contenidos Plone CMS en el CISL 2013
Sistema de gestión de contenidos Plone CMS en el CISL 2013Sistema de gestión de contenidos Plone CMS en el CISL 2013
Sistema de gestión de contenidos Plone CMS en el CISL 2013
 
We bs
We bsWe bs
We bs
 
TRABAJO PARCIAL, DEFINICION DE PAGINAS WEB
TRABAJO PARCIAL, DEFINICION DE PAGINAS WEBTRABAJO PARCIAL, DEFINICION DE PAGINAS WEB
TRABAJO PARCIAL, DEFINICION DE PAGINAS WEB
 
HERRAMIENTAS WEB 2.0
HERRAMIENTAS WEB 2.0HERRAMIENTAS WEB 2.0
HERRAMIENTAS WEB 2.0
 
Evolución del diseño web
Evolución del diseño webEvolución del diseño web
Evolución del diseño web
 
La nueva presentacion
La nueva presentacionLa nueva presentacion
La nueva presentacion
 
Symbaloo
SymbalooSymbaloo
Symbaloo
 
Tecnología en el Proceso de Aprendizaje
Tecnología en el Proceso de AprendizajeTecnología en el Proceso de Aprendizaje
Tecnología en el Proceso de Aprendizaje
 
slideshare
slideshareslideshare
slideshare
 
El Proyecto Canaima GNU/Linux
El Proyecto Canaima GNU/LinuxEl Proyecto Canaima GNU/Linux
El Proyecto Canaima GNU/Linux
 
Slide share
Slide shareSlide share
Slide share
 
Slideshare web 2.0
Slideshare web 2.0Slideshare web 2.0
Slideshare web 2.0
 
Sjkfbsjkcf
SjkfbsjkcfSjkfbsjkcf
Sjkfbsjkcf
 
Sesion 3 SPIP
Sesion 3 SPIPSesion 3 SPIP
Sesion 3 SPIP
 
Slide share
Slide shareSlide share
Slide share
 
Web 1.0 2.0 3.0
Web 1.0 2.0 3.0Web 1.0 2.0 3.0
Web 1.0 2.0 3.0
 
Cb eval mayra carpio luzuriaga
Cb eval mayra carpio luzuriagaCb eval mayra carpio luzuriaga
Cb eval mayra carpio luzuriaga
 
Dp
DpDp
Dp
 

Destaque

Sesion3 curso avanzado SPIPEDU
Sesion3 curso avanzado SPIPEDUSesion3 curso avanzado SPIPEDU
Sesion3 curso avanzado SPIPEDUspipedu
 
Sesion 2 Profundización
Sesion 2 ProfundizaciónSesion 2 Profundización
Sesion 2 ProfundizaciónPedro Jimenez
 
SPIPEDU avanzado - 10 febrero
SPIPEDU avanzado - 10 febreroSPIPEDU avanzado - 10 febrero
SPIPEDU avanzado - 10 febrerospipedu
 
Sesión 5 Curso Avanzado SPIPEDU
Sesión 5 Curso Avanzado SPIPEDUSesión 5 Curso Avanzado SPIPEDU
Sesión 5 Curso Avanzado SPIPEDUPedro Jimenez
 
Curso SPIPEDU avanzado - 10 Febrero
Curso SPIPEDU avanzado - 10 FebreroCurso SPIPEDU avanzado - 10 Febrero
Curso SPIPEDU avanzado - 10 Febrerocomcinco
 
Presentación Comunicacción 2015:2016
Presentación Comunicacción   2015:2016Presentación Comunicacción   2015:2016
Presentación Comunicacción 2015:2016Pedro Jimenez
 

Destaque (6)

Sesion3 curso avanzado SPIPEDU
Sesion3 curso avanzado SPIPEDUSesion3 curso avanzado SPIPEDU
Sesion3 curso avanzado SPIPEDU
 
Sesion 2 Profundización
Sesion 2 ProfundizaciónSesion 2 Profundización
Sesion 2 Profundización
 
SPIPEDU avanzado - 10 febrero
SPIPEDU avanzado - 10 febreroSPIPEDU avanzado - 10 febrero
SPIPEDU avanzado - 10 febrero
 
Sesión 5 Curso Avanzado SPIPEDU
Sesión 5 Curso Avanzado SPIPEDUSesión 5 Curso Avanzado SPIPEDU
Sesión 5 Curso Avanzado SPIPEDU
 
Curso SPIPEDU avanzado - 10 Febrero
Curso SPIPEDU avanzado - 10 FebreroCurso SPIPEDU avanzado - 10 Febrero
Curso SPIPEDU avanzado - 10 Febrero
 
Presentación Comunicacción 2015:2016
Presentación Comunicacción   2015:2016Presentación Comunicacción   2015:2016
Presentación Comunicacción 2015:2016
 

Semelhante a Sesion1 Curso SPIPEDU

Spipedu - 10 Febrero
Spipedu - 10 FebreroSpipedu - 10 Febrero
Spipedu - 10 FebreroPedro Jimenez
 
Teoria isabel2
Teoria isabel2Teoria isabel2
Teoria isabel2ISABELRJ
 
Plone CMS, como herramienta de apoyo a los procesos educativos
Plone CMS, como herramienta de apoyo a los procesos educativosPlone CMS, como herramienta de apoyo a los procesos educativos
Plone CMS, como herramienta de apoyo a los procesos educativosLeonardo J. Caballero G.
 
Teoria isabel2
Teoria isabel2Teoria isabel2
Teoria isabel2ISABELRJ
 
Teoria isabel
Teoria isabelTeoria isabel
Teoria isabelISABELRJ
 
Presentación de WordPress
Presentación de WordPressPresentación de WordPress
Presentación de WordPresswordpressIAW
 
Herramientasweb2.0en googledocs
Herramientasweb2.0en googledocsHerramientasweb2.0en googledocs
Herramientasweb2.0en googledocsusinadiego
 
Plone CMS, como herramienta de apoyo a los procesos educativos, EFD 2014 Caracas
Plone CMS, como herramienta de apoyo a los procesos educativos, EFD 2014 CaracasPlone CMS, como herramienta de apoyo a los procesos educativos, EFD 2014 Caracas
Plone CMS, como herramienta de apoyo a los procesos educativos, EFD 2014 CaracasLeonardo J. Caballero G.
 
Parcial programación para ingenieros
Parcial programación para ingenierosParcial programación para ingenieros
Parcial programación para ingenierosDaniella Castillo
 
Lenguaje de Programación PHP
Lenguaje de Programación PHPLenguaje de Programación PHP
Lenguaje de Programación PHPJomicast
 
TIC teoria Isabel
TIC teoria IsabelTIC teoria Isabel
TIC teoria IsabelISABELRJ
 
Bibliotecasocial buh bloque_ii
Bibliotecasocial buh bloque_iiBibliotecasocial buh bloque_ii
Bibliotecasocial buh bloque_iiMarta Sua
 

Semelhante a Sesion1 Curso SPIPEDU (20)

Spipedu - 10 Febrero
Spipedu - 10 FebreroSpipedu - 10 Febrero
Spipedu - 10 Febrero
 
Dossier Curso Básico de Wordpress
Dossier Curso Básico de  WordpressDossier Curso Básico de  Wordpress
Dossier Curso Básico de Wordpress
 
Teoria isabel2
Teoria isabel2Teoria isabel2
Teoria isabel2
 
Plone CMS, como herramienta de apoyo a los procesos educativos
Plone CMS, como herramienta de apoyo a los procesos educativosPlone CMS, como herramienta de apoyo a los procesos educativos
Plone CMS, como herramienta de apoyo a los procesos educativos
 
Teoria isabel2
Teoria isabel2Teoria isabel2
Teoria isabel2
 
Teoria isabel
Teoria isabelTeoria isabel
Teoria isabel
 
Portafolio electrónico
Portafolio electrónicoPortafolio electrónico
Portafolio electrónico
 
Presentación de WordPress
Presentación de WordPressPresentación de WordPress
Presentación de WordPress
 
Catalogo de aplicaciones web para el aprendizaje
Catalogo de aplicaciones web para el aprendizajeCatalogo de aplicaciones web para el aprendizaje
Catalogo de aplicaciones web para el aprendizaje
 
Aplicaciones o herramientas para integrar a Moodle
Aplicaciones o herramientas para integrar a Moodle Aplicaciones o herramientas para integrar a Moodle
Aplicaciones o herramientas para integrar a Moodle
 
Herramientasweb2.0en googledocs
Herramientasweb2.0en googledocsHerramientasweb2.0en googledocs
Herramientasweb2.0en googledocs
 
Plone CMS, como herramienta de apoyo a los procesos educativos
Plone CMS, como herramienta de apoyo a los procesos educativosPlone CMS, como herramienta de apoyo a los procesos educativos
Plone CMS, como herramienta de apoyo a los procesos educativos
 
Plone CMS, como herramienta de apoyo a los procesos educativos, EFD 2014 Caracas
Plone CMS, como herramienta de apoyo a los procesos educativos, EFD 2014 CaracasPlone CMS, como herramienta de apoyo a los procesos educativos, EFD 2014 Caracas
Plone CMS, como herramienta de apoyo a los procesos educativos, EFD 2014 Caracas
 
Parcial programación para ingenieros
Parcial programación para ingenierosParcial programación para ingenieros
Parcial programación para ingenieros
 
Lenguaje de Programación PHP
Lenguaje de Programación PHPLenguaje de Programación PHP
Lenguaje de Programación PHP
 
TIC teoria Isabel
TIC teoria IsabelTIC teoria Isabel
TIC teoria Isabel
 
Weblogs
WeblogsWeblogs
Weblogs
 
Bibliotecasocial buh bloque_ii
Bibliotecasocial buh bloque_iiBibliotecasocial buh bloque_ii
Bibliotecasocial buh bloque_ii
 
Tic y orientación
Tic y orientaciónTic y orientación
Tic y orientación
 
Recursos en linea
Recursos en lineaRecursos en linea
Recursos en linea
 

Último

Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...
Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...
Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...JohnRamos830530
 
pruebas unitarias unitarias en java con JUNIT
pruebas unitarias unitarias en java con JUNITpruebas unitarias unitarias en java con JUNIT
pruebas unitarias unitarias en java con JUNITMaricarmen Sánchez Ruiz
 
Avances tecnológicos del siglo XXI y ejemplos de estos
Avances tecnológicos del siglo XXI y ejemplos de estosAvances tecnológicos del siglo XXI y ejemplos de estos
Avances tecnológicos del siglo XXI y ejemplos de estossgonzalezp1
 
Refrigerador_Inverter_Samsung_Curso_y_Manual_de_Servicio_Español.pdf
Refrigerador_Inverter_Samsung_Curso_y_Manual_de_Servicio_Español.pdfRefrigerador_Inverter_Samsung_Curso_y_Manual_de_Servicio_Español.pdf
Refrigerador_Inverter_Samsung_Curso_y_Manual_de_Servicio_Español.pdfvladimiroflores1
 
How to use Redis with MuleSoft. A quick start presentation.
How to use Redis with MuleSoft. A quick start presentation.How to use Redis with MuleSoft. A quick start presentation.
How to use Redis with MuleSoft. A quick start presentation.FlorenciaCattelani
 
PROYECTO FINAL. Tutorial para publicar en SlideShare.pptx
PROYECTO FINAL. Tutorial para publicar en SlideShare.pptxPROYECTO FINAL. Tutorial para publicar en SlideShare.pptx
PROYECTO FINAL. Tutorial para publicar en SlideShare.pptxAlan779941
 
EPA-pdf resultado da prova presencial Uninove
EPA-pdf resultado da prova presencial UninoveEPA-pdf resultado da prova presencial Uninove
EPA-pdf resultado da prova presencial UninoveFagnerLisboa3
 
Modulo-Mini Cargador.................pdf
Modulo-Mini Cargador.................pdfModulo-Mini Cargador.................pdf
Modulo-Mini Cargador.................pdfAnnimoUno1
 
EL CICLO PRÁCTICO DE UN MOTOR DE CUATRO TIEMPOS.pptx
EL CICLO PRÁCTICO DE UN MOTOR DE CUATRO TIEMPOS.pptxEL CICLO PRÁCTICO DE UN MOTOR DE CUATRO TIEMPOS.pptx
EL CICLO PRÁCTICO DE UN MOTOR DE CUATRO TIEMPOS.pptxMiguelAtencio10
 
Innovaciones tecnologicas en el siglo 21
Innovaciones tecnologicas en el siglo 21Innovaciones tecnologicas en el siglo 21
Innovaciones tecnologicas en el siglo 21mariacbr99
 
Avances tecnológicos del siglo XXI 10-07 eyvana
Avances tecnológicos del siglo XXI 10-07 eyvanaAvances tecnológicos del siglo XXI 10-07 eyvana
Avances tecnológicos del siglo XXI 10-07 eyvanamcerpam
 

Último (11)

Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...
Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...
Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...
 
pruebas unitarias unitarias en java con JUNIT
pruebas unitarias unitarias en java con JUNITpruebas unitarias unitarias en java con JUNIT
pruebas unitarias unitarias en java con JUNIT
 
Avances tecnológicos del siglo XXI y ejemplos de estos
Avances tecnológicos del siglo XXI y ejemplos de estosAvances tecnológicos del siglo XXI y ejemplos de estos
Avances tecnológicos del siglo XXI y ejemplos de estos
 
Refrigerador_Inverter_Samsung_Curso_y_Manual_de_Servicio_Español.pdf
Refrigerador_Inverter_Samsung_Curso_y_Manual_de_Servicio_Español.pdfRefrigerador_Inverter_Samsung_Curso_y_Manual_de_Servicio_Español.pdf
Refrigerador_Inverter_Samsung_Curso_y_Manual_de_Servicio_Español.pdf
 
How to use Redis with MuleSoft. A quick start presentation.
How to use Redis with MuleSoft. A quick start presentation.How to use Redis with MuleSoft. A quick start presentation.
How to use Redis with MuleSoft. A quick start presentation.
 
PROYECTO FINAL. Tutorial para publicar en SlideShare.pptx
PROYECTO FINAL. Tutorial para publicar en SlideShare.pptxPROYECTO FINAL. Tutorial para publicar en SlideShare.pptx
PROYECTO FINAL. Tutorial para publicar en SlideShare.pptx
 
EPA-pdf resultado da prova presencial Uninove
EPA-pdf resultado da prova presencial UninoveEPA-pdf resultado da prova presencial Uninove
EPA-pdf resultado da prova presencial Uninove
 
Modulo-Mini Cargador.................pdf
Modulo-Mini Cargador.................pdfModulo-Mini Cargador.................pdf
Modulo-Mini Cargador.................pdf
 
EL CICLO PRÁCTICO DE UN MOTOR DE CUATRO TIEMPOS.pptx
EL CICLO PRÁCTICO DE UN MOTOR DE CUATRO TIEMPOS.pptxEL CICLO PRÁCTICO DE UN MOTOR DE CUATRO TIEMPOS.pptx
EL CICLO PRÁCTICO DE UN MOTOR DE CUATRO TIEMPOS.pptx
 
Innovaciones tecnologicas en el siglo 21
Innovaciones tecnologicas en el siglo 21Innovaciones tecnologicas en el siglo 21
Innovaciones tecnologicas en el siglo 21
 
Avances tecnológicos del siglo XXI 10-07 eyvana
Avances tecnológicos del siglo XXI 10-07 eyvanaAvances tecnológicos del siglo XXI 10-07 eyvana
Avances tecnológicos del siglo XXI 10-07 eyvana
 

Sesion1 Curso SPIPEDU

  • 1. INTRODUCCIÓN AL MANEJO DE SITIOS WEB DINÁMICOS http://www.spipedu.es PRIMERA SESIÓN – 21 ENERO 2008 – IES Blas Infante – El Viso del Alcor 1. Presentación 2. Glosario básico de Internet y de Lenguaje HTML 3. Contenidos Dinámicos / Contenidos Estáticos 4. ¿Qué es SPIP? 5. ¿Qué es SPIPEDU? 6. Planificación del trabajo NO presencial de las sesiones hapaxmedia.net / licencia creative commons BY ES 2.5 /
  • 2. INTRODUCCIÓN AL MANEJO DE SITIOS WEB DINÁMICOS http://www.spipedu.es 1. Presentación – Ponentes Pedro Jiménez Álvarez - pedro@hapaxmedia.net Licenciado en Comunicación Audiovisual Experto Universitario en Educación a Través de Internet Beatriz Rodríguez Pérez - bea@zemos98.org Maestra Educación Infantil Coordinadora Grupo de Trabajo www.spipedu.es/sevillaeste - Nombre y Apellidos - ¿Por qué estás en este curso? - Cita una web que visites a menudo hapaxmedia.net / licencia creative commons BY ES 2.5 /
  • 3. INTRODUCCIÓN AL MANEJO DE SITIOS WEB DINÁMICOS http://www.spipedu.es 2. GLOSARIO BÁSICO DE INTERNET http://www.spipedu.es/spip.php?article26 · CLIENTE / SERVIDOR · WORLD WIDE WEB · NAVEGADOR · HTML · EDITOR HTML · CSS · Buscadores · Portal · Blog / Weblog / Bitácora · Web 2.0 hapaxmedia.net / licencia creative commons BY ES 2.5 /
  • 4. INTRODUCCIÓN AL MANEJO DE SITIOS WEB DINÁMICOS http://www.spipedu.es 3. Contenidos Dinámicos / Contenidos Estáticos Sitios estáticos: - Las actualizaciones de contenido deben solicitarse a quien desarrolló el sitio. - Debido a su estructura modular, se encuentran abiertos a actualizaciones tecnológicas - Para agregar funcionalidad, se debe rediseñar la página, a veces en su totalidad. - ES IMPRESCINDIBLE UNA ESTRUCTURA PIRAMIDAL Ejemplos: http://www.juntadeandalucia.es/ Sitios dinámicos: - No existen limitaciones en cuanto a la cantidad de artículos o servicios a exhibir. - Requieren una página por cada producto o servicio a exhibir que se muestran con BD. - Las actualizaciones de contenido son realizadas por los implicados - PERMITE UNA ESTRUCTURA HORIZONTAL Ejemplos: http://www.cepalcala.org hapaxmedia.net / licencia creative commons BY ES 2.5 /
  • 5. INTRODUCCIÓN AL MANEJO DE SITIOS WEB DINÁMICOS http://www.spipedu.es EJERCICIO HTML 1. Abrir Gedit 2. Escribir Código 3. Guardar como .htm 4. Ver en el Navegador <html> <head> <title> Este es nuestro titulo </title> </head> <body> <h1>Titular </h1> Las <strong>primeras</strong> <u>palabras</u> de <i>nuestra</i> <a href=”http://www.spipedu.es”>web</a> </body> </html> hapaxmedia.net / licencia creative commons BY ES 2.5 /
  • 6. INTRODUCCIÓN AL MANEJO DE SITIOS WEB DINÁMICOS http://www.spipedu.es 4. ¿Qué es SPIP? Système de Publication Pour l'Internet Participative (Sistema de Publicación por una Internet Participativa) CMS – Content Management System GPL – Software Libre Es de origen Francés Metáfora de redacción de un periódico hapaxmedia.net / licencia creative commons BY ES 2.5 /
  • 7. INTRODUCCIÓN AL MANEJO DE SITIOS WEB DINÁMICOS http://www.spipedu.es SPIP es una excelente opción para sitios basados en contenido, es decir, para publicaciones en las que un grupo de redactores/as aportan textos (básicamente, aunque también se pueden subir imágenes, incrustar flash, audio, documentos, etc...), donde se espera que los lectores hagan aportaciones (sin estar centrado en foros) y donde se pretende tener una presentación visual propia y no limitada a los esquemas comunes. Tal vez para algunos eso sea algo así como un blog colectivo (muchísimo más poderoso), más que una herramienta de manejo de un portal. http://es.wikipedia.org/wiki/SPIP hapaxmedia.net / licencia creative commons BY ES 2.5 /
  • 8. INTRODUCCIÓN AL MANEJO DE SITIOS WEB DINÁMICOS http://www.spipedu.es Principales Características SPIP es un programa escrito en PHP y que utiliza una base de datos MySql. Hay una interfaz privada para la gestión del sitio y una interfaz pública. Tienen ESQUELETOS que son archivos HTML (aunque puede incluirse PHP propio embebido) donde se introducen etiquetas propias de SPIP - Bucles Sistema de CACHÉ que acelera la velocidad de muestra de páginas hapaxmedia.net / licencia creative commons BY ES 2.5 /
  • 9. INTRODUCCIÓN AL MANEJO DE SITIOS WEB DINÁMICOS http://www.spipedu.es 5. ¿Qué es SPIPEDU? 1. Está desarrollado para centros educativos y por un grupo de profesorado 2. Prima la facilidad y es totalmente intuitivo su uso. 3. Porque cumple las normas estándares de accesibilidad 4. Porque sólo tendrás que preocuparte de los contenidos 5. Porque si tienes conocimientos limitados podrás mantener vivo y actualizado tu sitio web. hapaxmedia.net / licencia creative commons BY ES 2.5 /
  • 10. INTRODUCCIÓN AL MANEJO DE SITIOS WEB DINÁMICOS http://www.spipedu.es 5. ¿Qué es SPIPEDU? 6. Porque si tienes conocimientos avanzados podrás modificar lo que no te guste y hacer versiones nuevas de SPIPEDU 7. Porque todo está en castellano y el resto de lenguas co-oficiales del Estado Español. 8. Porque hay una comunidad de desarrollo y de apoyo a nuevos usuarios muy amigable 9. Porque está desarrollado con Software Libre bajo Licencia GPL . En resumen: “Software Libre con cariño” 10. Porque nos haría mucho ilusión que nuestro trabajo sirviera para otros y otras. hapaxmedia.net / licencia creative commons BY ES 2.5 /
  • 11. INTRODUCCIÓN AL MANEJO DE SITIOS WEB DINÁMICOS http://www.spipedu.es 6. Planificación del trabajo NO presencial de las sesiones Plataforma de trabajo: · Lista de correo: alcala@hapaxmedia.net · Modelos: · http://www.spipedu.es/modelo1 · http://www.spipedu.es/modelo2 ·http://www.redes-cepalcala.org/nombredevuestrocentro hapaxmedia.net / licencia creative commons BY ES 2.5 /
  • 12. INTRODUCCIÓN AL MANEJO DE SITIOS WEB DINÁMICOS http://www.spipedu.es DOCUMENTACIÓN OFICIAL www.spip.net COMUNIDAD EN ESPAÑOL www.spip-es.net CONTRIBUCIONES A LA COMUNIDAD http://www.spip-contrib.net/ LISTA DE CORREOS EN ESPAÑOL http://listes.rezo.net/mailman/listinfo/spip-es COLE WEB www.colewebs.org hapaxmedia.net / licencia creative commons BY ES 2.5 /