IDENTIFICACIÓN DE LA ACTIVIDAD PEDAGÓGICA

Transcripción

1 PROGRAMA DE FORMACIÓN UNIDAD DE APRENDIZAJE ACTIVIDAD OBJETIVOS IDENTIFICACIÓN DE LA ACTIVIDAD PEDAGÓGICA OFIMATICA Y AUXILIAR DE SISTEMAS II-A GESTORES DE CONTENIDO INSTALACIÓN DE JOOMLA Y CREACIÓN DE ARTICULOS CREAR UN SITIO WEB TENIENDO EN CUENTA LOS REQUERIMIENTOS DEL CLIENTE DESARROLLO DE LA ACTIVIDAD ACTIVIDAD DE APRENDIZAJE El estudiante deberá crear un nuevo sitio web, en el cual deberán existir 4 categorías y en cada una de ellas deben ir 3 artículos basados en el tema de la categoría asignada. Se podrá insertar imágenes en los artículos. CREACIÓN DE CATEGORIAS Para crear una categoría, damos clic en el panel de control del administrador en el ícono llamado Gestor de categorías; o en el menú Contenido Gestor de Categorías

2 Luego para crear una nueva, escoges la opción NUEVO: Llenamos la información que se nos pide, como el título, el alias, Padre (si una categoría va a estar dentro de otra), etc.

3 Y por último hacemos clic en Guardar y Cerrar o en Aplicar. UN ARTÍCULO TÍPICO Es interesante tener en cuenta las siguientes consideraciones a la hora de crear artículos para un sitio web: Un texto con una o más imágenes. Un texto de introducción para los listados de artículos con un enlace leer más apuntando al artículo completo. El artículo debería aparecer en la portada sin la necesidad de un enlace de menú. Requisito deseable: una fecha de publicación programada. Requisito deseable: una versión imprimible del artículo para los usuarios que lo deseen Requisito deseable: una opción de enviar el artículo por . Comenzamos

4 El artículo debería aparecer en la página principal del sitio. Si has eliminado, no has instalado o has modificado el contenido de muestra, el frontpage de Joomla debería tener el aspecto de la Figura 1. Desde luego, si los artículos apareces tampoco es problema alguno. :-) Figura 1:Sitio web vacío o lleno Cuando haces login en el área de administración verás un icono llamado Añadir Nuevo Artículo. Puedes crear un artículo desde el panel de control o utilizando la barra de navegación Contenido Gestor de artículos Añadir nuevo artículo (Figura 2)

5 Figura 2: Área de administración Formulario de inserción de artículo Ahora estás en el formulario de inserción de artículo, en el que probablemente escribirás todos los artículos que añadas a sitios Joomla!. Es por tanto un lugar importante. El formulario se estructura como puede verse en la Figura 3.

6 Figura 3: Formulario de introducción de artículos Los requisitos mínimos para un artículo son el título (1), una categoría (2) y el texto (3). Si te fijas bien en el formulario te darás cuenta que aparecen mensajes de ayuda cuando sitúas el ratón sobre la descripción de un campo. He marcado cada zona del formulario con un número para explicártelas. 1. Título La parte más importante es el título o cabecera. El título aparece como la cabecera del sitio (normalmente con la etiqueta HTML <h1>, la de mayor tamaño) y en el título de la barra del navegador (se puede activar y desactivar este comportamiento). El título se emplea también como base para rellenar el campo de alias. El alias es generado automáticamente por Joomla cuando se guarda el archivo por primera vez, pero si lo deseas puedes personalizarlo. Básicamente el propósito del campo alias es tener una URL simple, corta y legible para la página, de forma que pueda ser así utilizada en s o chats de forma sencilla. En la siguiente URL de ejemplo " articulo", la cadena "primer-articulo" es el alias. 2. Categoría Esto va acerca de la clasificación o categorización del artículo. Todo elemento de contenido DEBE estar asignado a una categoría. Si explícitamente no quieres categorizar el artículos, puedes asignarlo a la categoría uncategorized (sin categoría). Esto es especialmente útil para páginas de contenido más estático, como los avisos legales o la página Sobre nosotros. En este área pueden confogurarse otros

