TUTORIAL DE ADMINISTRACIÓN DE SITIOS WEB

Transcripción

1 TUTORIAL DE ADMINISTRACIÓN DE SITIOS WEB Redactado por: Media Clic Networks Chile

2 ÍNDICE DE ARTÍCULOS 1. PRESENTACIÓN Pág INTRODUCCIÓN A JOOMLA Pág VENTAJAS DEL GESTOR DE CONTENIDOS Pág ESTRUCTURA DEL SITIO WEB (MODULOS) Pág ESTRUCTURA DE ADMINISTRACIÓN Pág CREANDO UNA CATEGORIA Pág CREANDO UN ARTÍCULO Pág AGREGANDO OPCIONES AL MENÚ PRINCIPAL Pág ELIMINANDO UN COMENTARIO EN EL LIBRO DE VISITAS Pág AGREGANDO UNA CATEGORÍA A LA GALERÍA DE VÍDEOS Pág AGREGANDO UN VÍDEO A LA GALERÍA DE VÍDEOS Pág AGREGANDO UNA CATEGORÍA A LA GALERÍA DE FOTOS Pág AGREGANDO FOTOS A UNA CATEGORÍA DE FOTOS Pág CREANDO UNA NUEVA ENCUESTA Pág SUBIENDO IMÁGENES POR FTP PARA INCLUIRLAS EN UN ARTÍCULO Pág CONTÁCTENOS Pág

3 1. PRESENTACIÓN Estimado Cliente (a): Junto con saludarle muy cordialmente tenemos el agrado de dejar en vuestras manos este pequeño Tutorial, a fin de poder contribuirle, asesorarle y guiarle en la correcta administración de contenidos de su Sitio Web. Es menester señalar que su Sitio ha sido desarrollado en base a lo que se conoce como Gestor de Contenidos CMS, es decir, una de las últimas tendencias informáticas en el orbe utilizadas para el desarrollo de Sitios Web autoadministrables. El Gestor de Contenidos que utiliza su Sitio es Joomla, un software libre liberado bajo licencia GNU / GPL, y uno de los gestores de contenido más utilizado por empresas del sector público como privado, incluso por muchísimos Sitios Web Gubernamentales. 2. INTRODUCCIÓN A JOOMLA Los Sitios Web desarrollados con joomla organizan la distribución de sus contenidos en cada página web en base a los denominados modulos. Estos módulos son los espacios habilitados dentro de su página web en los cuales usted puede ir habilitando los contenidos que usted estime pertinentes. De esta forma, si su Sitio Web tiene habilitado el módulo para el logo de su empresa en el lado derecho, éste sólo se podrá ver en esa posición predeterminada por el desarrollador. Dependiendo de la plantilla que se haya creado para joomla, un Sitio Web puede tener más o menos cantidad de módulos disponibles. Para ver los módulos y la posición en la que se encuentran establecidos ingrese a su y diríjase a Extensiones Gestor de Plantillas y pinche la plantilla que esté marcada por defecto y, posteriormente, haga clic en el ícono Previsualizar. 2

4 3. VENTAJAS DEL GESTOR DE CONTENIDOS Permite crear Sitios Web en sólo un par de horas (lo que normalmente toma alrededor de 15 días ahora sólo se hace en unas pocas horas). Permite crear secciones y artículos del Sitio en sólo segundos. Permite cambiar el formato y el diseño sin tener que cambiar el lenguaje de programación. Otorga mayor flexibilidad a la hora de distribuir el contenido. Le entrega mayores herramientas para potenciar su Sitio. Le permite instalar componentes como vídeos, chats, fotos, sin necesidad de tener que crear los códigos de programación. Le permite montar un Sitio Web Profesional d euna manera fácil, rápida y eficiente. 4. ESTRUCTURA DEL SITIO WEB (MODULOS) Los módulos del Sitio no se pueden cambiar de lugar. De esta forma si el módulo establecido para el logo se encuentra en el lado superior derecho de su página es en esa posición en la que deberá aparecer el logo. Sin embargo, usted es libre de elegir en qué módulo o posición desea que se habilite el contenido que está manejando. De esta manera si el Sitio Web también posee un módulo en la parte superior izquierda predeterminado para otra función, usted también puede habilitar dentro de él el logo de su Sitio, las noticias de su sitio, o el contenido que usted desee habilitar dentro de ese módulo. 3

