INTRODUCCIÓN AL MANEJO DE SITIOS WEB DINÁMICOS

http://www.spipedu.es
CUARTA SESIÓN – 30 ENERO 2008 – IES BLAS INFANTE – EL VISO DEL ALCOR

1. Instalación de SPIP y de SPIPEDU

2. Introducción a la Edición de Esqueletos

3. Administración y Contenidos en SPIPEDU (3ª parte)

· Menú interno. Explicación de paso por paso.
· Atajos tipográficos y otros recursos
· Anclas y menús interiores
· Cabeceras y otros datos que podemos cambiar
· Cómo funciona el multilenguaje
· Cómo gestionar comentarios y nuestro foro interno
· Licenciando nuestro contenido copyleft.
hapaxmedia.net / licencia creative commons BY ES 2.5 /
 INTRODUCCIÓN AL MANEJO DE SITIOS WEB DINÁMICOS

http://www.spipedu.es

1. GLOSARIO DE SPIP
estructura

Interfaz Pública / Interfaz Privada squelettes / ecrire

Redactores | Administradores | Administradores Restringidos auteur

Secciones y Subsecciones rubriques

Artículos articles
contenidos

Breves breve

Palabras Claves mot clés

Sitios Referenciados sites

Buscador
Estadísticas
Sindicación de Contenidos
Foros o Comentarios
Agenda
hapaxmedia.net / licencia creative commons BY ES 2.5 /
 INTRODUCCIÓN AL MANEJO DE SITIOS WEB DINÁMICOS

http://www.spipedu.es

2. Requerimientos de Instalación SPIPEDU

CONSIDERACIONES PREVIAS

­ Elegir MODELO SPIPEDU

­ Tener ACCESO a un servidor con las características mínimas. 
∙ Averroes  http://www.spipedu.es/spip.php?article13 
∙ Empresa de Hosting http://www.hospedajesydominios.com 
∙ CEP Alcalá de Guadaira / SPIPEDU   http://redes­cepalcala.org  

­ Seguir el MANUAL en las TRES PARTES
  Manual y ArchivosZIP
http://www.spipedu.es/spip.php?article28

hapaxmedia.net / licencia creative commons BY ES 2.5 /

 INTRODUCCIÓN AL MANEJO DE SITIOS WEB DINÁMICOS

http://www.spipedu.es

2. Requerimientos de Instalación SPIPEDU

PRIMERA PARTE (necesidades técnicas mínimas para la instalación) 
a) 50 MB de espacio. Solo SPIPEDU ocupa 10 MB. 
b) Soporte para PHP 4 o superior 
c) Acceso a una base de datos MYSQL. Nombre de la base de datos, el nombre 
de  usuario y la contraseña del usuario con permisos sobre la base de datos. 
d) Cuenta de FTP y conocimientos básicos de FTP 

SEGUNDA PARTE (necesidades técnicas mínimas para la instalación) 
a) acceso al FTP con conocimientos mínimos sobre FTP. 

TERCERA PARTE (necesidades técnicas mínimas para la instalación)
a) foto del centro educativo, con las medidas 205 x 154 píxeles.
b) cabecera (logotipo, escudo, collage de imágenes...) que mida 815x180 píxeles. 
hapaxmedia.net / licencia creative commons BY ES 2.5 /
 INTRODUCCIÓN AL MANEJO DE SITIOS WEB DINÁMICOS

http://www.spipedu.es

CABECERAS. INFORMACIÓN DE CONTACTO

1. Logotipo del Sitio = Cabecera

(815 × 180 píxeles )

2. Nombre de tu sitio

3. Dirección URL

4. Descripción del sitio =

Dirección física | Teléfono

5. Correo electrónico del centro

 INTRODUCCIÓN AL MANEJO DE SITIOS WEB DINÁMICOS

http://www.spipedu.es

MENÚ DE ADMINISTRACIÓN

MIS TAREAS: Menú principal de acceso a nuestros artículos y secciones

EDICIÓN DEL SITIO: Palabras claves, Sitios Referenciados, Editor de Esqueletos

FORO INTERNO: Para gestionar los foros

AUTORAS y AUTORES: Gestión de los autores

ESTADÍSTICAS: por artículos y globales

CONFIGURACIÓN DEL SITIO: Administración global de la web.

 INTRODUCCIÓN AL MANEJO DE SITIOS WEB DINÁMICOS

http://www.spipedu.es

EDITAR ESQUELETOS
La edición de esqueletos es un PLUGIN activado en el MODELO 1 y MODELO 2
Permite que modifiquemos sustancialmente el diseño de nuestra página web.

IMPORTANTE
Sólo se recomienda el uso de este con conocimientos de
· Sintaxis HTML
· Sintaxis SPIP http://spip.net/@
· Sintaxis CSS

1. Edición del sitio

2. Botón Editar Esqueleto

3. Elegir Archivo a editar

