DOCUMENTO GUÍA EN LA CREACIÓN DE LAS PÁGINAS A PARTIR DE LA ADMINPOR

Transcripción

1 DOCUMENTO GUÍA EN LA CREACIÓN DE LAS PÁGINAS A PARTIR DE LA ADMINPOR cabezal columnas Las Páginas o Sitios tendrán por lo general una distribución o diseño que corresponderá con un cabezal, tres columnas y un foot o pie, las columnas estarán compuestas por cajas donde se colocarán los contenidos. foot La administración desde esta herramienta (ADMINPOR) es muy sencilla y de fácil manejo, su dirección es: saldrá esta imagen y debe seleccionar la zona donde Ud. debe crear o bien sus cajitas o los artículos que están enlazados a estas. PARA CREAR LAS CAJITAS EN LAS PÁGINAS Pasos a seguir: 1- Entrar a la dirección 2- Entrar donde dice "PORTAL" 3- Escribir sus datos de usuario y contraseña

2 4- Inicio de la construcción de las páginas En la pantalla aparece dos tablas, la primera es la correspondiente al menú general de la creación de las página a partir de las cajitas y la segunda tabla es el despliegue del menú, es decir FORMATO, CONTENIDOS, etec Aunque al abrir este paso se inicia al abrir en FORMATO la construcción de las páginas se comienza por CAJAS. Administración del Portal de Infomed FORMATO CONTENIDOS CAJAS ESTADISTICAS HISTORIAL USUARIOS BUSQUEDAS Página: (Saldrá la página a la que UD tenga permiso) Acción Cajas Posición Peso No hay cajas seleccionadas para esta página Nueva Plantillas de Cajas de Infomed Entrar a la tabla superior desde la ventana CAJAS inicialmente, en la opción CONTENIDO se introducen la información y se le da posición mediante FORMATO. Ejemplo: Entrar a la ventana CAJAS Ir al botón Nueva, aquí le declara el color de la cajita mediante la elección de la plantilla creada o definida para su página (desde Plantillas de Cajas de Infomed puede revisar los colores). Es importante darle un título a la caja con un texto no muy largo para que este no sobre pase el espacio declarado a las columnas de las cajas y que a su vez sea representativo, marque Adicionar Entrar en la ventana CONTENIDO Desde esta ventana se introduce la información en editar (icono primero izquierda), puede hacerse de varias formas

