Tutorial Editor JCE para Joomla 25

Tutorial Editor JCE para Joomla 2.
5 en espaol
Aviso Legal El usuario que utilice esta informacin la podr divulgar de manera gratuita, pero NO tiene los Derechos de Reventa o de Reimpresin de este conjunto de textos. Por lo que NO podr vender o entregar, extraer o copiar y reproducir todo o parte de los contenidos brindados en ningn formato, ya sea electrnico, impreso u otras formas de reproduccin multimedia. Copyright Alojatuempresa.com Copyright 2009 2013 | Todos Los Derechos Reservados. Responsabilidad e Informacin Legal La informacin contenida en este tutorial fue realizada con fines educativos, y refleja el punto de vista, opiniones, experiencias y creencias de su autor en el momento de su edicin. El Autor se ha esforzado para ser lo ms claro posible; sin embargo, no garantiza que los conceptos aqu desarrollados vayan a funcionar para usted, ya que adems depende de su propia dedicacin, constancia y trabajo. Ms all de haber realizado todos los intentos por verificar la informacin provista en esta publicacin, el Editor no asume ninguna responsabilidad por errores, omisiones, o interpretaciones errneas del tema aqu presentado. Cualquier ofensa percibida de personas u organizaciones es involuntaria. Se advierte a los lectores a responder bajo su propio juicio con respecto a las circunstancias individuales y actuar en consecuencia.
Calle 18 No 19 - 06 Tel.: [4] 887 4717 / Cel.: 311 631 90 56 contactos@alojatuempresa.com Yarumal Antioquia - Colombia www.alojatuempresa.com Copyright 2009 - 2013
Introduccin Este tutorial no pretende educar 100% al usuario que lo utilice, pero si le dar unas bases para la utilizacin de las herramientas elementales que tiene activas el Editor de Texto JCE para Joomla 2.5 versin FREE. El usuario con el Editor de Texto JCE podr publicar en su sitio web imgenes, texto, enlazar documentos ofimticos y PDFs, adems puede enlazar URLs externas a otros sitios de inters sin necesidad de abandonar el sitio en el que est navegando. Este tutorial lo podr descargar totalmente GRATIS desde cualquier sitio web elaborado por alojatuempresa.com | Solucin y educacin virtual o directamente desde aqu <>. A veces las aplicaciones de escritorio no tienen la misma compatibilidad con las aplicaciones de internet, por lo tanto el usuario debe saber que hay acciones que no se pueden realizar en escritorio y luego copiar y pegar en el contenido de su sitio web. El Editor de Texto JCE cuenta con las mismas herramientas de un editor de escritorio o aplicacin ofimtica, pero el documento a publicar muchas veces hay que crearlo dentro de un artculo de su sitio Joomla 2.5.
Log - IN / OUT Lo primero que el usuario debe hacer es buscar el tem de men Log - IN / OUT ubicado en algunos sitios en la parte superior, en el lado izquierdo o en la parte inferior en el Mdulo Men ZONA PRIVADA que lo llevar a la pgina de IDENTIFICARSE o INICIAR SESIN. Loguin en su sitio web El usuario debe tener permisos de PUBLICADOR para ingresar a la zona privada del sitio web e identificarse dentro de este para poder publicar informacin. Solo debe llenar el formulario con su nombre de Usuario y Contrasea asignada por el administrador del sitio web, luego debe terminar la accin con el botn IDENTIFICARSE o INICIAR SESIN en algunos sitios como se presenta en la siguiente captura.
La captura que sigue es la de redireccin cuando el usuario ya se ha identificado con su Login, tambin puede editar su perfil desde el enlace inferior EDITAR PERFIL.
Editar Perfil Este es el formulario que se presenta en EDITAR PERFIL

