AJE ASTURIAS NETWORKING Manual de Usuario

Transcripción

1 1 AJE ASTURIAS NETWORKING Manual de Usuario

2 2 Índice de contenido 1. INTRODUCCIÓN A primera vista (Contenido de la página principal) Qué usos tienen las partes de la portada? El primer contacto como administrador Ya es administrador ENTRANDO EN DETALLES Cómo gestiono el menú siendo administrador? Cree su primera página Y cómo la edito? Y cómo elimino una página creada? Cómo oculto o hago visible una página? Cómo ordeno las páginas? Y cómo creo un nuevo administrador? EDITANDO Utilizando el Editor FCK Barra de herramientas Editando una nueva página con FCK Cómo introduzco las plantillas? Cómo inserto un hipervínculo? Cómo inserto una imagen? Cómo subir una imagen al servidor? Cómo defino el estilo de los títulos? Cómo creo una tabla? Opciones de edición en las tablas...18

3 3 1. INTRODUCCIÓN El presente manual está diseñado para que se familiarice con el uso como administrador de su nuevo portal de una manera sencilla y cómoda. Una guía que le resultará de gran ayuda para conocer los entresijos de su página web. Tan solo tendrá que leer detenidamente las instrucciones contenidas en él para una correcta administración de la misma A primera vista (Contenido de la página principal) Cuando usted escribe en su navegador la URL de su nueva página se cargará automáticamente la denominada Página principal o Portada. Observe con curiosidad, en ésta encontrará tres partes diferenciadas. En la parte superior de la página se encuentra la denominada Cabecera. La parte central se denomina Contenido y la parte inferior, denominado Pie.

4 Qué usos tienen las partes de la portada? Cuadro superior / Cabecera El encabezamiento de la página, cabecera, consta de dos reparticiones distintas. A la izquierda aparece primeramente la imagen corporativa alusiva a AJE ASTURIAS que además es un enlace propio a la página. A seguir nos encontramos con los cajetines específicos para entrar en la plataforma como Usuario ya registrado además de los enlaces necesarios para realizar el Registro. Visualmente observamos los enlaces relacionados con las Redes Sociales de más uso por ustedes. A seguir se encuentra el denominado Menú de Usuario. En él se muestran los enlaces a las páginas interiores del portal por donde los usuarios podrán navegar a través de la página. Cuadro medio / Contenido El contenido de su nuevo portal web es editable, por tanto podrá modificar todo el contenido de la portada a su gusto. Tanto imágenes como texto. Las imágenes alusivas tanto a Patrocinadores como demás información gráfica se podrán visualizar en todas las páginas que se creen. Cuadro inferior / Pie En la parte inferior se encuentra el Pie de su nuevo portal. En él es donde se encuentran los datos y enlaces fundamentales de su página web, como son Aviso legal, Política de privacidad e información de contacto. Estos contenidos son editables, por tanto se podrán modificar tantas veces como sea necesario o se desee El primer contacto como administrador Una vez conocida la estructura básica de su nuevo portal específico es el momento de administrar la página. Para ello tan solo tendrá que teclear la URL y entrar como administrador introduciendo los datos necesarios que se le exigen, estos son Usuario y Contraseña que usted haya escogido Ya es administrador Una vez accedido como administrador, la nueva imagen de la página que se cargará es exactamente igual que la principal exceptuando el menú que aparecerá en la parte superior que es donde usted podrá dirigir a su gusto todo el portal. La imagen anterior expuesta es el nuevo menú que, como administrador, aprenderá a manejar de una manera ágil y fácil siguiendo los pasos que detallaremos a continuación para el deleite del lector. Se seguirá una leyenda numérica para que sea más sencillo.

5 5 Icono Nº 1: El primer icono es el denominado Menú. Desde este punto usted podrá crear, editar y eliminar las páginas que desee para su página web. Icono Nº 2: El siguiente icono es Administradores. Desde aquí podrá introducir a todas aquellas personas que sean administradores de la página para poder subir contenidos y realizar los cambios oportunos. Icono Nº 3: Acceda a la sección Encuentro de su portal. Obtenga la información principal del Encuentro. Icono Nº 4: Acceda a Asistentes. Base de datos donde irán apareciendo todos los tipos de Asistentes (Empresa Expositora, Empresa Visitante y Visitante Particular) junto a la información de empresa y las reuniones bilaterales de cada empresa participante. Se podrá imprimir la información referente a Reuniones. Icono Nº 5: Acceda al punto de menú CONFIGURACIÓN. Acceda a la GESTIÓN de los parámetros de CONFIGURACIÓN DEL PORTAL. Los datos editables de su empresa serán los mostrados en políticas de privacidad, título de la página, dominio, etc. Icono Nº 6: Icono de AYUDA (Manual). Icono Nº 7: Cuando haya finalizado de gestionar los contenidos de su página podrá cerrar su sesión pinchando sobre este icono el cual se encuentra en la parte superior derecha de la barra administrativa.