3 1.- Teclearse directamente en el Editor de Texto, que se despliega en el pie de la página. 2.- Editar el texto en el Bloc de notas que modificará el texto en un formato básico y pegarlo en al Editor de Texto para que no arrastren etiquetas propias de otros editores que no permitirá coger el estilo del texto declarado por la hoja de estilos creada para el Portal. 3.- Si la información fue creada en el Word, utilizamos el Limpiador de HTML (borra los estilos), este limpiador borrará todos los estilos, tipo de letras y tags menos utilizados. Algunas de las características de formato pueden desaparecer como son enlaces y colores de textos, esto es muy recomendable usarlo cuando se traen tablas desde el Word. Aquí en CONTENIDO se convierte en activa la caja Entrando a la ventana FORMATO se adicionan las diferentes cajas creadas dándosele posición y peso dentro de cada columna y a su vez las cajas serán visibles desde el IE (siempre que se encuentren estas cajas activas). Nota: todas estas acciones son aconsejable irlas viendo en otra ventana del Internet Explorer (IE) con la página sobre la que se está trabajando (ej.: de esta forma se controla el diseño, además es necesario declarar en el IE en la opción Ver/Tamaño de texto/mayor, así observamos no se arrastren etiquetas de otros editores.

4 FUNCIONALIDADES DEL EDITOR DE TEXTO: Limpiador del HTML Enlaces Ficheros Imágenes Tablas COLOCAR LOS ENLACES EN EL TEXTO 1.1_ Para insertar enlaces. _ En el editor seleccione el texto o imagen a la cual se le asignará un enlace. _ Haga click en el botón "Insertar Enlaces" y defina href, target y el estilo, después haga click en el botón insertar. _ Para "Insertar Enlaces" dentro de la misma página debe hacerlo desde el código fuente o código html y declarar las anclas o enlaces internos al lugar donde quiere que vaya el enlace esto es muy usado en los artículos o segundas páginas de esta forma: Parado en el titular o listado de términos coloca <A class=enlaces href=" Necesidades de vitaminas y.</a><br> 2. <A class=enlaces href=" Cuáles son las principales vitaminas y minerales </A><BR> En el lugar que contenga el contenido del titular se colocan las anclas o enlaces internos de esta forma: <A name=necesidades></a>necesidades de vitaminas y (continúa ) <A name=cuales></a> Cuáles son las principales vitaminas y (continúa ) Nota: Con esta variante se puede asignar enlaces a imágenes y textos con el inconveniente que esta opción no recupera el estado anterior de las propiedades del enlace si fueron asignadas con anterioridad. 1.2_ Para editar las propiedades del Enlace. - En el editor marque con el mouse el enlace que desea cambiarle las propiedades y se activarán en la barra de tareas del editor el botón "Propiedades del enlace" - Haga click en este botón y podrá editar propiedades tales como: Href, Target y Estilo (para asignar los dos estilos existentes), esta última se visualiza en una vista previa. Recuerde que target=_blank se utiliza cuando uno desea que el enlace se abra en una nueva ventana del IE. - Haga clic en el botón OK. Nota: esta funcionalidad se utiliza para los enlaces asignados a textos, no así para los enlaces asignados a las imágenes, a las direcciones de correo, etc.

5 SUBIR FICHEROS AL SERVIDOR, en formatos PDF, WORD, Power Point, EXCEL o TEXTO Está en el editor del adminpor y quiere enlazar a una palabra o frase un documento en formato digital que tiene en sus archivos y para ello: _ Marca el texto que quiere enlazar _ Da click sobre el icono que dice "Insertar ficheros" (está ubicado a la izquierda de Insertar imágenes) y se le abrirá una ventana _ Primero a la izquierda donde dice "Librería" escoge el tipo de documento que se va a subir, si es PDF, Word, Power Point, Excel o Texto _ Ubico dónde colocaré ese documento, en qué carpeta estará. Solo tendré permiso de escritura en aquellas carpetas que estén marcadas con *. _ En la parte inferior de la ventana entro a "Examinar" para escoger en mi computadora el fichero que quiero subir y una vez escogido doy click en la opción "Subir" _ Una vez que esté en el servidor se mostrará en el rectángulo central donde dice "Ficheros" y usted lo marcará dando click sobre él _ En Target escojo la opción deseada, recuerden que si usted quiere que se abra una ventana nueva al abrir el documento tiene que escoger "_blank" _ En Estilos escojo la opción deseada, recuerden que "enlaces" es el estilo que se usa para todos los enlaces en nuestro portal, "enlacesp" es el mismo estilo "enlaces" pero con la letra un punto mas chica _El último paso es dar "Insertar" INSERTAR IMAGENES 1- Para insertar una imagen, da click sobre y en la ventana que se abre a tal efecto y que se ve el nombre de la página en la que está autorizado a trabajar acompañada por un asterisco (*) lo primero que tendrá que elegir es la ubicación de su imagen en su PC (Examinar), Subir e Insertar.

6 Usted podrá ver TODAS las imágenes de su página y si desea una imagen de otra carpeta también lo podrá usar, pero solo podrá subir a la carpeta en la cual usted tiene los permisos. Esta carpeta/carpetas donde usted tendrá permiso para escribir o borrar estará marcada con un *. Nota: Los editores que tienen permisos para varias páginas, tienen que asegurarse de insertar la imagen en las carpetas correctas. Estos también se aplican a la opción de "Artículos", El tamaño de las imágenes no debe sobrepasar los 5 kbytes, en caso de no tener calidad por la perdida de información subir la imagen con tamaño mayor y poner enlace a la pequeña que fue insertada. Toda imagen que este en la página debe tener un texto alternativo El tamaño de las imágenes en píxel para la columna de los extremos no debe ser mayor de 150 y en la del centro no mayor que 350 píxeles, en el caso de los artículos o segundas páginas no mayor de 500 píxeles. CREAR TABLAS Desde el icono insertar tabla creamos la tabla que necesitamos para poner en nuestra página, con la cantidad de columnas y filas necesarias, con el ancho requerido, es decir con las propiedades necesarias Desde este menú vemos como podemos editarla y cambiarle sus propiedades, también existe las posibilidad de variar las propiedades de las celdas, insertar filas, columnas, borrar filas, columnas, combinar celdas. En caso de que tengamos una tabla creada en Word podemos insertarla o pegarla, pero siempre debemos pasarle el Limpiador de HTML y de esta forma eliminar todas las etiquetas que arrastra.

7 Nota: el Editor de Texto no se activa en todos los navegadores solo en el Internet Explorer, en el Mozilla, Opera, etc. solo se verá el código fuente o las etiquetas de HTML

8 PARA CREAR LOS ATÍCULOS O SEGUNDAS PÁGINAS Pasos a seguir: 1. Entra al adminpor: 2. Entrar a "Artículos " escribir datos de usuario y contraseña 3. Entra a su sección, que será la única activa 4. Le aparece una pantalla donde se muestra el botón "Nuevo", y aparecen dos ventanas, una pidiendo el título del artículo (lo que usted declare aquí le aparecerá en negrita en el texto) y la otra ventana verá el Editor donde usted escribirá el texto del artículo. Al igual que el Editor de Texto de las cajitas aquí usted puede adicionar imágenes, trabajar con tablas, enlaces, etc, y deberá pegar información pasada por el editor del Bloc de notas o como se explica en Funcionalidades del Editor de Texto 5. Una vez que termine de editar el artículo da "Adicionar" y se le guardará el mismo con una referencia que aparecerá reflejada en la segunda columna de la tabla donde se muestran todos los artículos. Esa referencia,

9 usted tiene que copiarla, ya que será la que va a poner en el enlace que haga en la cajita, por ejemplo: escribirá aquí va una dirección en dependencia de la página en que se esté trabajando y pegará, /temas.php?idv=2852 Nota: en el caso que vaya a trabajar con un artículo que ya existen se pueden Editar o Eliminar Tenemos dos grupos de Editores, los que son editores de las páginas que conforman nuestro portal, o sea: PRIMER GRUPO, solo tendrían que poner un "/" antes de la referencia. En este grupo solo están: Bárbara Lazo, Damiana, Ana Gloria, Maite, Delmis, Edita, Ileana Armenteros, Dinorah, Sanabria, Mirta, Marques y Tania SEGUNDO GRUPO que lo conforman los editores de las páginas: Ponle Vida, Rehabilitación, Salud y Desastres, Genética, Revista de Salud Pública, Infodir, Intranet y Medicina Natural, etc. Tienen que hacer los pasos de la misma manera que el primer grupo pero el camino será de la página/temas.php?idv=1999 Nota: Tanto en estas páginas como en las páginas principales es usado el mismo Editor de Texto y por lo tanto poseen las mismas funcionalidades.

10 INCLUIR LAS PREGUNTAS MÁS FRECUENTES EN LAS PÁGINAS DEL PORTAL 1. Entrar en Adminpor y seleccionar el menú de FAQ, entrar login y contraseña (no tiene que ser el mismo usuario y contraseña que utiliza para entrar en adminpor). ( 2. Aparece una pantalla donde dan dos direcciones la de los Temas y la del Subtemas, esta última será la dirección del enlace a la cuan UD va a tener que dirigir sus preguntas más frecuente desde la cajita asignada en su página principal PÁGINA DEL EDITOR DE LA FAQ Portal de Infomed Salir de la Sesión PREGUNTAS Y RESPUESTAS MOVIMIENTOS DE PREGUNTAS Administración de preguntas y respuestas Temas: Ok URL: Subtemas: Ok URL: Acción Texto Contestada Nueva Salir de la Sesión PREGUNTAS Y RESPUESTAS MOVIMIENTOS DE PREGUNTAS

11 USAR LA GALERIA DE IMÁGENES EN LAS PÁGINAS DEL PORTAL Escriba el usuario y la contraseña para entrar a la administración (el mismo usuario y contraseña que utiliza para entrar en adminpor). 3. Ya en la administración de la lista desplegable Página saldrá las asignadas a editar para definir las temáticas de la galería de imágenes (puede ver un ejemplo como se verán las temáticas para el usuario final en para dicha página (ejemplo: sitios/aniversario40). [Finalizar Sesión] 4. Después de seleccionada la página haga clic en Editar temáticas de las fotos para definir las temáticas de la página. 5. Definidas las temáticas haga clic en Editar fotos por temáticas para entrar las fotos de las temáticas creadas en el paso anterior.

12 6. Ya creada la temática se le asocian las fotos mediante el 2. Editar fotos por temáticas, haga click en prueba y le dará una posición y peso a las fotos en dependencia de su prioridad o interés, la primera será ña que se observa en el portal como anuncio de la Galería (ver ejemplo en 7. Comenzar a introducir las fotos por temáticas 8. Se irán poniendo o subiendo las fotos desde las carpetas donde las tiene organizada en su computadora, llenándose los datos que aparecen en esta tabla, la descripción le permitirá hacer un pie de foto a la imagen y el peso su posición dentro de todas en el listado Nota: El tamaño Máximo: 60 Kb y tipo de Imágenes permitidas serán jpg y png, hemos trabajado en la Versión 7 del IE y no funciona el Editor de Fotos correctamente, por lo que aconsejamos su uso en versiones menores como son la 6 y 5.5