Mdulo Men Zona Privada Despus de que el usuario se identifica, en el mdulo men ZONA PRIVADA aparecen otros tems de men que le ayudarn a la navegacin de otras funciones en el sitio web (Log IN/OUT, Editar tu Perfil, Crear Artculos, Ayuda,y WebMail).
Men Crear Artculos El tem de men CREAR ARTCULOS se encuentra en el mdulo men ZONA PRIVADA, donde aparecer una captura como la siguiente. Vamos a ver cada una de las herramientas para crear un artculo para tu sitio web. Ttulo: es el ttulo del artculo que se va a publicar en el sitio web Alias: hace parte de la URL que se formar cuando el usuario guarda el artculo publicado en el sitio web; ejemplo. http://www.alojatuempresa.com/sitio/home/index.php/corporativo/5-mision http://www.alojatuempresa.com: corresponde al dominio asignado para el sitio web /sitio/home/index.php: son el/los directorios en los que se ubica el index que inicia el sitio web. /corporativo: es la categora que se le asigna al artculo para destacarlo en el orden jerrquico de la estructura del sitio. /5-mision: es el nombre que se le da al artculo como lo indica en el alias de la URL del sitio
Editor JCE El Editor de Texto JCE cuenta con diversas herramientas que le sirven al usuario para crear un artculo y publicarlo en el sitio web. Editor de Cdigo [Toggle Editor] Toggle Editor es una herramienta para programadores que edita en formato cdigo Presentacin de las herramientas del Editor de Texto JCE
Ayuda avanzada [advanced. Help_Desc] El Editor JCE cuenta con unos enlaces de ayuda para el usuario que le mejorar la comprensin del manejo de las herramientas. Editor JCE Sobre el Editor JCE Conceptos bsicos de edicin Botones Editor Reconocimientos Licencia
Nuevo documento avanzado [advanced.newdocument_desc] Esta herramienta permite crear un nuevo documento cuando el usuario necesite volver a empezar de nuevo el artculo.
Rehacer avanzado Deshacer avanzado [advanced.redo.desc - advanced.undo_desc] Esta herramienta le permite al usuario rehacer o deshacer cualquier accin errnea o dems que haya realizado.
Negrita avanzada [advanced.bold_desc] Esta Herramienta permite al usuario resaltar en negrita alguna palabra o prrafo de texto. Se selecciona el texto que se quiere resaltar y luego aplicar la NEGRITA.
Ayuda avanzada [advanced.italic_desc] Esta herramienta permite al usuario poner una palabra o frase en modo cursiva. Se selecciona el texto que se quiere aplicar la accin CURSIVA. Subrayar avanzado [advanced.underline_desc] Esta herramienta permite al usuario poner una palabra o frase destacndola con una lnea debajo.
Para subrayar, seleccione el texto que desee destacar o subrayar presionando el botn.
Tachado avanzado [advanced.strikethrough_desc] Esta herramienta permite al usuario poner una palabra o frase destacndola con una lnea en medio. Para tachar, seleccione el texto que desee destacar o tachar presionando el botn.
1-Justificado completo avanzado [advanced.justifyfull_desc] 2-Justificado centrado avanzado [advanced.justifycenter_desc] 3-Justificado izquierda avanzado [advanced.justifyleft_desc] 4-Justificado derecha avanzado [advanced.justifyright_desc] Estas cuatro herramientas le permiten al usuario alinear el texto seleccionando una palabra o prrafo para que se justifique en alguna de estas direcciones.
Bloquear cita avanzada [advanced. blockquote_desc] Una cita bibliogrfica o Cibergrfica, es la referencia o procedencia de un texto que se quiere utilizar dentro de un artculo propio pero con ideas de otros autores implementando las normas APA (AMERICAN PSYCHOLOGICAL ASSOCIATION). Este botn se utiliza seleccionando el texto a citar y luego presiona el botn. El usuario ver los cambios cuando publique el artculo. Ejemplo: Publicaciones peridicas Online: Autor, A. A., Autor, B. B. y Autor, C.C. (ao de publicacin). Ttulo del artculo. Ttulo de la Publicacin Peridica, xx, xxx-xxx. Mes da, ao de la fuente. _______________________________________________________________________
Universidad Autnoma de Madrid. Referencias bibliogrficas de acuerdo con las normas http://www.uam.es/personal_pdi/stmaria/alenava/Docencia/DOCTORADO/RECURSOS/NORMAS_APA.pdf. APA.
Bloquear avanzada [advanced.block] No hay especificacin.
Seleccin de estilo avanzado [advanced.style_select] No hay especificacin.
Quitar formato avanzado [advanced.removeformat_desc] Esta herramienta le permite al usuario quitar el formato que tenga el texto para que quede limpio (Negrita, cursiva, subrayado, tachado, color). Ideal cuando se trae un texto de otro editor como aplicaciones ofimticas, etc... Ejemplo: (Negrita, cursiva, subrayado, tachado, color) (No negrita, no cursiva, no subrayado, no tachado, no color) Limpiador avanzado [advanced.cleanup_desc] No hay especificacin.
Fuentes por defecto avanzada [advanced.fontdefault] Esta herramienta especifica el tipo de fuente que el usuario desea utilizar en el formato de texto. El Editor de Texto JCE trae por defecto algunos estilos de fuentes que se pueden utilizar de forma predeterminada para decorar el artculo a publicar en su sitio web.
Tamao de fuente avanzado [advanced.font_size] Esta herramienta se complementa con las fuentes por defecto para especificar un tamao deseado. Ideal para ttulos y subttulos utilizados en los artculos.
Paleta de colores avanzada [advanced.forecolor_desc] Esta herramienta le permite al usuario escoger un color para el texto que desee destacar; una palabra o un prrafo a utilizar en el artculo. Ejemplo: Esta palabra ser destacada de color azul.
Color de fondo avanzado [advanced.backcolor_desc] Esta herramienta le permite al usuario escoger un color para el texto que desee resaltar; una palabra o un prrafo a utilizar en el artculo. Ejemplo: El texto ser resaltado con verde.
Cortar avanzado [advanced.cut_desc] Esta herramienta le permitir al usuario cortar texto, imgenes o tablas para llevarlo a otra parte y pegarlas.
Copiar avanzado [advanced.copy_desc] Esta herramienta permite copiar texto, imgenes o tablas y pegarlos en otra parte del artculo.
Pegar avanzado [paste.paste_desc] Pegar avanzado [paste.paste_text_desc] Esta herramienta le permite al usuario pegar en el artculo texto, imgenes o tablas que traiga en el portapapeles desde la opcin cortar o copiar.
Sangra avanzada [advanced.indent_desc] Anular sangra avanzada [advanced.outdent_desc] En tipografa, sangra es la introduccin de varios caracteres (espacios) en blanco al comienzo de una lnea. Se emplea en textos alineados a la izquierda (con bandera a la derecha, segn la jerga tipogrfica), que es lo general para escritos en prosa. La sangra se manifiesta como una hendidura: desde la segunda lnea del texto se comienza a la izquierda a la misma altura, de forma alineada. La que incorpora sangra lo hace de una a dos plicas o tres a cinco caracteres (por lo general) ms a la derecha. Ejemplo: Texto con sangra
Texto sin sangra Lista de nmeros avanzada [advanced.numlist_desc] Lista de vietas avanzada [advanced.bullist_desc] Las vietas y las listas de nmeros (as llamadas en muchos procesadores de texto) son un instrumento grfico. En internet, nos ayudan a elaborar listas con las que resaltamos los detalles principales de un prrafo, a la vez que lo hacemos ms atractivo visualmente. Ejemplo: Lista de nmeros 1. Primer enunciado 2. Segundo enunciado 3. Tercer enunciado
Lista de vietas Primer enunciado Segundo enunciado Tercer enunciado
Encoger fuente avanzada [advanced.sub_desc] Agrandar fuente avanzada [advanced.sup_desc] Las herramientas de agrandar o encoger la fuente, permiten al usuario seleccionar determinado texto haciendo que ste suba o baje un punto de tamao con respecto al tamao normal con que est trabajando. Ejemplo: Fuente de tamao normal (11puntos)
Encoger fuente (10puntos)
Agrandar fuente (12 puntos)

