Un poco de orden, que vienen visitas...!

(Se acuerdan de cuando nos decía esto nuestra mamá?)

Hola a todos y bienvenidos a este curso.

Recuerdan que durante su formación como Facilitadores TIC, en la segunda etapa, ustedes
vieron con sus tutores los rudimentos necesarios como para poner en funcionamiento el sitio
web. Trabajaron sobre un modelo pre-cargado, reemplazando la información de ejemplo por
información propia (bueno! Casi todos reemplazaron por información propia...aún quedan en
algunos sitios muchas páginas que dicen “Esto es sólo un ejemplo” ¬¬)

Aquí les proponemos revisar y avanzar, de manera que los sitios se vuelvan más dinámicos,
más útiles a la comunidad, más compartidos, de manera que otros colegas o directivos se
sientan llamados a colaborar y generar contenidos para que se publiquen.

¿Empezamos?

La primera propuesta es recorrer el sitio para ver qué tenemos. Para poder ver el “detrás de
escena” y también “el escenario”, les proponemos abrir en dos pestañas: la Vista de usuario, y
la Administración.
En la vista de Usuario En la Administración

La HomePage (página de inicio) es lo primero
que ve un visitante cuando entra a nuestro
sitio. Allí, tipicamente, ponemos una foto o
secuencia de fotos del IFD y una breve
información.
Si aun no tenemos ninguna foto, habrá que
“subirla” primero al sitio, para luego poder
insertarla. Este primer paso se realiza en la
sección Imágenes dentro de la pestaña "Sitio
Web".

A la izquierda está el menú con las secciones
y sus páginas disponibles.
Reconocemos las secciones por ser las que
pueden leerse siempre en el menú. Sin
embargo las páginas sólo pueden leerse una
vez que hayamos ingresado a alguna de las
secciones
Dentro de la pestaña "Sitio Web"
encontramos el área "Secciones", en donde
podremos ver un listado de las que hayamos
definido en el sitio (estén activas o no). Por
otro lado, y en la sección siguiente, están las
"Páginas" que se construyeron, las cuales se
listan en función a la sección con la que se
vinculan.

Al pie de la información principal están las En la pestaña "Noticias" podemos agregar y

Noticias (Novedades). Estas son las que editar esta sección, así como si como cambiar
aparecen también en el mapa. su estado (visibles o no) o si podrán leerse en
la portada del sitio (Homepage)

A la derecha, en un menú fijo, están las Dentro de la pestaña "Sindicaciones"

noticias de educ.ar y los destacados podemos modificar las fuentes que se leerán
("Noticias Externas") (rss) para publicarse, automáticamente en
esta sección.

La segunda propuesta es bien simple: detectar las páginas inactivas, de ejemplo, o sin
terminar y sencillamente desactivarlas. Después nos encargaremos de volver aquí.

(Ver ampliado en ventana nueva)

La tercera propuesta de esta clase es revisar y corregir si fuese necesario la distribución de

secciones y páginas.
Las secciones deben funcionar como categorías, y por tanto, ser inclusivas.
Además, un sitio web con una gran cantidad de secciones marea al visitante, en lugar de
ayudarlo a encontrar lo que busca.
Una sección podría ser, por ejemplo: Carreras, y dentro de esta se pueden desplegar páginas,
una por cada carrera que se dicta, con información propia.
Pero no es tan lógico que una sección sea “Concurso de Fotografía” ya que esa información
seguramente tiene una dependencia (alguien lo organiza) y es probable que no tenga páginas
internas.

Emprolijemos, pues, reduciendo la cantidad de secciones y dejando las más inclusivas y

orientadoras. Y aquellas secciones que no merezcan tal rango, las convertiremos en páginas,
copiando su contenido y pegándolo luego como páginas dentro de una sección apropiada. Es
algo laborioso, pero luego nos quedará la organización del sitio mucho más prolija y será más
facil avanzar (y también, como ya veremos, delegar tareas...)

Por ejemplo: Convertimos la sección “Concurso de Fotografía” en una página “Concurso de

Fotografía”

Primero editamos la sección que queremos convertir en página y copiamos el contenido de la

presentación de la sección.

Recuerden que la única manera de duplicar el contenido de una página web de manera exacta,
es copiando su código HTML. Entonces, para poder tener una copia del contenido de la
presentación de la sección, tenemos que copiar su código HTML

Para copiar el código HTML, hacemos clic en el botón “HTML” de la barra de herramientas de
nuestro editor. En este punto ya estaremos viendo el código HTML que vamos a copiar. Para
copiar el código, lo marcamos todo y aplicamos la combinación de teclas Ctrl+C (o botón
derecho->copiar).

Creamos una nueva página, completamos el titulo, la descripción y le asignamos la sección a la

que va a pertenecer. Luego pegamos el código HTML que copiamos con anterioridad. Pegar el
código es simple, solo hay que hacer clic nuevamente en el botón HTML y aplicar la
combinación de teclas Ctrl+V (o botón derecho->pegar).

Comprobamos que todo este bien y ahora si podemos eliminar la sección que convertimos en
página.
Podemos incluso armar un mapa del sitio. Una ayuda visual, con lo que ya tienen.
Si tienen ganas, es posible hacerlo con esta herramienta que es super sencilla, y solo se
necesita escribir el texto, separado con tabulaciones, para generar luego el mapa.

Por ejemplo Nos da una representación así...

ISFD Nro. 007

El Instituto
Datos inst.
Autoridades
Docentes
Historia
Ubicación
Carreras
Historia
Geografía
Letras
Publicaciones
De docentes
De alumnos
Nuestra Comunidad
Fotos
Eventos

Esto es como limpiar al jardín antes de hacer un asado o preparar la casa para recibir visitas,
¿no les parece? Ahora que quedó todo más ordenado, vamos a los detalles bonitos...

Así que para la clase que viene les pedimos que consigan 4 o 5 fotos de su instituto,
para subirlas al sitio web. Pueden ser del edificio, de eventos, de profes, de alumnos...
Las que quieran, pero ténganlas digitalizadas para el miércoles próximo.

Ahora los dejo con las tareas de la clase de hoy...

Seguimos la charla en el foro

Mariano

TAREAS DE ESTA SEMANA:

1. Recorrer su sitio web, alternando entre la vista de usuario y la de administrador, para

reconocer los diferentes elementos.
2. Desactivar las páginas que no tengan contenido, o todavía contengan el texto "página
de ejemplo"
3. Reorganizar la estructura del sitio, reduciendo la cantidad de secciones. Cortar y pegar
como páginas aquellas informaciones que fueron publicadas erróneamente como
secciones
4. Participar en el foro habilitado
5. Conseguir 4 o 5 fotos del instituto, para la semana que viene
6. Opcionalmente, probar la herramienta de mapas mentales para visualizar la estructura
de nuestro sitio web.