5 La idea principal es que usted ingrese dentro de los módulos o posiciones contenido más indicado para que su habilitación no altere la armonía del diseño de su Sitio Web. el 5. ESTRUCTURA DE ADMINISTRACIÓN La Plataforma de Administración le otorga acceso a todas las funciones de su Sitio Web con Joomla, principalmente: Administración de Menús. Administración del contenido de su Sitio. Administración de los componentes y plugins instalado s en su Sitio. Administración de las extensiones instaladas. Configuración del Servidor (SMTP, Etiquetas Meta, etc). Cada una de esas opciones le permitirá administrar su Sitio adecuadamente. Ahora que ya sabe los aspectos básicos de configuración y formato de su Sitio Web ha llegado la hora de comenzar a llenarlo con algo de contenido. Para eso síganos con los siguientes pasos. 6. CREANDO UNA CATEGORIA Lo primero que haremos será crear una categoría. Las categorías son importantes porque ellas agrupan contenido del mismo tipo dentro de éstas, y así el usuario de su Sitio Web podrá encontrar todo el contenido de esa categoría en un solo clic, sin que aparezcan contenidos que no tengan nada que ver con ella. Por ejemplo, todas las noticias de su Sitio se guardan en la categoría Últimas Noticias. De esta manera si una persona quiere ver las últimas noticias de su Sitio sólo deberá hacer clic en el enlace o vínculo del menú principal que lleva hasta esa categoría y de enseguida verá las últimas noticias de su Sitio. 4