Casos del texto - Letras maysculas [text case.uppercase] Casos del texto - Letras minsculas [text case.lowercase] Casos del texto Tipo oracin [text case.sentencecase] Casos del texto Poner en maysculas cada palabra [text case.camelcase] Esta herramienta es til al comienzo de una oracin o palabra para poner el tipo de fuente en maysculas, minsculas, tipo oracin (Oracin con mayscula inicial) y poner en maysculas la letra inicial de cada palabra en una oracin. Ejemplo: Casos del texto - Letras maysculas [text case.uppercase] LAS LETRAS DE ESTA ORACIN SERN MAYSCULAS Casos del texto - Letras minsculas [text case.lowercase] las letras de esta oracin sern minsculas Casos del texto Tipo oracin [text case.sentencecase]
La primer letra de esta oracin ser mayscula Casos del texto Poner en maysculas cada palabra [text case.camelcase] La Primer Letra De Cada Palabra De Esta Oracin Ser Mayscula
Mapa de caracteres especiales avanzada [advanced.charmap_desc] Al presionar este botn saldr una ventana emergente con caracteres especiales que el usuario puede utilizar en caso de necesitarlos al redactar el artculo.
Salto de lnea avanzada [advanced.hr_desc] Esta herramienta permite al usuario utilizar lneas divisorias entre prrafos como diagramacin. 1-Direccionalidad izquierda avanzada [directionality.ltr_desc] 2-Direccionalidad derecha avanzada [directionality.rtl_desc] Estas dos herramientas posibilitan al usuario a direccionar el texto hacia la izquierda o hacia la derecha de la hoja de trabajo del artculo.
Pantalla completa avanzada [fullscren.desc] Esta herramienta le da la posibilidad al usuario de poner el espacio de trabajo en pantalla completa en su monitor para mejor comodidad en la creacin o edicin de los artculos para su sitio web.
Avance [preview.preview_desc] No tiene definicin
Cdigo fuente avanzado [source.source_desc] Esta herramienta es muy til para desarrolladores y en algunos casos nos ayuda a incrustar un video de YouTube a una pgina de nuestro sitio web. Ejemplo: cmo incrustar un video desde YouTube
Imprimir avanzada [print.print_desc] Esta herramienta le facilita al usuario imprimir el archivo completo desde la creacin de artculos de su sitio web.
Reemplazar la bsqueda avanzada [searchreplace.search_desc] Esta herramienta le facilita al usuario buscar por palabras clave dentro del artculo.
Reemplazar la bsqueda avanzada [searchreplace. replace_desc] No tiene definicin
Insertar una nueva tabla [Inserts a new table] El usuario puede insertar una nueva tabla determinando el nmero de columnas y filas que desea utilizar. Adems, tiene la posibilidad de insertar o quitar filas y columnas si lo prefiere despus de creada la nueva tabla. Cuando el usuario da clik en el icono, este saca una ventana emergente con unas propiedades de tabla como se muestra en la siguiente captura.
Eliminar tabla avanzada [table.del] Este botn elimina una tabla creada por el usuario de forma definitiva
Parmetros de la fila avanzada [table.row_desc] Esta herramienta determina los parmetros de alineacin de la fila (arriba, medio, abajo) mediante una ventana emergente al presionar el botn.
Parmetros de la celda avanzada [table.cell_desc] Esta herramienta determina los parmetros de alineacin de la celda (arriba, medio, abajo) mediante una ventana emergente al presionar el botn.
Insertar una fila antes avanzada [table.row_before_desc] Esta herramienta le permite al usuario crear una fila en la tabla antes de una fila ocupada. Insertar una fila despus avanzada [table.row_after_desc] Esta herramienta le permite al usuario crear una fila en la tabla despus de una fila ocupada. Suprimir fila avanzada [table.delete_row_desc] Esta herramienta le permite al usuario eliminar una fila en la tabla
Insertar columna antes avanzada [table.col_before_desc] Esta herramienta le permite al usuario crear una columna en la tabla antes de una columna ocupada. Insertar columna despus avanzada [table.col_after_desc] Esta herramienta le permite al usuario crear una columna en la tabla despus de una columna ocupada. Suprimir columna avanzada [table.delete_col_desc] Esta herramienta le permite al usuario eliminar una columna en la tabla Dividir celdas de la tabla avanzada [table.split_cells_desc] Esta herramienta le permite al usuario dividir celdas en la tabla despus de creada Combinar celdas de la tabla avanzada [table.merge_cells_desc] Esta herramienta le permite al usuario combinar celdas en la tabla despus de creada Ayuda visual de la tabla avanzada [advanced.visualaid_desc] Esta herramienta activa unas lneas guas para que el usuario pueda visualizar una tabla en blanco. Ayuda visual de caractres avanzada [advanced.visualchars.desc] Esta herramienta no se encuentra activa en el Editor de Texto JCE Ayuda visual del block avanzada [visualblocks.desc] Al activar esta herramienta, el usuario puede visualizar una caja de texto y el interlineado mediante unas lneas guas como se muestra en la siguiente captura.
Separador avanzado [nonbreaking.nonbreaking_desc] Esta herramienta facilita al usuario crear espacios uno a uno entre palabras con solo colocar el puntero del mouse en medio de estas. Estilo avanzado [style.desc]
Cita avanzada [xhtmlxtras.cite_desc]
Ayuda avanzada [xhtmlxtras.abbr_desc]
Acrnimo avanzada [xhtmlxtras.acronim_desc]
Suprimir avanzada [xhtmlxtras.del_desc]
Insertar avanzada [xhtmlxtras.ins_desc]
Atributos avanzada [xhtmlxtras.attribs_desc]
Insertar un ancla avanzada [Inserts an Anchor]
1-Link avanzado [link_desc] Cuando el usuario selecciona un texto o una imagen, este botn se activa inmediatamente con la capacidad de generar un enlace con un archivo interno desde la carpeta raz files, donde esta tiene los directorios necesarios para guardar de forma organizada el contenido a enlazar. Adems, se puede enlazar una URL externa que lleve al usuario a una pgina fuera del sitio web. 2-Romper el link avanzado [advanced.unlink_desc] Para romper el enlace, el usuario solo debe presionar el botn Romper el link avanzado [advanced.unlink_desc]
Ejemplo: Enlazar un archivo: para enlazar un archivo se selecciona un texto o una imagen donde se crear el link de la ruta del archivo. Presionar [link_desc]
Presionar [link_desc]
Luego sale una ventana emergente que crear la ruta hacia el archivo presionando el botn browse (Navegador de archivos).
Dentro del navegador de archivos, veremos la carpeta Raz files y sus directorios incluidos, solo veremos el directorio prueba. Este directorio no contiene archivos, por lo tanto subiremos uno para indicar el proceso. Lo primero que se hace es abrir el directorio en el que se subir el archivo clik en el signo + de la parte izquierda, luego presiona el botn Subir en la parte derecha como se muestra en la captura.
Presionar para subir archivo
Clik en signo + para abrir la carpeta
Despus de presionar el botn Subir, veremos dos formas de ingresar los archivos al servidor. 1- Abrir su ordenador desde Browse (Navegar) como se muestra en la siguiente captura, se abre otra ventana emergente en el escritorio u otro directorio de su ordenador donde almacen el archivo, selecciona el archivo y da clik en el botn Abrir, luego termina con Upload (Subir) de la primer ventana que se abri.
Soltar archivos aqu
Abrir el escritorio
2- Otra forma es ir a la carpeta de su ordenador para buscar el archivo a subir, luego arrastra hasta la ventana emergente Upload (Subir), la misma ventana que necesitar para realizarlo de la primer forma. Ver las dos prximas capturas
Soltar archivos aqu
Despus se subir el archivo, si tiene ms de uno en el navegador de archivos, seleccione el que necesite y luego de clik en el icono Subir de la barra de herramientas de la derecha para poder generar la URL automticamente.
Subir
Luego de haber hecho lo anterior, se da clik en el botn Insert; esto terminar la accin y devolver al usuario a la ventana inicial donde podr ver la URL que llamar el archivo desde el enlace. Para terminar el proceso de enlace se da clik en Insertar, accin que se puede apreciar en la siguiente captura.
URL que llama el archivo de enlace
Por ltimo mostrar la ventana de su navegador con el texto enlazado de color AZUL y se presiona el botn Guardar en artculo de su sitio web para publicar los cambios.
Administrador de imgenes avanzado [imgmanager.desc]