6 6 2. ENTRANDO EN DETALLES A continuación detallaremos en profundidad cada uno de estos elementos descritos anteriormente para un uso correcto desde la administración del portal. Comenzaremos por detallar las funciones de Menú Cómo gestiono el menú siendo administrador? Una vez pinchado en el icono, automáticamente se cargará el Menú completo de la parte privada. Este es el lugar donde podrá crear, editar, borrar y/o dejar ocultas las páginas y puntos de menú que pretenda de su web. Para editar la página y poder variar el contenido de la misma pinche sobre el nombre de la página que desee Cree su primera página Para crear una nueva página deberá dirigirse a la parte inferior de la página de Menú. Pinche sobre él y se desplegará el formulario para crear una nueva página (o Punto de menú como lo llama el sistema). Las partes principales del formulario se detallan a continuación: Nombre del Punto de Menú: Palabra o nombre con la que quiera identificar este nuevo punto de menú principal o página en la gestión de menú y con la que aparecerá en el menú lateral. Título de la página: Palabra o conjunto de palabras que aparecerán en la barra del explorador. Su importancia, además de indicar el título de la página al visitante, reside en que influye en el posicionamiento de la misma. Deberá ser descriptivo y breve.

7 7 Descripción: Descripción de la página para facilitar su posicionamiento en buscadores. Palabras clave: Palabras claves por la que se desee que aparezca el portal cuando se realizan búsquedas en un buscador. Tipo de página: Definir si la página será de contenido editable o una aplicación (enlace a hija, enlace a página externa, mapa web, contacto, etc.). Plantilla: Selección de plantilla en función de la necesidad de la página creada. Rellene este formulario, pinche en Aceptar y ya tendrá su nueva página creada Y cómo la edito? Para editar una página creada tan solo tendrá que acceder pinchando en el icono Editar que hay a la derecha del nombre con la que creó su nueva página. Cada página creada puede ser posteriormente editada. Desde la gestión de menú y pinchando en el icono Editar página usted podrá cambiar los datos que ha introducido a la hora de crear la página. Por tanto, al pinchar sobre este icono se le desplegará el mismo formulario, esta vez con los datos incluidos por usted y sobre ellos podrá efectuar las modificaciones que desee. Si está conforme, pinche Aceptar al acabar, si no, puede cancelar la edición en cualquier momento, pinchando sobre su botón correspondiente. Recuerde que desde la gestión de menú no se editan los contenidos (texto e imagen) de las páginas, sino los datos principales de cada una de ellas Y cómo elimino una página creada? Si usted necesitase eliminar alguna de las páginas existentes o creadas, solamente tendrá que pinchar en Eliminar. A continuación se le mostrará un mensaje de confirmación para asegurar la acción que desea realizar. Como es evidente, una página eliminada no puede volver a ser recuperada, por lo que deberá ser cuidadoso a la hora de tomar decisiones Cómo oculto o hago visible una página? Cada página tiene la opción de estar visible o estar oculta. Oculta no quiere decir que nadie puede verla, sino que no aparecerá ningún enlace en el menú principal. Sin embargo, sí que desde el contenido o cualquier otro lugar se podrá enlazar con estas páginas creadas. Las páginas ocultas no aparecen en el menú principal, pero sí que pueden ser enlazadas desde otras. Es decir, las páginas ocultas pueden cumplir la función de páginas secundarias.

