PERCISA Manual de Usuario

Transcripción

1 1 PERCISA

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...20

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. 1.2.El primer contacto como administrador Una vez conocida la estructura básica de su nuevo portal es el momento de administrar la página. Para ello tan solo tendrá que teclear la URL

4 4 y podrá entrar como administrador de la misma introduciendo los datos necesarios que se le exigen, estos son Login (nombre de usuario) y Contraseña. En este momento, entrará en la sesión administrador en ESPAÑOL. Si desea iniciar la sesión en INGLÉS deberá teclear la url clicar en la cabecera encima de la bandera inglesa y entrar en login. Es decir, la url para entrar en modo inglés es: Entre con los mismos datos que con Español, esto es Login y Contraseña 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. A continuación observará 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 A seguir se muestra la imagen del menú administrador: Icono Nº 1: El primer icono es el denominado Menú de Páginas. 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 Administrador. Cree tantos administradores de la web como desee. Modifique contraseñas y/o elimine administradores. Icono Nº 3: Acceda a la sección Búsquedas. Conocerá el detalle de las búsquedas en la red relacionadas con su web que son más efectivas y las palabras clave por la cuales su web es encontrada. Icono Nª 4: Configuración. Edite la información de empresa. Esta información se mostrará automáticamente en los boletines y e - mails. Icono Nº 5: Manual. Conozca el detalle del uso como administrador de la web en línea. Icono Nº 6: Finalice la sesión como administrador pinchando en el icono Salir.

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.

7 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. Visible en menú: Marcar o desmarcar a gusto. Descripción: Descripción de la página para facilitar su posicionamiento en buscadores.

8 8 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 de 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 Cómo ordeno las páginas?

9 9 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ú ocupan también las primeras posiciones Y cómo creo un nuevo administrador? Para crear un nuevo administrador de la página web tan sólo tendrá que pinchar en Administradores e introducir todos los datos que se le exigen. A la derecha de la barra de administrador se encuentra el icono para salir de la aplicación como administrador. A continuación detallaremos el menú de usuario. Recordamos que estas funciones también las podrá realizar en Inglés entrando en la sesión tal y como se comenta al inicio del manual. Podrá modificar/introducir los nuevos textos e imágenes en Inglés usando el mismo método: Inicio (Home): Podrá modificar el texto y las imágenes pinchando en Editar Contenido tantas veces como desee. El uso del Editor se expone en el capítulo siguiente. Quiénes Somos: Si desea modificar texto e imágenes cliquee en Editar Contenido. Dentro de Quiénes Somos, se encuentra Localización. Para crear páginas similares, recuerde que tiene que estar logueado, introducirse desde el punto de menú de administrador MENÚ (Icono Nº 1) y dentro de la página Quiénes Somos, crear una hija de ésta. Esta nueva página creada tendrá que llevar la plantilla (explicado anteriormente) Interior con Menú para que sea visible correctamente. Para realizar cambios del marcador de Google en Localización, pinche en Editar Contenido, y piche directamente el marcador. Automáticamente se abrirá las Propiedades del mapa de Google desde donde podrá cambiar la localización completa. Cierres de Seguridad: Edite el contenido y las imágenes tantas veces como desee. Tan sólo tendrá que clicar en Editar Contenido y podrá modificar al gusto. El uso del editor se expone a continuación. Puertas y Cancelas: Edite, modifique o cree nuevos textos o imágenes como desee. Para ello tendrá que pinchar en Editar Contenido y podrá modificar usando el FCK Editor. Un editor de texto que podrá manejar

10 10 sencillamente. La exposición del uso del mismo se expone a continuación. Automatizaciones: Modifique el texto, introduzca nuevas imágenes clicando en Editar Contenido. El uso del editor se expone a continuación. Servicios: En la página principal de Servios, puede introducir o eliminar, de las plantillas creadas, tantas veces como desee. Tan solo hay que pinchar en Editar Contenido. A seguir se abrirá el editor de textos e imágenes. El uso del mismo se detalla en el siguiente capítulo. Contacto: Modifique el texto de contacto pinchando en Editar Contenido.

11 11 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 botón Editar Contenido. Si pinchamos sobre éste se activará el editor FCK 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. Plantillas. Desde aquí podrá elegir la plantilla predeterminada que desea

12 12 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 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

13 13 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. 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.

14 14 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. Edite el marcador de Google para localizar su empresa en la red y que los usuarios de la web obtengan una visión exacta de donde se encuentra. Inserte una película flash en la web 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? 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.

15 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 que contiene ese fin. Se le abrirá la siguiente ventana.

16 16 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 ).

17 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.

18 18 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.

19 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. En este menú, elija Celda.

20 20 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.