7 atributos importantes, incluyendo el Estado (publicado o no), quién tiene acceso (estos permisos dependen de varias configuraciones), idioma y destacado. Este último reemplaza al antiguo atributo "frontpage" (página principal) y asegura que los elementos de contenido están en un diseño tipo blog predefinido para la página principal de tu sitio web. La ID de artículo es creada tras guardar el artículo, y consiste en un número de serie. 3. Texto En esta sección puedes escribir tu texto, que debería ser valioso para tu audiencia. Suena realmente fácil, no? :-) Técnicamente, aquí estás enfrentándote con un editor WYSIWYG (What You See Is What You Get - Lo que ves es lo que obtienes). El editor convierte el texto que escribes en formato HTML. Joomla! usa como configuración por defecto el editor TinyMCE29. TinyMCE es un proyecto de software libre independiente, que tiene tantas funciones que podría escribir un libro aparte para él. (Puede que no sea una mala idea) Básicamente funciona como cualquier otro procesador de textos: escribe texto, resalta texto, haz clic en un icono de la barra de herramientas y se aplica una función al texto o aparece un cuadro de diálogo. Los botones que hay bajo el área de entrada son extraños, y pueden ser confusos en ocasiones. Esos botones son específicos de Joomla! y tienen únicamente una relación indirecta con el editor. El núcleo de Joomla! viene con 5 de estos botones adicionales tan prácticos. Puedes añadir más botones instalando nuevas extensiones de Joomla!: 1. Artículo: te permite enlazar a otros artículos existentes de Joomla! 2. Imagen: Puedes insertar una imagen existente o una foto desde el Gestor multimedia o subir una nueva imagen. 3. Salto de página: inserta un salto de página en tu artículo 4. Leer más: te permite estipular dónde colocar el enlace leer más 5. Cambiar editor: activa o desactiva el editor. Cuando se desactiva, verás el código HTML de tu artículo. 4. Opciones Lo que se llamaba Parámentros en Joomla! 1.5, ahora se llama Opciones desde Joomla! 1.6 como, por ejemplo, las Opciones de publicación.

8 Aquí puedes especificar quién escribió el artículo (Creado por). El usuario que creó el artículo normalmente tiene permiso para (y es el responsable de) hacer cambios en él más adelante. El nombre mostrado realmente bajo el título de la página web se configura en Creado por alias. Los tres campos a continuación te permiten planificar la publicación. Simplemente introduce las fechas apropiadas y Joomla! se encargará del resto. 5. Más opciones En esta sección podrás configurar muchas opciones activándolas o desactivándolas. Puedes cambiar el diseño del artículo para que se ajuste a las necesidades del lector y del motor de búsquedas. Simplemente empieza a experimentar - es la mejor manera de aprender. ARTÍCULO DE MUESTRA Vamos a crear un artículo que ilustre todo lo que acabamos de comentar junto: Un texto con una o más imágenes Escribe tu texto. Para añadir una imagen o imágenes hay muchas posibilidades: 1. La imagen ya está disponible online, por ejemplo, en Flickr30. En este caso, haz clic en el icono imagen en la barra de herramientas del editor y copia la URL de la imagen en el cuadro de diálogo. 2. La imagen ya está en el Gestor multimedia de Joomla!. En este caso, haz clic en el botón imagen bajo el área de edición para seleccionar la imagen e insertarla en tu texto (Figura 4).

9 Figura 4: Insertar imagen desde el gestor multimedia 3. La imagen está en tu disco duro Este es el caso más complejo. Básicamente, usarás también el botón de imagen bajo el área de edición. Ahí encontrarás un diálogo de subida a través del cual podrás subir tu imagen "fácilmente". Recuerda que Joomla! NO redimensionará la imagen. Si subes una foto de tu cámara digital, será mostrada en su tamaño original completo (ancho > 3000 píxeles). Debes redimensionar la imagen antes de subirla. Si todo va bien... felicidades! Si no, podría ser debido a diversos motivos, como por ejemplo la falta de los permisos necesarios de escritura en los directorios del gestor multimedia. En el mejor de los casos, obtendrás un mensaje de error. Si aún no funciona, inténtalo escribiendo un comentario aquí :-). Una vez que has insertado la imagen, puedes seleccionarla y darle formato haciendo clic en el icono de imagen de la barra de herramientas del editor. Un texto introductorio para vistas tipo lista con un enlace leer más al artículo completo

10 Esto es fácil. Mueve el cursor a la posición en la que el enlace leer más debería aparecer y haz clic en el botón leer más bajo el área de edición de texto. El artículo debería aparecer en la página principal y no necesita en enlace de menú Selecciona Sí en el campo destacado en el área 2. Una publicación planificada no estaría mal Evita esto en principio, de modo que no tengas que esperar para ver aparecer el artículo en tu sitio web :-). Si quieres intentarlo más adelante con otro artículo, simplemente rellena los campos Inicio de la publicación y Finalización de la publicación con la información apropiada o selecciona las fechas haciendo clic en el icono de calendario. Una versión del artículo adaptada a un formato de impresión En el área 5, puedes cambiar el parámetro Mostrar icono 'imprimir' a 'Mostrar'. Envío del artículo por Simplemente establece las opciones en el área 5, cambiando el parámetro Mostrar icono 'correo' a 'mostrar'.

11 RESULTADO Tras guardar puedes recargar tu sitio y verás tu artículo en la página principal como en la Figura 5. Figura 5: Artículo en la página principal PUBLICAR CATEGORÍA EN EL MENÚ PRINCIPAL Vamos al menú principal dando clic en Gestor de Menús.

12 Seleccionamos el menú a trabajar, en este caso el menú principal Damos clic en NUEVO

13 En tipo de elemento das clic en Seleccionar y deberás tomar la siguiente opción: Lista de categorías.

14 Das el nombre de la categoría y la categoría a mostrar y listo aparecerá en tu menú principal

15 RECURSOS Y EQUIPOS REQUERIDOS Equipos de Computo WampServer Joomla