Ejemplo:
Subir una imagen al artculo
Subir una imagen al servidor
Insertar imagen flotante
Insertar una imagen al artculo
Vista del artculo publicado
Corrector ortogrfico avanzado [spellchecker.desc]
Artculo leer ms avanzada [article.readmore]
Insertar / Editar salto de pgina [Insert / Edit Pagebreak]
Enlazar Artculo Joomla! Cuando el usuario ha creado una cantidad de artculos ligados a sus diferentes categoras y se le quiere dar un enlace especfico a una palabra, este artculo determinado, con este botn se abre una ventana emergente con la lista de artculos creados para adherir el ttulo de un artculo y enlazarlo dentro del contenido del artculo que est creando. Ejemplo:
Artculo en creacin: se selecciona un texto o una imagen para enlazarlo a un artculo, en este caso tenemos la palabra Misin, luego se presiona el botn Artculo como se muestra en la siguiente captura para que salga la ventana emergente.
Artculos creados: abierta la ventana emergente, se selecciona el artculo a enlazar, en este caso el de color rojo Misin que llevar al visitante directo al artculo citado.
El vnculo que se muestra en la siguiente captura, Misin, llevar al visitante directo al contenido del artculo.
Administrador de imgenes Joomla! Con este botn se abre una ventana emergente que muestra la carpeta raz images; y con ella, las que tenga creadas previamente con un Cliente FTP para el almacenamiento de las imgenes del sitio.
Salto de pgina Joomla!
Leer ms Joomla! El botn Leer ms de Joomla! Crea una lnea divisoria imaginaria entre la introduccin y el contenido del artculo. Cuando una categora tiene como tipo de presentacin Categora Blog, cada artculo presenta en el Frontpage una introduccin que le permitir al visitante visualizar parte del contenido de los artculos en una sola pgina, y cada uno de estos artculos generar un enlace para ver el contenido completo.
Cibergrafa Wikipedia. Sangra (tipografa). Modificada el 27 enero de 2013. Tomado el 31 de enero de 2013. http://es.wikipedia.org/wiki/Sangra_(tipografa) Espinosa Luz, Sanz Montero Concha. Manual de estilo. 7 de septiembre de 2011. Qu son y cmo usar las vietas?. Tomado el 31 de enero de 2013. http://www.manualdeestilo.com/escribir/%C2%BFque-son-y-como-usar-las-vinetas