Manual de HTML
http://www.desarrolloweb.com/manuales/21/
 INTRODUCCIÓN AL MANEJO DE SITIOS WEB DINÁMICOS

http://www.spipedu.es

EDITAR ESQUELETOS
4. Modificar el lenguaje HTML o CSS o Modificar los Bucles de SPIP http://spip.net/@
- Se puede descargar el Archivo y editar con NVU
- Se puede editar directamente el código

5. Guardar Modificaciones
 INTRODUCCIÓN AL MANEJO DE SITIOS WEB DINÁMICOS

http://www.spipedu.es

CSS

Modificación: profesorjuanbautista.css
http://www.w3c.es/divulgacion/guiasbreves/HojasEstilo
 INTRODUCCIÓN AL MANEJO DE SITIOS WEB DINÁMICOS

http://www.spipedu.es

ESTADÍSTICAS

- Tenemos que distinguir entre:

· Visitas
· Enlaces entrantes
· Visitas por artículos
 INTRODUCCIÓN AL MANEJO DE SITIOS WEB DINÁMICOS

http://www.spipedu.es

GESTIÓN DE LOS FOROS (Modelo 1)

- Tenemos que distinguir:

· Foros Internos – Entre usuarios

· Foros por cada artículo
· Activación o Desactivación Foros
 INTRODUCCIÓN AL MANEJO DE SITIOS WEB DINÁMICOS

http://www.spipedu.es

SEGUIR LA VIDA DEL SITIO

¿Qué es la sindicación de contenidos?

http://www.zemos98.org/spip.php?article64
 INTRODUCCIÓN AL MANEJO DE SITIOS WEB DINÁMICOS

http://www.spipedu.es

ALGUNOS ATAJOS TIPOGRÁFICOS

{ } cursiva
{{ }} negrita
{{{ }}} intertítulo
[palabra->http://enlace.com]
[palabra->34] Número artículo
[?palabra] Enlace directo a la wikipedia

- Listas
- Nivel 1
-* Nivel 2
-** Nivel 3
-# Lista numerada

- Línea Horizontal ----

- Cita <quote>Frase que queramos “citar” </quote>

 INTRODUCCIÓN AL MANEJO DE SITIOS WEB DINÁMICOS

http://www.spipedu.es

ANCLAS – ENLACES DENTRO DE UNA PÁGINA

Navegación dentro de la página: Las «anclas HTML» sirven para construir un enlace
directo hacia un punto dado en mitad de una página web.

1. Introducir [ancla<-] donde queramos colocar el ancla

2. Enlazar [sitio al que queremos ir->23#ancla] o

3. Enlazar exteriormente http://www.spipedu.es/modelo1/spip.php?article45#ancla

 INTRODUCCIÓN AL MANEJO DE SITIOS WEB DINÁMICOS

http://www.spipedu.es

MULTILENGUAJE

1. Funciona para english & français

2. Gestiona traducciones de un mismo artículo.

3. Cada traducción es un artículo diferente

4. SPIP vincula y activa su traducción

5. Elegimos el idioma del artículo.

6. Copiamos y validamos de cuál es la traducción (su número)

7. Comprobamos en la parte pública.

 INTRODUCCIÓN AL MANEJO DE SITIOS WEB DINÁMICOS

http://www.spipedu.es

CONTENIDO COPYLEFT
Copyleft o copia permitida comprende a un grupo de derechos de propiedad intelectual
caracterizados por eliminar las restricciones de distribución o modificación de las que
adolece el copyright, con la condición de que el trabajo derivado se mantenga con el
mismo régimen de propiedad intelectual que el original.

Bajo tales licencias pueden protegerse una gran diversidad de obras, tales como
programas informáticos, arte, cultura y ciencia, es decir prácticamente casi cualquier tipo
de producción creativa.

Creative Commons es una organización no gubernamental sin ánimo de lucro que

desarrolla planes para ayudar a reducir las barreras legales de la creatividad, por medio
de nueva legislación y nuevas tecnologías.

Creative Commons (en español: bienes comunes creativos) es también el nombre dado
a las licencias desarrolladas por esta organización.
 INTRODUCCIÓN AL MANEJO DE SITIOS WEB DINÁMICOS

http://www.spipedu.es

EJERCICIOS A REALIZAR DURANTE LA FASE NO PRESENCIAL

Cada persona tendrá que:

- Cambiar cabecera, dirección del centro y correo electrónico

- Publicar los Contendios Estáticos del Centro:

- Localización
- Planes a los que está acogido: Centro tic, aula matinal, etc.
- Rof, Plan Anual de Centro, etc.
- Horario escolar: entradas, salidas, tutorías, fiestas, etc.

- Referenciar 5 enlaces

- Publicar 3 artículos en la Sección Noticias

- Subir a la web Contenidos Multimedia: vídeos, audio, presentaciones, etc.

- Ejercicio Extra: Añadir logos y enlaces los planes en el pie de la página.