8 Cómo ordeno las páginas? El orden que la página ocupa en el menú principal se elige desde la gestión de menú. En él las que aparecen en primer lugar son las que, después, en el menú de usuario, ocupan también las primeras posiciones. A continuación observará en la barra que nos encontramos con el punto de Administradores. Si pincha sobre él entrará en la parte privada exclusiva para la administración de los administradores de su página. Pero sólo es para usuarios que puedan ser administradores de la misma. Podrá Editar/Borrar a los nuevos usuarios que cree como nuevos administradores Y cómo creo un nuevo administrador? Para crear un nuevo administrador de la página web tan sólo tendrá que pinchar en Nuevo Administrador e introducir todos los datos que se le exigen. A continuación se encuentra Encuentros. Información detallada del Encuentro.

9 9 A continuación Asistentes. Base de datos con todos los participantes. Una vez que la empresa se haya inscrito, automáticamente aparecerá en el Listado de Asistentes. En él usted podrá conocer todos los datos de las Empresas Participantes así como las reuniones bilaterales que llevarán a cabo con otras empresas. Esta parte es imprimible. En el apartado Sectores aparece el listado completo de los sectores. Se podrá Añadir/ Editar/ Borrar cualquier sector. En el apartado de Configuración usted podrá modificar los datos generales de su empresa. Estos datos son los que se muestran en Aviso legal y Política de privacidad. Además de obtener conocimientos de la barra Administrador de su propia página, también puede modificar todos los contenidos que en ella aparecen. Para ello tan sólo tendrá que ir pinchando en la barra del Menú Principal o Menú de Usuario. Recuerde que para ello tiene que estar logueado como administrador. A la derecha de la barra de administrador se encuentra el icono para salir de la aplicación como administrador. Como anteriormente suscribimos, además de obtener conocimientos de la nueva barra administrador, también puede modificar todos los contenidos e imágenes de la web. Para ello deberá pinchar en cada uno de los puntos del menú principal o menú de usuario. Recuerde que para ello debe estar logueado como administrador. A continuación detallaremos cómo puede modificar los contenidos de su página: Inicio: Para la modificación de los contenidos de inicio, observará que aparecen botones con texto Editar Contenido. Deberá de pinchar en ellos y modificar a su gusto el texto. El uso del editor se expone más adelante. Encuentros AJE: Introduzca la información correspondiente deseada pinchando sobre el botón disponible de edición de contenido. El uso del editor se expone más adelante. Inscripción: Página dónde las empresas participantes y los visitantes podrán inscribirse. Programa: Los usuarios de la web pueden visualizar el Programa completo del evento en cuestión. Recuerde que puede modificar toda la información pulsando en Editar Contenido. Contacto: Puede modificar toda la información de contacto pinchando en Editar Contenido.

10 10 3. EDITANDO Para poder comenzar a introducir contenido en las páginas que conforman su portal completo tendrá que pinchar en el icono Editar del menú de navegación. Una vez hecho esto veremos que las zonas de contenido editable de la página en la que nos encontramos se señalan con el icono de lápiz, es decir, con el botón Editar Contenido. Si pinchamos sobre éste se activará el editor FCK.

11 Utilizando el Editor FCK Ya hemos visto que las zonas editables del contenido vienen señaladas por el icono del cuaderno y el lápiz. Con el editor podrá introducir texto, imágenes, aplicar estilos, etc., como si estuviera actuando directamente sobre la página. El editor se caracteriza por representar muy fielmente el contenido que está introduciendo con el aspecto final. Es decir, tal como lo vemos en el editor, tal como saldrá publicado Barra de herramientas Con la barra de herramientas del editor usted podrá realizar las acciones deseadas. A continuación se le muestra una imagen y la definición y explicación de cada punto para que realice con éxito todo lo deseado. Se expone, opción por opción, para qué sirve cada uno de los botones característicos de la barra de herramientas del editor. Posteriormente, aquellas opciones más importantes o de interés para usted se explicarán en detalle: Icono Descripción Fuente HTML. Al pinchar sobre él accederá al código fuente de la página que está editando. Si desconoce el lenguaje HTML le recomendamos que no entre en el código. Guardar. Salvar los cambios realizados. Cumple la misma función que el botón aceptar. Plantillas. Desde aquí podrá elegir la plantilla predeterminada que desea incluir en la página. Más adelante explicaremos en profundidad esta opción. Pegar. Con este botón, usted podrá pegar contenido del portapapeles. Aún así, no le recomendamos usarlo. Pegar desde el Bloc de Notas. Si el texto que ha copiado proviene del bloc de notas (opción que recomendamos) pinche en este botón y péguelo en la ventana que se abrirá. Luego dé a aceptar. Pegar desde Word. Si el texto que ha copiado proviene del Word de office puede usar este botón para pegar el texto en su editor. Sin