Tutorial Editor JCE para Joomla 25

Încărcat de

Informații document

Titlu original

Drepturi de autor

Formate disponibile

Partajați acest document

Partajați sau inserați document

Opțiuni de partajare

Vi se pare util acest document?

Este necorespunzător acest conținut?

Drepturi de autor:

Formate disponibile

Tutorial Editor JCE para Joomla 25

Încărcat de

Drepturi de autor:

Formate disponibile

Tutorial Editor JCE para Joomla 2.

Editar Perfil Este es el formulario que se presenta en EDITAR PERFIL

Bloquear avanzada [advanced.block] No hay especificacin.

Seleccin de estilo avanzado [advanced.style_select] No hay especificacin.

Lista de vietas Primer enunciado Segundo enunciado Tercer enunciado

Agrandar fuente (12 puntos)

Avance [preview.preview_desc] No tiene definicin

Reemplazar la bsqueda avanzada [searchreplace. replace_desc] No tiene definicin

Cita avanzada [xhtmlxtras.cite_desc]

Ayuda avanzada [xhtmlxtras.abbr_desc]

Acrnimo avanzada [xhtmlxtras.acronim_desc]

Suprimir avanzada [xhtmlxtras.del_desc]

Insertar avanzada [xhtmlxtras.ins_desc]

Atributos avanzada [xhtmlxtras.attribs_desc]

Insertar un ancla avanzada [Inserts an Anchor]

Presionar para subir archivo

Clik en signo + para abrir la carpeta

Soltar archivos aqu

Soltar archivos aqu

URL que llama el archivo de enlace

Administrador de imgenes avanzado [imgmanager.desc]

Subir una imagen al artculo

Subir una imagen al servidor

Insertar imagen flotante

Insertar una imagen al artculo

Vista del artculo publicado

Corrector ortogrfico avanzado [spellchecker.desc]

Artculo leer ms avanzada [article.readmore]

Insertar / Editar salto de pgina [Insert / Edit Pagebreak]

Salto de pgina Joomla!

S-ar putea să vă placă și