MANUAL JOOMLA Ingresar a : http://www.oceanperu.com CONFIGURACIÓN DE SU CUENTA Antes de empezar a modificar la información debemos introducir una serie de datos para dejar la cuenta preconfigurada. Para ello ingresamos el nombre de usuario, contraseña, idioma escogemos (Español (spanish formal), seleccionamos el botón Acceder Si los datos se han ingresado en forma correcta usted debe ser redireccionado al Panel de Administración Principal IMPORTANTE : Es conveniente tener abiertas dos ventana ( o pestañas) del navegador, cada vez que administremos el sitio. En una ventana cargaremos la interfaz pública del sitio http://www.oceanperu.com Y en la otra ventana cargaremos la interfaz administrativa : http://www.oceanperu.com/administrator
GESTOR DE ARTÍCULOS Una vez que estamos en el panel de control, escogemos Gestor de Artículos Luego escogemos una Sección, una categoría y un título Ejemplo : Sección : Informatica Categoría : Software Título : K-chimbo Editor de Contenidos Joomla.5x ya viene con un editor de contenidos visual. Este tiene dos área principales: El campo de herramientas y el campo de trabajo
Datos del Documento Campo de Herramientas Campo de Trabajo Datos del Documento : Podemos ver el título del documento, alias, estado de publicación (publicado o no publicado), seccion y categoría a la cual pertenece el documento actual. Campo de Herramientas : Aquí están las herramientas que sirven para formatear el cuerpo del documento editado: incrustar y editar imágenes, alinear el texto/imagen, establecer jerarquías entre encabezados de textos (títulos y subtítulos entre los diferentes párrafos), insertar tablas enlaces, utilizar formato para los párrafos de texto : viñetas, negritas, itálicas,etc- Campo de Trabajo : En este campo va el cuerpo del documento: el texto, las imágenes, y los enlaces que se pueden editar (todo esto se llama hipertexto) IMPORTANTE : Al utilizar el editor de joomla para generar contenidos tener en cuenta lo siguiente : Utilizar el navegador Internet Explorer Escribir el texto en un bloc de notas. En el caso que utilicemos Word, en el momento de pegar en el campo de trabajo utilizar el icono (Pegar desde Word) Caso contrario se genera mucho código basura Para el ingreso de información debemos de tener en cuenta lo siguiente Ejemplo: Dejar un espacio Parrafo antes de ingresar cualquier información Familia de Letra : Tahoma Tamaño de Letra del Contenido: 10 pt Tamaño de Letra Títulos : 12 pt y todo con mayúscula Estilos : l Formato : div
Aplicaciones del campo de herramientas más utilizadas 1 2 3 4 5 6 7 8 9 10 11 1. Texto en negrita B 2. Texto en Cursiva I 3. Texto subrayado U 4. Fuente Tipográfica : Se va utilizar Trebuchet MS 5. Tamaño de la letra : Se va utilizar 8pt 6. Estilos (Se va utilizar l )
7. Texto Justificado 8. Texto centrado 9. Texto alineado a la izquierda 10. Texto alineado a la derecha 11. Formato ( se va utilizar div ) 12 13 14 15 16 17 18 12. Pegar desde Word 13. Pegar como texto plano 14. Anular vínculo 15. Aumentar sangría 16. Reducir sangría 17. Viñetas con orden (numérico) 18. Viñetas sin orden 19 20 21 22 23 24 25 26 27 28 29 19. Previsualizar 20. Insertar una nueva tabla 21. Eliminar Tabla 22. Insertar fila anterior 23. Insertar fila posterior 24. Eliminar fila 25. Insertar columna anterior 26. Insertar columna posterior 27. Eliminar columna 28. Combinar celdas 29. Insertar línea horizontal 30 31 30. Insertar/Modificar imagen 31. Insertar/Modificar vínculo Una vez que están realizados todos los cambios Guarda, Aplica o Cancela 1 2 3 1. Guardar la edición del documento (guarda y cierra el documento actual) 2. Aplicar la edición y continuar editando (guarda el cambio pero el documento actual carga nuevamente ) 3. Cerrar la edición, los cambios realizados hasta el momento sin haber clickeado en los botones 1 y 2 no serán guardados
AGREGAR IMÁGENES Para poder agregar imágenes, Primero creamos una carpeta local, donde estén las imágenes Ejemplo : Disco H/ CarpetaImagenes/ Una que nos encontramos en nuestro panel de control, escogemos Gestor multimedia Escogemos la opción stories Creamos una carpeta Ejemplo : informática y hacemos click en Crear Carpeta
Ingresamos a la carpeta y hacemos click a Examinar buscamos la carpeta donde hemos guardado la las imágenes Ejemplo : Disco H/ CarpetaImagenes/ y hacemos clic en empezar subida
MODIFICAR O INSERTAR TEXTOS Y IMÁGENES En nuestro Panel de Control escogemos la opción Gestor de Artículos Luego Escogemos la Sección (Menú) y Categoria (sub menú) que deseamos modificar Ejemplo : Escogemos la sección : Conocenos categoría responsabilidad social
Existen 2 formas de ingresar imágenes : Primera forma : Haciendo click al icono del árbol El tamaño de las imágenes para las fotos son las siguientes Tamaño de imagen : Dimensiones 169 x 300 Le hacemos click en el icono y nos aparecerá una ventana donde hay tres columnas en la primera escogemos la carpeta, luego nos aparecerá el contenido de la carpeta y por último nos muestra los detalles de la imagen Ejemplo : Escogemos la carpeta respons_social, elegimos rs_2010.jpg y en detalles se cargará la imagen que hemos escogido, no nos olvidemos que las dimensiones de las imágenes son de 169 x 300 y hacemos click en insertar
Segunda forma : Para insertar imágenes, hacemos clic en el botón Imagen y buscamos la carpeta donde hemos subido nuestras imágenes Ejemplo : Escogemos la carpeta respons_social,
Luego seleccionamos una imagen Ejemplo : rs_2010.jpg y por defecto nos aparecerá URL de la imagen Luego en el combo alinear podemos escoger izquierda o derecha Título de la imagen podemos ingresar Hermano Jorge Muñoz, después hacemos clic en la opción Empezar subida y así sucesivamente con las imágenes que deseamos insertar Al lado de la imagen podemos agregarle texto Ejemplo : JUEGOS DEPORTIVOS A.A.A SAN JUAN BAUTISTA DE LA SALLE Seleccionamos el texto y le damos formato Familia de Letra : Tahoma
Tamaño de Letra del Contenido: 10 pt Tamaño de Letra Títulos : 12 pt Estilos : l Formato : div En el texto JUEGOS DEPORTIVOS A.A.A SAN JUAN BAUTISTA DE LA SALLE le ponemos negrita es la opción B y así darle la forma más apropiada Para ver como esta quedando hacemos click en la opción del lado derecho Previsualizar y posteriormente opción Guardar
HACER UN HIPERVÍNCULO Seleccionar el o texto o imagen que queremos hipervincular Vamos al menú y seleccionamos el icono de hipervínculo Insertar/Modificar vínculo Nos aparecerá una ventana emergente, escoger el icono Explorar
Buscamos el archivo que deseamos hipervincular, lo seleccionamos y esperamos a que cargue y hacemos clic en el boton insert Insert Ejemplo : Buscamos la Carpeta publicaciones /carpeta manuales /manual de instalación_de_k-chimbo2009.pdf
Luego nos aparecerá una ventana emergente, donde podemos llenar datos Vamos al Título Destino y escogemos la opción Abrir en una nueva ventana y hacemos clic en el botón Insertar Podemos ver que el texto se marco de color azul, quiere decir que hemos efectuado de manera correcta la operación
Nota: Podemos hipervincular una página web : ingresamos el nombre del sito en el espacio donde dice URL Ejemplo : www.hbperu.com O un archivo que hemos guardado en el Joomla escogemos el icono Explorar Por último podemos hipervincular un correo electrónico, escogiendo el ícono vinculo de correo. Ejemplo : rrhh@oceanperu.com
GESTOR DE CONTACTOS Una vez que estamos en el Panel de Control Ir al menú Componentes escogemos la opción contactos y damos click en contactos Seleccionamos una categoría Una vez que ingresamos para editar, procedemos a llenar los campos que están en blanco En el campo Información debemos llenar : Correo : Solo debe ingresar un correo electrónico Calle/Dirección: Teléfono En forma opcional podemos llenar : URL Web, Información General
En el campo Parámetros debemos de revisar que la burbuja este en la opción Mostrar Una vez que hemos modificado los campos, hacemos click en la opción Guardar