12 12 embargo, nosotros le recomendamos que primero lo pegue en el bloc de notas y luego utilice la opción de pegar desde el bloc de notas. De esta manera el texto llega siempre limpio de caracteres extraños que afectan a los estilos y, por tanto, al diseño de la página. Deshacer y rehacer. Cuando esté editando un contenido podrá corregir el contenido que ha introducido mediante estas flechas. Flecha izquierda, deshace. Flecha derecha rehace lo deshecho. Buscar. Busca una cadena de texto en el editor. Reemplazar. Le permite sustituir una palabra o frase por otra palabra o frase. Seleccionar todo. Para seleccionar todo el contenido del editor, tanto texto como imágenes. Borrar formato. Elimina los estilos del texto seleccionado. Negrita, Cursiva, Subrayado y tachado. Texto como subíndice y Texto como superíndice. Lista numerada. Convierte el texto seleccionado en una lista o le permite iniciar una lista numerada. Lista no numerada. Convierte el texto seleccionado en una lista con viñetas o le permite iniciar una lista no numerada. Reducir o Aumentar sangría. Desplaza el texto hacia la derecha un tramo determinado, si el texto se encuentra desplazado hacia la derecha mediante sangría, puede eliminar la misma pinchando en el icono de la izquierda (reducir sangría). Alineación del texto. A la izquierda, en el centro, a la derecha o justificado.

13 13 Insertar hipervínculo. Pinchando en esta opción podrá insertar enlaces en el texto que haya seleccionado. Insertar un ancla. Introduce un punto en la página al que poder enlazar desde un enlace dentro del propio contenido. Muy útil para cuando hay gran cantidad de texto y se busca dar una navegación ágil al visitante. Insertar imagen. Pinchando en esta opción podrá insertar una imagen desde su servidor. Más adelante explicaremos más detalladamente esta opción. Insertar tabla. Esta opción le permite determinar cuántas columnas y celdas tendrá la tabla a insertar. Le recomendamos que sólo la use para introducir textos que necesiten de una tabla (por ejemplo, características técnicas de un producto) y no para maquetar una página. Insertar línea horizontal. Podrá insertar una línea horizontal entre párrafos o elementos de su página. Insertar un carácter especial. Estilo de los títulos. Cuando quiera poner un título, un encabezado, a una página o a un párrafo, puede elegir el estilo del mismo entre las opciones del listado. Más adelante detallaremos un poco más este aspecto. Versión del editor. Aquí se le informa de la versión de su editor. No influye en el editor ni sirve para alterar nada del contenido. Es mera información sobre el editor FCK Editando una nueva página con FCK Tras crear la página en la Gestión de Menú, podremos acceder a ella y empezar a introducir los contenidos deseados. Acabamos de presentarle el Editor FCK, la herramienta con la que va a editar el contenido de su página. Ahora es cuando pueden surgir dudas de como utilizar la barra de herramientas del FCK, intentaremos paliar sus dudas. Cómo introduzco las plantillas? Cómo inserto un hipervínculo? Cómo inserto una imagen?

14 14 Cómo defino el estilo de los títulos? Cómo hago una tabla? Cómo introduzco las plantillas? Al pinchar sobre ella se nos desplegarán todas las plantillas disponibles. Pinche la que quiera insertar y listo. Atención: Esté atento a la casilla Reemplazar el contenido actual. Si está seleccionada, cuando elija una plantilla, sustituirá todo el contenido que haya en la página por la plantilla que ha elegido. No se puede recuperar, por lo que le recomendamos que salvo que esté seguro, mantenga sin seleccionar esta opción. Si le ocurre por accidente, tiene la opción de no guardar los cambios que haya hecho hasta el momento pinchando en Cancelar y reiniciar con el contenido guardado la última vez Cómo inserto un hipervínculo? Para establecer un hipervínculo o enlace a otra página se seleccionará la cadena de texto a la que desea aplicar. Emergerá una ventana como la que se muestra a la derecha (IMAGEN NWL )que se completará introduciendo en el campo URL, la dirección deseada. Una vez completada esta información pulsamos sobre OK y ya tendremos listo el vínculo. Para que al pinchar enlace, éste se abra en otra ventana y, así no se cierre nuestra página, deberemos repetir la operación, pero antes de darle a OK, pinchar en la pestaña Destino y seleccionar la opción: Nueva Ventana (_blank), tal y como se muestra en la segunda imagen. Realizadas las acciones anteriores pincharemos en OK y ya tendremos un enlace que se abre en otra página Cómo inserto una imagen? Para insertar una imagen deberá pinchar en el icono de la barra de herramientas