6 Ahora bien, las categorías pertenecen necesariamente a un grupo de clasificación de nivel superior denominado Secciones. Esto es importante porque todo el contenido de su Sitio (o al menos la mayor parte de él) se encuentra organizado en base a estas Secciones. De esta forma la Sección Noticias clasifica y guarda dentro de ella a todas las categorías de noticias de su Sitio Web, como por ejemplo: Últimas Noticias, Noticias Deportivas, Noticias del Mundo, Noticias de Chile, etc. De esta manera la organización de las Secciones y categorías queda algo así: La agrupación de los artículos por secciones y categorías también es importante porque usted puede configurar que una opción del menú principal muestra todos los artículos dentro de una determinada categoría (ejemplo: últimas noticias), o bien muestra todos los artículos pertenecientes a la sección (en donde mostrará todos los artículos de todas las categorías que pertenecen a esa sección). Ahora crearemos una Sección Desde la plataforma de administración de su sitio (ej.: diríjase a Contenido Gestor de Secciones. 5

7 De inmediato usted visualizará todas las secciones existentes en su Sitio Web. En la siguiente imagen vemos que sólo existen dos secciones en el Sitio, denominadas Noticias y Ministerios respectivamente. El ticket verde en la columna Publicado significa que esa sección está habilitada en el Sitio. El Acceso Público significa que esa sección es visible para todos los usuarios que visiten su Sitio Web. La columna #Categorías muestra el número de categorías creadas y existentes dentro de esa Sección. Ahora crearemos una nueva sección denominada Nosotros, y en donde crearemos todos los artículos que le permitan a los usuarios conocernos mejor, tales como: Quiénes Somos, nuestra misión y visión, nuestro organigrama, etc. 6

8 Para ello haga clic en el ícono superior derecho Nuevo, a fin de crear la nueva Sección. a continuación complete los campos Título y Alias respectivamente, tal y como aparece en la siguiente imagen. El resto de los campos como Descripción, Imagen, etc., déjelos en blanco pues no tienen mayor relevancia en estos momentos. Asegúrese de que el campo Publicado esté activado, de lo contrario está sección no estará habilitada en el sitio. Luego déle clic a Guardar. El ADMINISTRATOR de inmediato nos indica que la secciona sido guardada y la muestra junto a las demás secciones existentes. 7

9 Ahora que creamos la Sección tenemos que crear al menos 1 categoría para esa sección, de lo contrario no podremos publicar artículos dentro de la Sección creada, ya que todos los artículos se almacenan en categorías, así que vamos a crear unas cuentas categorías para esa nueva sección. Para ello diríjase ahora a Contenido Gestor de categorías. El ADMINISTRATOR de inmediato nos muestra las categorías existentes en el Sitio. 8

10 La columna Sección nos muestra la sección a la cual pertenece esa categoría. Tal y como se muestra en la figura siguiente. 9

11 Para crear la nueva categoría que habilitaremos en la sección Nosotros pinche el ícono Nuevo. Complete la información como sigue en la siguiente figura, dejando en blanco los campos respectivos. Para que esta categoría pertenezca a la sección Nosotros asegúrese que en el campo Sección haya seleccionado la sección Nosotros, tal y como muestra la figura, de lo contrario los artículos publicados en esta categoría se pueden mostrar en otras secciones. 10

12 Déle clic a guardar. Ya hemos creado la categoría Quiénes Somos perteneciente a la Sección Nosotros. Ahora nos toca crear artículos para esa categoría. 7. CREANDO UN ARTÍCULO Diríjase a Contenido Gestor de Artículos. Como ya sabe, el ADMINISTRATOR le muestra todos los artículos existentes, publicados y no publicados, en el Sitio Web. 11

13 Para crear un nuevo artículo pinche el ícono Nuevo. A continuación establezca un título para el artículo, indique la sección en la cual desea habilitarlo, y la categoría de esa sección a la que pertenece. En este caso tal y como se muestra en la figura. Para que este artículo aparezca en la categoría Quiénes Somos asegúrese de establecer dicha categoría en el campo respectivo, al igual que su sección. Una vez que haya finalizado de escribir el texto que desea publicar en ese artículo déle un clic al botón Guardar y el artículo quedará publicado en la sección y categoría indicada. 8. AGREGANDO OPCIONES AL MENÚ PRINCIPAL Ya hemos creado artículos, secciones y categorías, pero para que el artículo o los artículos de esa categoría se vean efectivamente en el Sitio es necesario crear un enlace que dirija a los usuarios hasta ese contenido, enlaces que sólo se pueden crear a través de un menú. Para ello editaremos el menú principal. 12

14 Por ejemplo, haremos que cada vez que una persona pase el mouse por sobre la opción NOSOTROS en el menú principal se abra un submenú con la opción Quiénes Somos. Para ello diríjase a Menús Main Menú (que en este caso es el menú principal de su Sitio Web). De inmediato verá todas las opciones y botones habilitados en el menú principal de su Sitio. Para crear ahora la opción Quiénes Somos haga clic en el botón Nuevo y luego pinche: Artículos Presentación del Artículo (lo que permitirá mostrar un solo artículo al pinchar la opción Quiénes Somos del menú principal. Si usted desea por ejemplo que al pinchar esa opción aparezcan todos los artículos de una categoría entonces en lugar de pinchar presentación del artículo pinche presentación de la categoría en blog ). Ok, ahora póngale el nombre que aparecerá en la opción del menú, por ejemplo: Quiénes Somos. Y asegúrese de insertat el ítem en la opción del menú NOSOTROS, a fin de que este aparezca cada vez que se pase el mouse por sobre esa opción. Ahora debe indicarle al sistema qué artículo desea que se abra cada vez que el usuario pinche la opción del menú principal que está creando, para ello seleccione un artículo como muestra la figura. 13

15 Y seleccione el artículo que desea que se muestre, en este caso queremos que se muestre el artículo Quiénes Somos. Seleccione el artículo respectivo y pinche guardar. Ahora la opción ya está creada en el menú y ya está visible desde su Sitio. 9. ELIMINANDO UN COMENTARIO EN EL LIBRO DE VISITAS El Libro de Visitas es un componente instalado en su Sitio Web, al igual que la galería de vídeos, las encuestas, y otros componentes. En este caso el componente utilizado pertenece a la empresa Phoca. Para ver los comentarios que se han publicado vaya a Componentes Phoca Guestbook Ítems. 14

16 De inmediato visualizará todos los comentarios y saludos que le han dejado en su libro de visitas. Si desea leer el comentario sólo pinche su nombre. Si desea eliminarlo sólo tickéelo y luego presione borrar. 10. AGREGANDO UNA CATEGORÍA A LA GALERÍA DE VÍDEOS Los vídeos publicados en su Sitio siguen el mismo sistema de los artículos, pero con la diferencia de que en este caso no existe una unidad de nivel superior como las Secciones. Esto quiere decir que los vídeos sólo se organizan en categorías. Para crear categorías vaya a Componentes Jmultimedia Categories. 15

17 En seguida visualizará todas las categorías existentes publicadas y no publicadas en su Sitio Web. Para crear una nueva categoría siga el mismo sistema de los artículos, es decir, pinche el botón nuevo y establezca un nombre para la categoría. Si lo desea puede agregar también una pequeña descripción para ella, tal y como se muestra en la fotografía. 16

18 Una vez terminado asegúrese de el campo publicado esté activado y pinche Guardar. 11. AGREGANDO UN VÍDEO A LA GALERÍA DE VÍDEOS Ahora que ya sabemos crear y tenemos todas las categorías de vídeos que deseamos vamos a publicar un vídeo. El componente que utilizamos para la galería de vídeos nos indica que sólo podemos publicar vídeos que estén disponibles en youtube, ya que ello nos permitirá ahorrar espacio en disco y así no saturar el tráfico web. 17

19 Para ello buscaremos un vídeo en youtube, por ejemplo escogeremos cualquier vídeo que nos guste, en este caso elegiremos el vídeo Firework de la cantante Katy Perry. Ingresamos a buscamos por Katy Perry Fireworks y escogemos el vídeo de la lista de resultados. En este caso seleccionamos el vídeo oficial pues está en HD (alta resolución). Una vez que el vídeo se está reproduciendo nos fijamos en la URL del Sitio Web que contiene el vídeo y la copiamos. Ahora bien, debemos fijarnos que la URL sea la adecuada para el componente, para ello debemos de fijarnos que después de watch?v= haya una sigla de alrededor unos 11 caracteres aproximadamente sin la letra &. Ejemplo de URL mala: Si se fija todo lo marcado con azul está bien, pero lo rojo no nos sirve, así que sólo copiaremos la URL hasta antes de la letra &. 18

20 Ahora que ya tenemos la URL original que contiene el vídeo que deseamos publicar en la categoría de nuestra galería de vídeos nos dirigiremos desde el ADMINISTRATOR a Componentes Jmultimedia Medias. En seguida visualizaremos todos los vídeos existentes en nuestra Galería de Vídeos y las categorías a las que pertenecen. Para agregar nuestro vídeo pinchamos el botón Nuevo Y luego pegamos la URL copiada en el campo Load Media from URL (cargar archivo multimedia desde la siguiente dirección URL), tal y como se muestra en la figura. Luego completamos los detalles con el título que le pondremos al vídeo, agregamos una pequeña descripción, indicamos la categoría en la que estará publicada y nos aseguramos que la opción publicado esté marcada. 19

21 Finalmente pinchamos el botón Guardar y el vídeo ya estará disponible en el Sitio Web en la categoría seleccionada. 12. AGREGANDO UNA CATEGORÍA A LA GALERÍA DE FOTOS El componente utilizado para la galería multimedia de fotos también pertenece a la empresa Phoca, y sigue los mismos parámetros que hemos visto anteriormente. Para crear la categoría vamos a Componentes Phoca gallery Categories. 20

22 De inmediato se visualizan las categorías existentes, estén o no publicadas en el Sitio. Para crear la nueva categoría pinchamos en nuevo y a continuación SÓLO rellenamos los campos Título y descripción. El resto de los campos y parámetros los dejamos tal como aparecen por defecto. 21

23 Y luego damos clic al botón Guardar y ya habremos creado la categoría. 22

24 13. AGREGANDO FOTOS A UNA CATEGORÍA DE FOTOS Vamos a Componentes Phoca Gallery Images. En seguida veremos las imágenes existentes y para subir nuevas imágenes al Sitio Web pinchamos la opción multiple add. Para subir las fotos desde nuestro PC vamos al final de la página y pinchamos la opción Java Upload. Esperamos a que se cargue la consola de Java y nos aparecerá algo así: 23

25 Hacemos clic en el botón Examinar y seleccionamos todas las fotos de nuestro PC que deseamos subir al Sitio Web. Luego que hayamos seleccionado las fotos que subiremos le damos al botón Subir y el servidor comenzará a procesar el uploading de las fotos. 24

26 Una vez cargadas las fotos en el Servidor tickeamos todas las fotos que deseamos publicar y nos encargamos de indicar la categoría en la cual las deseamos habilitar, en este caso nosotros publicaremos estas fotos en el Álbum Familiar. 25

27 Seleccionado eso damos clic al botón Guardar y nos aseguramos que el ícono Thmbnails Creation Status esté de color verde. De inmediato el servidor comenzará a procesar la orden y comenzará a crear las vistas en miniaturas para las imágenes subidas. 14. CREANDO UNA NUEVA ENCUESTA El Componente de encuestas por defecto es el componente creado por Joomla. Para crear una nueva encuesta vamos a componentes Encuestas. De inmediato visualizaremos todas las encuestas creadas, estén o no publicadas en el Sitio Web. 26

28 Para crear nuestra nueva encuesta hacemos clic en el botón nuevo como ya sabemos, le ponemos un título y marcamos la opción Publicado para que esté disponible en el Sitio Web y los usuarios puedan votar en ella. En el campo opciones ingresamos las alternativas que los usuarios tendrán para poder votar en la encuesta. Luego damos clic en guardar y la encuesta ya estará disponible en el Sitio Web, pero aún no aparecerá como la encuesta por defecto, para ello necesitaremos incluirla en el módulo de encuestas, así que nos vamos a Extensiones Gestor de Módulos, y luego pinchamos el módulo Encuesta de Hoy o Encuesta del Mes según sea el nombre con el que aparezca en su Sitio Web. Una vez dentro del módulo Encuesta del Mes vamos a la pestaña Parámetros del módulo y le decimos al Servidor cuál es la encuesta que deseamos que aparezca por defecto en nuestro Sitio Web. 27

29 Seleccionada la encuesta le damos clic al botón guardar, y la encuesta ya estará disponible en la página de inicio de su Sitio Web. 15. SUBIENDO IMÁGENES POR FTP PARA INCLUIRLAS EN UN ARTÍCULO Al comienzo de este tutorial aprendimos a crear artículos y clasificarlos por secciones y categorías. Ahora aprendemos a insertar imágenes dentro de esos artículos. En primer lugar mencionaremos que cuando usted crea un texto en su PC con Microsoft Word (por ejemplo), usted pincha el ícono Insertar imagen y luego selecciona la imagen de su PC que desea insertar en su archivo de texto de Microsoft Word. Para Insertar una imagen en un artículo de su página Web se sigue un procedimiento similar, pero la diferencia radica en que la fotografía que deseamos incluir no debe estar almacenada en su PC, sino que debe estar alojada en el Servidor donde se encuentra alojado su Sitio Web. Para ello será necesario que primero subamos al Servidor la foto que deseamos insertar en el artículo, y luego le indiquemos a éste la URL o dirección física dentro del Servidor donde se encuentra alojada la foto que acabamos de subir. En primer lugar subiremos una foto al servidor. Para ello usted necesitará contar con un cliente de FTP. Si no tiene ninguno puede descargar gratis CORE en 28

30 que es el software por defecto que nosotros utilizamos para este tipo de procesos. Si es la primera vez que va a utilizar un Cliente de FTP deberá instalarlo y configurar su Cuenta de FTP. Para ello necesitará seguir los siguientes pasos con los datos de Acceso FTP que le hemos proporcionado. Primero: Instale Core en su PC. Segundo: Abra la aplicación (Si no hay un acceso directo en el escritorio ubíquelo en Inicio Programas Core FTP. 29

31 Tercero: Como es la primera vez que utiliza CORE deberá crear su Cuenta FTP, para ello haga clic en el botón New Site (Nuevo Sitio Web), y complete los siguientes datos: Site Name: Indique el nombre de su Sitio Web Host / Ip / URL : Indique lo siguiente: ftp.mediaclic.cl (tal y como aparece en la figura) Username: escriba su nombre de usuario (ej.: usuario@mipaginaweb.cl). Password: escriba su password de acceso. Port: asegúrese que esté por defecto 21. Luego dele un clic a Connect para conectar con el servidor mediante FTP. 30

32 Muy bien, una vez que el Cliente FTP CORE se haya conectado con el Servidor usted visualizará al lado derecho del software las carpetas a las que tiene acceso, mientras que en el lado izquierdo visualizará las carpetas propias de su PC. 31

33 Ahora que ya hemos conectado con el Servidor subiremos nuestra primera imagen desde nuestro PC hasta el Servidor. Para eso seleccionaremos en el panel izquierdo de CORE (que es el que corresponde a nuestro PC) el archivo que deseamos subir. En este caso seleccionaremos el archivo imagen_de_prueba que está en el escritorio y haremos clic en la fecha morada que apunta hacia el lado derecho para enviar ese archivo desde nuestro PC hacia el Servidor. 32

34 Fíjese que mientras el archivo se transfiere se visualizará la transferencia en la barra inferior, tal y como muestra la figura. Cuando la imagen ya haya sido subida al servidor estará disponible en el panel derecho del software, tal y como muestra la figura. Muy bien, ya tenemos la foto subida y guardada dentro de nuestro servidor, ahora es necesario insertarla en el artículo que queramos. Para ello primero tenemos que fijarnos que el nombre de la foto que hemos subido no tenga espacios vacíos. Ejemplo de nombre correcto: imagen_de_prueba.jpg Ejemplo de nombre erróneo: imagen de prueba.jpg Ejemplo de nombre erróneo: imagen%de%prueba.jpg Recuerde: En internet no deben haber archivos que tengan nombres con espacios en blanco. Para incluir la fotografía en el artículo copie el nombre del archvivo que subió incluyendo su extensión, en este caso.jpg. Siguiendo el ejemplo el texto copiado sería este: imagen_de_prueba.jpg. 33

35 Ahora inicie sesión en el ADMINISTRATOR de su Sitio Web y abra el artículo en el cual desea incluir la foto. En este caso la incluiremos en el artículo Quiénes Somos que creamos en un principio. Para esto iremos a Contenido Gestor de Artículos y seleccionamos el artículo Quiénes Somos. Una vez abierto el artículo ponemos el puntero y hacemos clic al lado de la palabra donde deséamos incluir la fotografía, tal como se muestra en la figura (en este caso al lado derecho de la palabra búsqueda ). una vez indicada la posición donde vamos a incluir la fotografía que subimos por FTP hacemos clic en el ícono verde Insert/Edit Image ubicado en la barra de herramientas de texto. De inmediato se nos abrirá una ventana PopUp en la cual deberemos indicarle al servidor el nombre del archivo o fotografía que deseamos incluir antecedida de la carpeta donde se encuentra almacenada, que en este caso es la carpeta images/. 34

36 El campo alignment nos permite alinear la imagen a la izquierda (left) o a la derecha (right). Nosotros le recomendamos alinearla a la derecha. De inmediato aparecerá automáticamente el tamaño de la imagen (en este caso 930x235 px). Si esto no ocurriese significa que hay un error en el nombre del archivo, o en su ubicación, o que el archivo no se ha subido por FTP. Asegúrese siempre de escribir todo sin espacios e indicar el nombre de la imagen después del texto images/. SI desea agregar un borde a la imagen entonces puede indicar en el campo border 1, 2, 3, 4, o 5 dependiendo del grosor que le quiera dar al borde. Si no desea la imagen con un borde entonces déjelo en blanco. Los campos vertical space y horizontal space le permiten que haya un espaciado y una distancia armónica entre el texto y la imagen, y evitar que el texto del artículo esté encima de la fotografía. Una vez insertada la fotografía usted puede seleccionarla y achicarla o agrandarla al igual que en Microsoft Word. 35

37 Ahora no olvide hacer clic en el botón GUARDAR para que el artículo se guarde en el servidor con los cambios efectuados. De lo contrario pulse cancelar. 16. CONTÁCTENOS Informaciones y Atención al Cliente: info@mediaclic.cl Facturación y Pagos: pagos@mediaclic.cl Soporte Técnico: soporte@mediaclic.cl Asesoría Legal: legal@mediaclic.cl Fonos de Emergencia: (Movistar) (Entel PCS) (Claro) NOTA IMPORTANTE: Es posible que una o más funciones de este tutorial no estén disponibles en su Plataforma de Administración de acuerdo a las funciones que hayamos habilitado en su cuenta dependiendo del plan contratado y las prestaciones adicionales que le hayamos habilitado (como panel de control de servidor Cpanel, Mysql, Configuración de PHP, etc). 36