15 15 que contiene ese fin. Se le abrirá la siguiente ventana. En ella deberá buscar la imagen en el servidor del sitio. Para ello deberá pinchar en el botón Ver servidor. Esta acción abrirá su servidor y allí podrá encontrar las imágenes que haya subido o podrá subirlas como más adelante le explicamos. Una vez que ha localizado la imagen que quiere, pinche sobre ella. El sistema regresará a la primera ventana mostrándole una previsualización de la imagen (como se le muestra en la siguiente imagen). Determine el ancho y alto de la misma e incluya en Texto alternativo una descripción de la imagen que va a colocar. Cuando acabe, acepte y compruebe que la imagen queda como desea en el editor. Si no encaja, pruebe a reducir su tamaño pinchando de nuevo sobre la imagen y luego en el icono de propiedades de imagen y modifique sus dimensiones ( Anchura y Altura ).

16 Cómo subir una imagen al servidor? Para subir una imagen al servidor deberá entrar al mismo. Para entrar en el servidor, deberá pinchar en la opción insertar imagen del editor y, en la ventana que le aparezca, pinchar en Ver servidor. Entonces se le abrirá el servidor con las carpetas y archivos que tenga en el mismo. Para subir una imagen, seleccione la carpeta donde quiera guardarla, en el ejemplo, Carpeta cristal. Una vez dentro de la carpeta, pinche en Examinar. Se le abrirá una ventana con contenido de su ordenador, busque la imagen, selecciónela y pinche en Abrir.

17 17 La imagen estará lista para ser subida. Deberá, entonces, pinchar en Upload. Tenga paciencia, tras unos segundos, la imagen aparecerá en el servidor y ya podrá seleccionarla para insertarla en la página que esté haciendo Cómo defino el estilo de los títulos? Como puede apreciar en la imagen de la derecha, por defecto se han determinado una serie de títulos. El estilo predeterminado del texto es el normal. A una parte de ese texto podrá cambiarle el estilo y darle el de alguno de estos tres. Para asignar un estilo a un texto, seleccione el texto y, posteriormente, seleccione el estilo.

18 Cómo creo una tabla? Antes de introducir la tabla confirme cuántas columnas y filas va a tener la misma. Se le abrirá esta ventana. En este formulario introduzca el número de filas y columnas. Elija el tamaño del borde, por sistema es 1 y es el tamaño del borde de las tablas ya subidas. Determine la anchura en 100 y, en vez de píxeles, elija porcentaje. El resto de datos puede dejarlos en blanco o como están. Cuando haya acabado, pinche en aceptar y le saldrá la siguiente tabla sobre la que podrá incluir los datos que necesite Opciones de edición en las tablas Combinar celdas: Para que dos o más celdas se unan formando una única celda deberá colocar el cursor sobre una de ellas y pinchar en el botón derecho. Le saldrá el menú de opciones de tabla.

19 19 En este menú, elija Celda. Se desplegará el menú de opciones de celda. Allí deberá elegir: Combinar a la derecha o hacia abajo, según cómo desee que sea la combinación. Deberá repetir la operación por celda a combinar. Cambiar el color de fondo de las celdas: Repitiendo los pasos anteriores, hasta que se despliegue el menú de opciones de celda, pinche en Propiedades de Celda. Y en el campo Color de Fondo pinche en seleccione y le saldrá una paleta de colores para que elija el que desee. Elíjalo y pinche en aceptar. La celda habrá cambiado de color de fondo. Eliminar fila o columna: Para eliminar una fila o una columna pinche con el botón derecho del ratón en una celda de la fila o columna que desee eliminar. Le aparecerá el menú de opciones de tabla. Según sea Fila o Columna elija el apartado correspondiente y elija eliminar fila o columna. Si desease insertar, en vez de eliminar, la operación es la misma, sólo cambia la elección final, en vez de eliminar, insertar, arriba o abajo para las filas, izquierda o derecha, para las columnas.