manual typo3

Upload: fco-jose-carrion

Post on 10-Jul-2015

171 views

Category:

Documents


0 download

TRANSCRIPT

Gua RpidaExtension Key: doc_tut_quickstart_es Derechos de Autor 2005, Emiliano Llano Daz,

Documento publicado bajo la Open Content License (Licencia de Contenido Abierto) disponible en http://www.opencontent.org/opl.shtml

El contenido de este documento se relaciona a TYPO3 - a GNU/GPL CMS/Framework disponible de www.typo3.com

ContenidoGua Rpida.................................................1Introduccin....................................................................2 Qu hace?................................................................2 Pantalla de ejemplo....................................................2 Vdeo..........................................................................2 Versin PDF...............................................................2 Nota del Traductor......................................................3 Dedicado a..................................................................3 Instalacin.......................................................................4 Instalacin A archivo zip..........................................4 Instalacin B Paquete de Instalacin de Windows. .6 Verificar la instalacin.................................................9 Ms detalles acerca de la instalacin.......................11 Principios Generales....................................................12 Backend(interfaz de usuario) y frontend (interfaz de administracin)....................................................12 rbol de pginas (pagetree).....................................12 Pginas Especiales..................................................15 Contenido de la pgina.............................................19 Editar y crear pginas y contenido.............................23 Editar pginas...........................................................23 Nueva pgina............................................................25 Mover pginas..........................................................30 Parmetros de Visibilidad ocultando pginas, aparicin cronometrada, etc.....................................32 Edicin de texto enriquecido: Negritas, Cursivas, Listas de vietas, Insertar imgenes........................34 Realizar vnculos......................................................36 Tipos de elementos de contenido.............................38 Edicin en el Frontend...........................................41 Pginas protegidas con contrasea...........................44 Crear usuarios/grupos..............................................45 Crear la forma de inicio de sesin (login).................48 Crear pginas restringidas........................................49 Elementos de contenido especiales...........................51 Formulario de correo electrnico..............................51 Campo de bsqueda................................................54 Libro de visitas..........................................................56 Mapa del sitio............................................................60 Mdulo de Noticias...................................................61 Programas o aplicaciones Web..................................64 Insertando un formulario de subscripcin a un boletn informativo................................................................64 Mdulos del Backend...............................................69 Controlando los usuarios del backend...................69 Cambiando el idioma del backend.........................70 Plantillas........................................................................71 Realizando cambios a la plantilla.............................72 El campo de configuracin.......................................74 El objeto explorador..................................................75 Cambiar la plantilla?...............................................77 Contenido en columnas mltiples.............................79 Creando otro sitio Web en la base de datos?........83 Controlando dominios mltiples................................84 Iniciando nuevos sitios Web.....................................86 Desmentido acerca de las plantillas!.......................86 Archivos de imgenes.................................................88 Administrando archivos en TYPO3...........................88 Examinando el archivo de imgenes........................90 Cargando imgenes al archivo.................................91 Nota sobre el proceso de imgenes en TYPO3.......92 El mdulo de Listado y el portapapeles.....................93 Usando el mdulo de Listado con eficacia...............93 El portapapeles numrico administrando varios elementos.................................................................93 Edicin selectiva.......................................................95 Administracin de Usuarios........................................98 Mantenimiento distribuido.........................................98 Usuarios del Backend............................................98 Concediendo los permisos de usuario......................99 Grupos....................................................................104 Creando un nuevo usuario para el sitio Fan Club...... 107 Un flujo de trabajo sencillo para noticias................110 Iniciando un proceso de flujo de trabajo.................110 Configurando un flujo de trabajo.............................116 Requisitos...............................................................119 A dnde ir a partir de aqu?....................................121

Iniciando - 1

IntroduccinQu hace?Este tutor introduce los conceptos bsicos de TYPO3. Se le iniciar de inmediato en la construccin de un sitio Web usando TYPO3. Una vez finalizado el tutor, tendr una idea de las capacidades de TYPO3 as como de la complejidad requerida para su uso. El tutor requiere que instale ciertos programas. Si desea tener una vista previa de TYPO3 antes de instalarlo, consulte primero el sitio de demostracin en http://demo.typo3.com/. La creacin profesional de plantillas y el desarrollo usando TYPO3 no se cubren en general en esta gua. Esto se hace en el siguiente tutor- La Creacin de Plantillas Modernas, Parte 1 y a lo largo de toda la documentacin de desarrollo usando TYPO3!

Pantalla de ejemploEste sitio Web de ejemplo es un tutor para un club de ftbol llamado "FC Bigfeet". El sitio Web terminado se ve as:

Al crear este sencillo sitio Web aprender a: Editar y crear pginas y su contenido, insertar imgenes, tablas, listas con vietas, vnculos etc. Crear reas protegidas con contrasea en su sitio Web. Insertar contenido especial como formas para correo electrnico, zonas de bsqueda, mapas del sitio, etc. Crear un libro de visitas o un boletn de mensajes. Cambiar colores, imgenes de fondo, tipografa - an seleccionar otra plantilla! Administrar a los usuario que dan mantenimiento a las distintas partes de su sitio Web Crear un flujo de trabajo para la creacin de elementos de noticias en la pgina principal Saber cmo TYPO3 organiza las pginas en una estructura de rbol y almacena su contenido.

VdeoTendremos prximamente un vdeo disponible aqu....

Versin PDFSi prefiere leer este tutor como un documento PDF, puede descargarlo aqu.

Iniciando - 2

Nota del TraductorNo hay muchos documentos para los diseadores de TYPO3 disponibles en otros idiomas. Hay distintas razones para ello. Una muy importante es que el idioma comn de uso de la comunidad internacional de diseadores es el ingls. Aun cuando una comunidad abierta como la nuestra pudiera manejar la gran cantidad de documentos existente para TYPO3 en varios idiomas, muy pronto los diseadores estaran hablando de conceptos distintos, debido al uso de distintos idiomas. Es por esto que bsicamente todos los documentos que tratan sobre el desarrollo usando TYPO3 slo estarn disponibles en ingls y el punto central para las discusiones ser la lista de distribucin en ingls. Esta gua didctica slo sirve para ayudarle a empezar a usar TYPO3. Es por esta razn que hemos decidido permitir la traduccin del mismo a otros idiomas. Por favor no se cuestione sobre el uso de ciertas palabras inglesas mezclado con su propio idioma en la versin traducida de este documento: Si usted quiere posteriormente entender la documentacin en ingls, es importante acostumbrarse al trmino en ingls desde un principio.

Dedicado aDeseo dedicar este tutor a: todos mis amigos de TYPO3 que encontr en las excursiones de snowboard conocindolos y dndome cuenta que las personas que se esconden detrs de una direccin electrnica valen la pena. mi querida esposa Rie gracias por tu paciencia y el amor que me has mostrado, an cuando la carga de trabajo tambin necesit de tus hombros. mi salvador, Jesucristo - gracias por crear un mundo maravilloso con todo su potencial para que nosotros los seres humanos podamos tambin crear cosas bonitas. Gracias por ser el camino, la verdad y la vida.

Feliz lectura!

Kasper

Documento traducido al espaol por Emiliano Llano Daz.

Iniciando - 3

InstalacinTYPO3 es un programa Web basado en PHP4 y MySQL. Deber tener, por lo tanto, acceso a un servidor Web que tenga instalado PHP y MySQL para poder usar TYPO3. Si ya cuenta con un acceso a un servidor Web con PHP4 y MySQL, siga el procedimiento descrito en la seccin "Instalacin A"; Tendr que descargar un archivo comprimido, descomprimirlo en su servidor y listo! Si no tiene un servidor Web instalado, siga el procedimiento descrito en la seccin "Instalacin B" - esto es, descargar un Instalador de Windows que instala todo los programas requeridos (Apache, MySQL, PHP4 y TYPO3) en unos cuantos clic - y elimina todo posteriormente, si as lo desea.

Instalacin A archivo zip1: Descargue el paquete QuickStart (inicio rpido)Vaya a typo3.org para obtener el paquete quickstart.zip.

2: Descomprima el paquete en su servidor WebEn mi caso tengo un servidor Apache local funcionando. El directorio raz del sitio Web es c:\apache\htdocs y es ah donde descomprimo el paquete (esta es la misma localizacin que usa el paquete de instalacin).

3: Inicie su explorador WebVaya a la direccin URL donde descomprimi sus archivos:

Ver la siguiente pantalla:

... y a continuacin la pantalla (vea ms abajo) donde escribe el nombre de usuario y contrasea de la base de datos y el anfitrin local (localhost).

4: Nombre se usuario y contrasea de la base de datos y anfitrinEn mi caso no requiero de nombre de usuario ni contrasea (claro est que esto no es muy seguro :-)

Iniciando - 4

5: Crear la base de datosA continuacin escriba el nombre de su base de datos. En mi caso seleccion "t3_quickstart". Siempre uso el prefijo "t3_" para las bases de datos de TYPO3. Esto es conveniente cuando se tienen distintas bases de datos.

6: Crear el contenido de la base de datosEl paso final es "rellenar" la base de datos. Una nueva base de datos tal como "t3_quickstart" no contiene datos, claro est este paso coloca informacin de ejemplo para nuestro sitio Web, por ejemplo usuarios, pginas, contenido etc.

Si ve el botn "GO" (continuar) en rojo, significa que ha terminado! Felicidades! Ahora requerimos verificar si todo funciona. Hay dos cosas a verificar- el frontend (interfaz de usuario) y el backend (interfaz de gestin o administracin). (Lea la seccin "Verificar la instalacin" despus del captulo "Instalacin B".)

Iniciando - 5

Instalacin B Paquete de Instalacin de WindowsVaya a la pgina de paquetes de typo3.org y descargue el instalador "WAMP - quickstart" (gracias Ingmar) que contiene el sitio Web de QuickStart. La descarga es de 28+ MB pero merece la pena a costa del problema que se ahorra comparado a instalar el paquete en un servidor Web existente - por lo menos si desea una prueba rpida de TYPO3!

1: Descargue la instalacinHaga clic en el vnculo de descarga y vaya a comprar una docena de dulces a la tienda ms cercana. Cuando regrese ver esta pantalla:

Haga clic en el botn "Open" para empezar la instalacin.

2: Acepte la licencia GPL!Haga clic en el botn "Agree" (acepto) en la pantalla de la licencia. Note que por una vez puede (probablemente) aceptar la licencia sabiendo que sta le permite recibir, copiar, modificar y distribuir TYPO3 libremente con tal de que los mismos derechos se transfieran al prximo destinatario. El principio bsico GPL es que los programas continan siendo gratuitos! (Esto incluye cualquier modificacin / adicin que haga a TYPO3!). Tan slo pselo a sus amigos!

3: OpcionesNext... next... next... (siguiente, siguiente, siguiente)

TYPO3 se auto instala en su men Inicio!

Iniciando - 6

Seleccionar la carpeta de instalacin. Probablemente acepte la propuesta en este paso a menos que tenga algo ms en ella:

4: Copiado de ArchivosA continuacin se descomprimen y copian los miles de archivos relacionados con Apache, MySQL, PHP y TYPO3 a su disco duro. Esto toma un par de minutos.

Errores? Si en el proceso encuentra un error como el que se muestra a continuacin(un archivo con un nombre especial que no puede escribirse) lo ms probable es que pueda simplemente ignorarlo. S que parece un poco extrao documentar esto as, pero... :-)

5: FinalizadoDespus de instalar los archivos acaba la instalacin:

La instalacin final en "c:\apache" toma aproximadamente 140 MB de espacio del disco e incluye miles de archivos. stos noIniciando - 7

pertenecen todos a TYPO3 recuerde que se instala Apache, MySQL y PHP...

En el men Inicio de Windows encontrar ahora la instalacin de TYPO3:

6: Iniciar los servidoresAntes de poder jugar con TYPO3 hay que iniciar los dos servidores; "start MySQL" y "start Webserver." Cuando inicializa el servidor Web (Apache) ver una anticuada ventana de DOS. No cierre esta ventana - debe estar abierta, por otra forma el servidor Web se cerrar. Claro est que puede minimizarla. La prxima vez que inicie su ordenador y quiera trabajar con TYPO3 tendr que arrancar de nuevo el servidor Web. MySQL se instala como un servicio (tiene un icono de semforo en la barra de tareas) y ya estar ejecutndose.

7: Active su navegador de InternetEscriba "http://localhost/" y deber ver esta pantalla:

Si ve esta pantalla significa que acab la instalacin! Felicidades! Bien, verifiquemos ahora si realmente funciona. Hay dos cosas a verificar - el frontend (interfaz de usuario) y el backendIniciando - 8

(interfaz de gestin) (A leer en la prxima seccin: "Verificar la instalacin")

Verificar la instalacinVerficar el frontend (interfaz de usuario)El frontend (interfaz de usuario) es un trmino para el sitio Web que TYPO3 y se refiere a lo que sus visitantes vern - ste es el producto que TYPO3 crea para usted! El frontend debe estar visible en la URL que escribi (en mi caso http://localhost/quickstart /). Deber ver la siguiente pantalla un segundo despus:

Puede hacer clic en los vnculos en el men a la izquierda para explorar las pginas del sitio Web.

Verificar el backend (interfaz de administracin)El backend es el trmino usado para la interfaz de administracin que se usa para gestionar el contenido de frontend de su sitio Web. En el backend revisa y crea las pginas requeridas. Se accede al backend a partir del subdirectorio "typo3/" de la raz de la instalacin. As que intente teclear "typo3 / " despus de "... /quickstart / ":

Iniciando - 9

Acceso Log inAhora escriba el nombre de usuario "admin" y la contrasea"password":

CONSEJO: Asegrese de habilitar las galletas en su navegador de Internet! Si se desactivan las cookies no se puede acceder al servicio! Si escribi el nombre de usuario y contrasea correcta se le mostrar la siguiente pantalla:

Iniciando - 10

Ahora, por segunda vez- y esta vez realmente - felicidades! TYPO3 se ha instalado correctamente, el frontend est trabajando y el backend lo ha dejado entrar. Est listo para seguir jugando con el modelo.

Ms detalles acerca de la instalacinPor favor note que esta gua sencilla slo le muestra los requisitos ms bsicos y se dise para hacer que pueda empezar rpidamente a probar y desarrollar. Cuando requiera instalar y configurar TYPO3 en ambientes de produccin o desarrollo serio deber leer y entender los problemas de fondo descritos en el documento Instalacin y actualizacin de Typo3. Ms an, existe una lista de correo y archivos para conseguir ayuda en los problemas de la instalacin.

Iniciando - 11

Principios GeneralesBackend(interfaz de usuario) y frontend (interfaz de administracin)Como ya sabe de la instalacin, TYPO3 se divide en dos reas - el backend y el frontend. Mientras que el frontend est disponible a todos los usuarios y navegadores de Internet - es el sitio Web que TYPO3 produce - slo usted y sus contribuidores de contenido tienen acceso al backend - la administracin del sitio Web. Se requiere siempre un nombre de usuario y una contrasea.

Mdulos del Backend (interfaz de administracin)Hay muchos mdulos dentro del backend en el men de la izquierda. Cuando quiera revisar y crear pginas, seleccione el mdulo "Page" (pgina):

Cada mdulo despliega su propio contenido. Puesto que usted es el administrador, tendr acceso a todos los mdulos. Pero hay otros usuarios "normales" - ellos slo tienen acceso a los mdulos que usted ha seleccionado para ellos! Intente abrir los distintos mdulos en el men y ver cmo cambia la informacin del marco de contenido.

rbol de pginas (pagetree)El encabezado "Web" del men se llama un mdulo principal y todos los mdulos listados bajo l son los "submdulos". Todos los mdulos bajo el mdulo principal "Web" mostrarn una vista dual en el marco de contenido - el rbol de pginas (izquierdo n1) y el mdulo de contenido con respecto a una pgina del rbol de pginas (derecha n2). El rbol de pginas puede expandirse haciendo clic en los iconos del ms/menos (n 3). Esto trabaja exactamente como las carpetas en su propio ordenador. Puede pensar en el rbol de pginas como en una estructura de directorio dnde las pginas Web se organizan en una jerarqua con pginas principales, pginas subalternas y sub-subalternas, etc.

Haciendo clic en ttulos e iconosLa siguiente cosa importante a saber sobre el rbol de pginas es que usted puede hacer clic tanto en el icono de la pgina como en su ttulo - y esto hace la diferencia! Si hace clic en el ttulo de la pgina ver que el mdulo activo muestra su contenido en el marco de la derecha:

Iniciando - 12

En este caso el mdulo "Pgina" es el activo por lo que ver el contenido de la pgina en el marco de la derecha. De aqu puede editarlo y realizar otras acciones que discutiremos muy pronto Si hace clic en el icono de la pgina en lugar del ttulo, aparecer un men sensible al contexto o emergente:

Aviso: Si usa un navegador antiguo, el men no aparecer cerca del icono sino en el marco superior del backend. Ms an, tenga paciencia - el men podra tomar unos segundo en aparecer! En el men emergente puede seleccionar opciones que se relacionan a esta pgina! La mayora de ellos son obvios - intente jugar con algunas opciones. Para este ejemplo he seleccionado "Show" (mostrar) que significa que se abrir otra ventana en el navegador y ver esta pgina especfica como se muestra en el frontend:

Iniciando - 13

Note cmo se mostr esta pgina en la nueva ventana al llamar a la secuencia de comandos (script) ".../quickstart/index.php? id=13" (n 1). En TYPO3 cada pgina se guarda en la base de datos (en una tabla llamada "pages") y cada uno de estos registros de pgina tiene un nmero nico (uid). Aqu el parmetro llamado "id" se fij al valor "13" - y al parecer este es nmero de identificacin de la pgina llamada This week" (esta semana) en el rbol de pginas! Ms an, puede ver que el contenido de la pgina (n 2) es el mismo que vio (si lo not) en el marco izquierdo del mdulo de Pgina (page) cuando hizo clic en el ttulo! Regresaremos a ello ms tarde. Note el encabezado de la pgina (n 3) - aqu se muestra el ttulo de la pgina que vimos ("This week") pero la pgina padre en el rbol de pginas - "Results" tambin se muestra. Esto comunica la lgica del rbol de pginas que la pgina "This week" es una sub-pgina (hija) de la pgina "Results" (padre). La ltima cosa a notar es el men en el marco izquierdo. ste refleja claramente la jerarqua que tambin vimos en el rbol de pginas:

Implementacin tcnica de padres e hijosEsta seccin es para aquellos que quieren entender los fundamento tcnicos de cmo trabaja la estructura de rbol en la base de datos.

Iniciando - 14

Tcnicamente la relacin entre una pgina y sub-pginas se establece a travs del campo "pid" (id de padre/id de la pgina) en la tabla de pginas de la base de datos - el campo "pid" de "This week" contendr los valores "uid" de la pgina llamada "Results". Al mantener el ratn sobre el icono de la pgina "Results" unos segundos, ver aparecer la siguiente lnea de texto:

Esto le informa que la pgina "Results" tiene el nmero uid "4". Sabemos que la pgina "This week" tiene el uid "13" (y las pginas "Last week" y "Report results" respecivamente los nmeros uids 12 y 11). Si vamos al mdulo "phpMyAdmin" y examinamos la tabla "pages" (que contiene todos los registros de encabezado de pgina) podremos ver la relacin con facilidad:

Claramente las tres sub-pginas relacionadas con "Results" tiene el valor de su campo "pid" con el nmero "4" tal y como lo podramos esperar. Hemos entonces aprendido que Las pginas (y por cierto todos los otros registros!) se identifican de forma inequvoca por su nmero de campo "uid" llamado tambin "id" Las pginas (y todos los otros registros!) apuntan a la pgina padre a travs del valor almacenado en el campo "pid".

Pginas EspecialesQuiz haya notado que algunas pginas del rbol de pginas no se mostraron en el men del sitio Web. Las pginas son estas:

Iniciando - 15

No poner en el men (Not in Menu)La pgina "Log in" (n 1) no se muestra pues tiene un atributo que especifica "Not in menu" (no poner en el men). Esto es til si desea crear una pgina que no debe aparecer como un elemento del men por una u otra razn. An as, puede acceder a ella creando un vnculo manual o escribiendo su nmero de id directamente en la direccin URL! El atributo "Not in menu" se activa editando el encabezado de la pgina:

Pgina de acceso restringidoLa pgina "Team pages" (n 2) no est visible debido a que cuenta con el atributo de acceso restringido. Esto significa que slo se muestra cuando un usuario e la interfaz (frontend) se encuentra registrado. Esto se ve en ms detalle en otra seccin de este tutor. En trminos generales esto consiste en editar el encabezado de la pgina y seleccionar el grupo de usuarios que tienen accedo a ella:

sysFolders - qu significa esto?Finalmente las dos carpetas llamadas "sysFolders" no se muestran (n 3). Se crea un sysFolder de forma similar a como se crea una pgina "Not in menu" (que no aparezca en el men) sencillamente seleccionando "sysFolder" como el tipo de pgina (vea la imagen anterior). Pero, qu significa esto? Bueno, las pginas predeterminadas creadas en TYPO3 se usan para mostrar un contenido en el sitio Web. Aparecen en el men y tienen un ttulo. 95% de todas las pginas se usan de esta forma. Pero algunas pginas tambin pueden servir como simples contenedores de la informacin de la base de datos que no se deben mostrar en el sitio Web visible. Para esto se usan las pginas del tipo sysFolders! selas al igual que las carpetas de su sistema de archivos en el ordenador que almacenan distintos elementos de una forma organizada! Siguiendo la misma analoga, las pginas sysFolders son "carpetas" que organizan elegantemente los elementos de la base de datos dentro de TYPO3. En este caso especfico, las pgina "Users" del tipo sysFolder contiene a los usuarios del sitio Web que pueden acceder de forma privilegiada (volveremos a este punto ms adelante). Puede ver el contenido de sysFolder usando la seccin "List" (Listar) (esto es "Explorer" dentro de TYPO3...):

Iniciando - 16

Atajos (Shortcuts)Aparte los distintos tipos de pginas que no se muestran en el men, hay otros dos tipos misteriosos de pginas que muestran un "icono de atajo" (mtodo abreviado):

Un atajo o mtodo abreviado es una caracterstica interesante si cuenta con una pgina (vaca, sin contenido) que debe llevar hacia otra pgina directamente! Esto es muy conveniente si desea que, por ejemplo, aparezca el vnculo dentro del men! En nuestro caso, la pgina "Home" nos lleva a la pgina principal y la de "Results" a la de "This week". Intntelo!

Se crea el atajo editando el tipo de pgina. Para la pgina "Home" esto se ve as:

Iniciando - 17

Se usa el Examinador de Elementos (Element Browser) para seleccionar la pgina a la que se hace referencia. El Examinador de Elementos se usa para crear este tipo de relaciones entre registros y archivos en las formas de edicin de TYPO3. Puede encontrar ms detalles acerca del Examinador de Elementos aqu. Para la pgina "Results" el atajo es un poco ms complejo sencillamente salta a la primera sub-pgina que encuentra! En nuestro caso esta es la pgina "This week":

El modo atajo (Shortcut mode) es una opcin secundaria del campo "Shortcut to page" (atajo a la pgina) Que significa que este campo slo se muestra (en el marco o paleta superior) cuando se hace clic en el icono "More options..." (ms opciones) (vea la imagen superior).

Ayuda accesible!Bueno y qu otras cosas interesantes hacen los tipos de pgina? Puede averiguarlo directamente si hace clic en el icono "?" que se encuentra a lado del campo:

Iniciando - 18

Se le mostrar la siguiente ventana:

A esto se le conoce como ayuda contextual y la puede encontrar en casi todos los elementos de TYPO3 donde se requiere informacin acerca de su funcionalidad. sela! Es fcil y est a su alcance cuando trabaja dentro del sistema!

Contenido de la pginaAhora que ya hemos dado un vistazo rpido al rbol de pginas, visto como su estructura se refleja en la jerarqua del men del sitio Web, cmo se puede visualizar las distintas pginas, etc. la siguiente pregunta que se plantea es cmo se organiza el contenido dentro de una pgina? Veamos una vez ms el contenido de la pgina "This week":

Iniciando - 19

La pgina se forma de tres elementos de contenido de pgina - numerados en la imagen del 1 al 3. Debido a que cada elemento de contenido puede tener un tipo distinto, puede crear pginas con una estructura muy flexible! En este caso, la pgina consiste de un elemento de contenido tipo "Text" (texto) y dos del tipo "Table" (tabla).

Nota al pie: TYPO3 un CMS (sistema gestor de contenido) basado en elementosEste mtodo de construir pginas es un concepto fundamental en la mayora de los sitios Web construidos con TYPO3. El mtodo de crear pginas con elementos de contenido tambin es usado en otros sistemas CMS (sistema gestor de contenidos) modernos. Esto hace que TYPO3 sea un CMS "basado en elementos". Esto da mucha flexibilidad pero conserva la consistencia en el diseo de las pginas puesto que esto es uno de los objetivos de los sistemas CMS! El mtodo alternativo es uno ms fijo dnde cada pgina tiene un nmero determinado de reas de contenido por ejemplo uno para el ttulo, texto del cuerpo e imgenes. TYPO3 tambin puede hacer esto (cualquier cosa que le guste!) pero probablemente no desee eso al final. Si tiene preguntas tcnicas acerca de tcnicas de creacin de plantilla profesionales, elementos de contenido, etc. por favor consulte las guas didcticas "Modern Template Building" (Creacin de plantillas modernas), Parte 1 y Partes 2 y 3. Por ahora, por favor note que estos documentos estn a un nivel ms alto que este y que debe dar un paso a la vez si es un principiante de TYPO3.

Orden de los elementos de contenidoBien, volviendo a los elementos de contenido de una pgina Web; deles un vistazo en el backend:

Iniciando - 20

Haga una comparacin de las vistas que se obtienen en el frontend y el backend. Puede ver cmo los elementos del backend son claramente los mismos que los del frontend? Intente reestructurar un elemento del backend subindolo en el orden:

Lo que le dar este orden desde la parte superior:

... el sitio Web ahora se ve as:

Iniciando - 21

Pgina padre de los elementos de contenidoEsto es para aquellas personas que quieren entender el lado tcnico de elementos de contenido y pginas: Recuerda que el registro de la pgina tiene un campo, "pid", que apunta a la pgina padre? Bueno, pues los elementos de contenido de la pgina (registros) y cualquier otro registro de la base de datos configurados a partir del backend de TYPO3 tambin los tienen. Si vemos de nuevo en la seccin phpMyAdmin veremos que los elementos de contenido de la pgina (tabla: "tt_content") con identificadores (uid) 18-20 apuntan a la pgina con uid "13" el identificador uid correspondiente a la pgina "This week":

Esto es lgico!

Iniciando - 22

Editar y crear pginas y contenidoEditar pginasSabemos que las pginas almacenan su contenido visible en elementos de contenido de la pgina. Editar la pgina consiste precisamente en modificar esos elementos de contenido! Es realmente sencillo editar el contenido de la pgina en TYPO3. Slo seleccione la seccin Pgina (n 1), haga clic en el ttulo de la pgina que desea editar (n 2) y, dentro de la vista "Columnas" (n 3), haga clic en el icono de edicin (n 4) del elemento de contenido de pgina que desea cambiar:

Esto hace que se muestre la forma de edicin:

En primer lugar, el tipo de campo "Type:" (n 1) le informa el contenido del elemento de contenido de la pgina, en este caso "Text" (texto). Tambin podra ser "Table" (tabla) (como ya vimos anteriormente), "Image" (imagen), "Text w/Image" (texto con imagen) etc. Valo usted mismo! Cada tipo de elemento de contenido tiene su propia forma y campos y al insertar distintos elementos se obtiene una gran diversidad en su sitio Web. El campo "Header" (encabezado) (n 2) contiene el encabezado mientras que el de "Text" (n 3) el contenido del cuerpo. En la pgina Web esto corresponde a:

Iniciando - 23

Intente cambiar el valor del campo de encabezado y luego haga clic en "Save document and view page" (guardar documento y ver la pgina):

Debido a que uso la opcin "Save document and view page" su resultado se le muestra automticamente en la ventana de frontend en unos segundos:

Lo que TYPO3 hizo fue enviar los cambios al servidor Web, actualizar la base de datos con la nueva informacin, limpiar la memoria temporal de pginas visitadas y regenerar la vista el cambio de refleja de inmediato en lnea y aquellos que se encuentren navegando en su sitio Web vern el nuevo encabezado en lugar del anterior! As de fcil y rpido es mantener sus pginas Web con TYPO3!

CONSEJO: Otra forma de activar la edicin de pginasEn lugar de forjarse su camino a partir de la seccin Page, luego el rbol de pginas, etc. tambin existe el elemento "Edit Item" (editar elemento) en el men contextual (clic derecho) que le lleva directamente a la seccin Page:

Iniciando - 24

CONSEJO: Edicin rpida ahrrese un clic de ratn...Si desea un acceso rpido a los elementos de contenido de pgina, puede cambiar la vista del mdulo Page a "QuickEdit" en lugar de "Columns" (columnas) de esta forma se muestra de inmediato el primer elemento de contenido de una pgina:

Nueva pginaCrear una pginas nueva es muy fcil. Puesto que las pginas siempre se organizadas en forma jerrquica dentro del rbol de pginas tendr que determinar primero la posicin de la pgina. Claro est que puede cambiar posteriormente su eleccin. Para crear una nueva pgina use el mdulo Page en la vista Columns para iniciar el asistente de New Page (nueva pgina) ste le ayudar a encontrar la posicin correcta dnde insertar la pgina:

Aparecer, a continuacin, un selector de posicionamiento. Al usarlo podr determinar visualmente la posicin correcta para la nueva pgina:

Finalmente aparecer la forma para la nueva pgina donde puede proporcionar su ttulo:

Iniciando - 25

Guarde el documento y cirrelo. Deber actualizarse el rbol de pginas:

Si ahora hace clic en el icono de pgina de la nueva pgina "Topscorer" ver que el men del frontend tambin se actualiz automticamente!

Note que la pgina corresponde al identificador id "27" por lo que la nueva pgina recibi automticamente el nmero de "uid" "27" que se le asign durante su creacin. La pgina an est en blanco - necesitamos crear los elementos de contenido de pgina y su informacin!

Creando elemento de contenido de pginaEn el mdulo Page (pgina), haga clic en el ttulo de la pgina de "Topscorer" dentro del rbol de pginas y luego en el botn "Create page content" (crear contenido de pgina):

Iniciando - 26

Ver de inmediato un bonito formulario (vea imagen inferior). Este le permite seleccionar una tipo de elemento de contenido de pgina como se mencion anteriormente, distintos tipos de elemento de contenido crean diferentes tipos de pgina Web. Creemos el tipo "Text with image below (Texto con la imagen inferior):

Obtiene esta forma de inmediato. Ahora escriba un texto falso y seleccione una imagen de su unidad de disco duro (busque una imagen pequea jpeg):

Haga clic en "Save document" (guardar documento). La imagen se enva al servidor Web y se adjunta al elemento de contenido de la nueva pgina. Si todo va bien, el resultado deber asemejarse a esto:Iniciando - 27

Que en la pgina Web se ver as:

Insertando otro elemento de contenidoDe regreso al mdulo Pgina, el nuevo elemento de contenido se muestra claramente:

Aviso: Falta la miniatura? Si no ve una pequea imagen aqu, probablemente TYPO3 no este configurado correctamente para usar ImageMagick. Quiz este sea el caso si no uso el paquete de instalacin de Windows (vea la seccin de instalacin de esta gua didctica). Por favor refirase a la informacin para instalaciones encontrada en typo3.org y los archivos de lista de correos sobre la instalacin. Puede completar este tutor sin que esta caracterstica funcione.

Haga clic en el botn "New content" (nuevo contenido) para crear otro elemento de contenido con una lista de vietas despus de esta:

Esta vez tendremos que realizar otra seleccin adems de la primera- dnde debe ir el elemento? Antes o despus del elemento de contenido de pgina activo?

Iniciando - 28

Lo insertamos despus del activo. Ahora slo tenemos el contenido de la lista de vietas:

Note que el "Type" (tipo) se preseleccion como "Bullet list" (vietas) esto podra haberse seleccionado manualmente. Puede cambiarlo ms tarde! Si desea, puede solicitar informacin de los distintos tipo de elementos de contenido: Recuerda el pequeo icono "?" ?- la ayuda est siempre a su alcance!

Ahora la pgina contiene dos elementos de contenido, uno del tipo "Text w/Image" y otro "Bullet list" - en ese orden:

En el mdulo Pgina, esto se ve as:

Iniciando - 29

Administracin de elementos de contenidoAcaba de usar el Asistente de Nuevo contenido" para crear el contenido de una nueva pgina. Sin embargo, los asistentes de TYPO3 slo hacen que una tarea comn se realice de forma rpida y simple llevndolo directamente a las opciones importantes. Pero en realidad puede seleccionar, poner a punto y controlar a mano todas las caractersticas. Comprender esto conforme avance en su trabaja con TYPO3. Tome su tiempo para explorar los botones y opciones. Hay muchas posibilidades y slo puede conseguir conocerlas si se toma el tiempo para jugar con ellas! He aqu algunos ejemplos de caractersticas de la interfaz que puede probar:

La creacin de una nueva elemento de contenido de la pgina despus del primero pueden hacerse con el botn n 1. El elemento predefinido es de tipo "Texto" - cmbielo al adecuado. El botn "Move record down (mover registro hacia abajo, n 2) puede usarse para cambiar el orden entre muchos elementos de contenido dentro de la misma pgina/columna. Igualmente, puede usar los botones Copy, Cut y Paste after (Copiar, Cortar y Pegar Despus de) del men contextual (n 8) tambin le permiten mover elementos a otras pginas! El botn "Hide/Unhide" (Ocultar/Mostrar, n 3) es una manera rpida de cambiar si el elemento se muestra o no (modificando su atributo Hide). El cubo de basura (n 4) le permite eliminar el elemento totalmente (aunque puede restaurarse si lo hace por accidente). El botn Edt in Rich Text Editor (Modificar en un editor de texto, n 5) es interesante si necesita editar slo el rea de texto del elemento de contenido. Esto le mostrar una ventana "completa" para revisar el texto - interesante si hay mucho que modificar! Haciendo clic en el icono en los elementos de contenido de la pgina har que aparezca un men contextual para el elemento. Finalmente, puede no slo modificar un elemento de contenido de una pgina sino dos (o ms) haciendo clic en el icono de edicin de columna (n 7).

Mover pginasMover una pgina es muy fcil usando el Asistente disponible en el mdulo Pgina. Digamos que queremos mover la pgina "Topscorer" de su posicin actual despus de "Sitemap" en la seccin de la "Home":

Ver una rama en el rbol de pginas y al hacer clic en la pgina superior se avanza un nivel:

Iniciando - 30

Al hacer un slo clic, de una forma lgica, hemos movido la pgina a su nueva posicin:

El rbol de pginas se actualiza de inmediato:

Usando la caracterstica de Cortar y Pegar para mover una pginaEl asistente "Move page" (mover pgina) es la herramienta ms intuitiva para los principiantes. Sin embargo, cuando se desea un panorama ms amplio de la forma de mover elementos incluyendo pginas en TYPO3 deber usar el portapapeles interno. Trabaja de forma similar al de Windows: Realiza un clic derecho en un documento, selecciona "Cut" (cortar), a continuacin hace un clic derecho en la carpeta donde desea insertarla y selecciona "Paste" (pegar). El mismo principio existe en TYPO3. Usemos esta tcnica para mover de nuevo la pgina: "Corte" la pgina:

y luego "Paste after" (pegar despus de) la pgina "Report results":

Iniciando - 31

Haga clic sobre "OK" (Aceptar):

Eso es todo! La pgina est de nuevo en su posicin inicial:

Antecedentes: Cuidado conceptos consistentes a bordo!Note que el mismo principio de copiar/cortar/pegar puede usarse, adems de para pginas, a los elementos de contenido de las mismas - bueno, de hecho, cualquier elemento de la base de datos o archivo que TYPO3 gestiona se ajusta a esta funcionalidad! Esto es un buen ejemplo de la forma en que TYPO3 usa el mismo concepto de consistencia a travs de todo el sistema por lo que una vez que se aprende un concepto, muchas de las otras caractersticas cobran sentido. Si abre sus sentidos a este punto tendr muchas experiencias del tipo "Aj!" cuando vea cmo estos detalles fueron diseados para ajustarse unos a otros.

Parmetros de Visibilidad ocultando pginas, aparicin cronometrada, etc.Una caracterstica que encontrar en mucho elementos - en particular en pginas y sus elementos de contenido son los campos de control de publicacin o configuracin de visibilidad. Son similares a esto para las pginas:

y para los elementos de contenido se encuentran en la parte inferior de la forma:

Iniciando - 32

Ocultando una pginaIntente activar la bandera "Hide page" (ocultar pgina):

El icono de la pgina cambia de color a una escala de grises y tiene ahora una pequea aspa roja sobre ella -Se encuentra ahora oculta!

Esto significa que no podr ver la pgina en la interfaz del usuario (frontend):

(Es muy importante que seleccione "Show" para la pgina "Last week"!) Ahora vea el resultado... no hay pgina "This week!

Sin embargo, si intenta ir directamente a la pgina "This week" de todas formas la ver:

... esto se debe a que cuando se encuentra en el modo administrador (backend) puede obtener una vista previa (preview) de las pginas ocultas tal y como lo indica el recuadro en la parte inferior de la pgina:

Iniciando - 33

Pero! - esto slo es para los administradores. Nadie ms podr visualizar la pgina antes de que usted cambie sus atributos nuevamente!

Pginas cronometradas y elementos de contenidoProbablemente el ajuste de visibilidad ms tpico es ocultar pginas y elementos de contenido. Es tan comn que tiene su propio elemento en los mens de contexto:

Pero tambin puede determinar cundo una pgina debe mostrarse en lnea esto es: en qu fecha! Por ejemplo, escriba "d+10" en el campo "Start time" (hora de inicio):

Automticamente la fecha cambia a la fecha actual ms 10 das! Si guarda la pgina y mantiene el ratn sobre el icono tambin podr ver este ajuste reflejado:

Y adivine qu! - esta pgina no es visible pero lo ser automticamente el 11 de abril de 2003, 10 das despus! Es as de fcil controlar la publicacin de informacin basada en tiempos de inicio. El mismo principio funciona, claro est, para el campo "Stop" (Detener) as como para los elementos de contenido de pgina, elementos de noticias, elementos de libro de invitados - nmbrelo. Mismo principio - muchos lugares - fcil de entender.

Edicin de texto enriquecido: Negritas, Cursivas, Listas de vietas, Insertar imgenesCuando est trabajando con el texto de sus pginas puede las mismas opciones a las que est acostumbrado a usar en su procesador de texto. Si est usando TYPO3 con Microsoft Internet Explorer tendr acceso a un Editor (RTE) para el campo del texto del cuerpo de su pgina. El Texto Enriquecido significa que puede aplicar formato al texto adems de simplemente escribirlo. Intente editar el campo de texto del cuerpo en la nueva pgina "Topscorer":Iniciando - 34

Seleccione el texto "my first" y haga clic en "B" (Bold: Negritas) para convertirlo en negritas:

Al usar los botones "B", "I", "U" y "Centrado" (center justify) puede lograr este aspecto en su prrafo fcilmente:

Haga clic en el botn "Save document and view page" (guardar documento y ver pgina). Ver la siguiente imagen en el frontend:

Creando una lista de vietasPuede crear una lista de vietas fcilmente. Simplemente haga clic en el icono "Bulleted list" (lista de vietas) y escriba unas cuantas lneas:

Guarde y visualice el frontend le mostrar:

Iniciando - 35

Consideraciones acerca del "contenido enriquecido"Como podr ver - esto le da dos opciones: a) Crear una lista de vietas en lnea" en los campos de texto de cuerpo o b) los crear como elementos de contenido separados? Puede mezclar los dos mtodos. Personalmente yo encuentro ms conveniente crear simplemente listas de vietas dentro del texto del cuerpo usando RTE - pero si alguien con Microsoft Internet Explorer va a editar la lista generalmente esto es muy difcil! Y puede tener razones polticas para no insertar listas de vietas directamente en el texto del cuerpo (guardando el texto del cuerpo "limpio").

El RTE en ms detalleEl editor de texto enriquecido Rich Text Editor puede ser de fcil uso, pero tambin tiene una serie de retos tcnicos cuando se investigan los detalles. Existe una documentacin extensiva del tema aqu. Lea ms informacin a fondo acerca de RTE y cmo configurarlo aqu.

Realizar vnculosLos hipervnculos son el pegamento de Internet por decirlo de alguna forma. En TYPO3 ya cuenta con vnculos creados automticamente para usted puesto que el hecho de crear pginas en la estructura jerrquica del rbol de pginas ha generado automticamente el men en el marco izquierdo. Pero quiz desee unir un fragmento de texto a otra pgina informativa, un archivo, otro sitio Web o una direccin de correo electrnica, correcto? Esto es muy fcil si usted usa al editor de texto enriquecido: Simplemente marque el texto y haga clic en el icono "Insert link" (insertar vnculo):

Luego haga clic en la pgina de visitantes (guest book):

... y el texto queda vinculado:

En el frontend esto producir un vnculo, tal y como lo espera. Haga clic sobre l y llegar directamente al libro de visitas!

Iniciando - 36

Tras bambalinasYa le informramos antes que podra ser un problema usar el editor de texto enriquecido si desea editar el texto llano posteriormente. Puede simular esto al editar todo el elemento de contenido y seleccionando la opcin "Disable Rich Text Editor"(Desactivar editor de texto enriquecido) localizada en la parte inferior de la forma (antes de editarla):

El campo "Text" (texto) se ver ahora como un campo ordinario de la forma:

En primer lugar puede ver que el vnculo a la pgina de "Guestbook" fue creado por una etiqueta especfica de TYPO3, , combinada con el id de la pgina. Esto facilita la labor de aquellas personas sin RTE que desean modificar los vnculos! Suficientemente sencillo como para escribir a mano. (Nota:: El marcador interno "" se convierte al equivalente HTML " " cuando se genera la pgina). Aparte de eso tambin puede ver que la lista de vietas se convirti a una serie de lneas encapsulada en etiquetas - tambin propias a TYPO3. stas tambin se convierten a una lista de vietas usando la plantilla cuando se genera la pgina posteriormente. La primera lnea contiene el cdigo HTML estndar para los atributos de negrita, cursiva y subrayado as como la alineacin al centro de todo el prrafo.

Otros tipos de vnculos?Puede crear vnculos a ficheros locales o pginas Web externas an a elementos de contenido especficos dentro de una pgina (vea la pgina "Last week" para un ejemplo en el que podr descubrir la tcnica usted mismo!). Finalmente, se pueden crear vnculos a direcciones de correo electrnico. Muy sencillo. Ahora que hemos deshabilitado el editor de texto enriquecido, por qu no usar el icono del Asistente para desplegar un editor de pantalla completa?:

Ahora escriba un nuevo elemento de la lista de vietas, marqelo y haga clic en "Insert link (Insertar vnculo). A continuacin seleccione Email (Correo electrnico) en el men de tipos de vnculos y escriba su direccin de correo electrnico:

Iniciando - 37

El resultado debe ser el esperado despus de guardar el documento:

- un vnculo que abre el cliente de correo electrnico del usuario y lo prepara para enviar un nuevo mensaje:

Tipos de elementos de contenidoComo usted ya lo sabe, hay varios elemento de contenido de pgina disponibles y al combinarlos tiene la llave para crear pginas Web diversificadas en la que cada una es distinta.

Como una regla general mientras ms abajo se encuentra el elemento dentro del men, mucho ms avanzado y raro es su uso. El de uso ms comn es Text o Text w/Image (texto o texto con imagen).

AsistentesNote que algunos elementos estn asociados a un asistente. Por ejemplo, intente editar una de los listas de resultados de la pgina "This week":

El campo "Text", que normalmente slo contiene texto puro ahora tiene el contenido de la tabla organizado de una forma aparentemente sistemtica:

Iniciando - 38

La tabla se construye al interpretar cada lnea en el campo "Text" como un rengln de la tabla. Una vez realizado esto, la lnea vertical ( |) se usa para separar cada una de las columnas. Esta es la forma a bajo nivel que funciona y puede mantenerse a mano. Sin embargo, el "Table Wizard (Asistente de Tablas) es la herramienta adecuada para la mayora de las personas (ve la imagen superior en la parte derecha). Al hacer clic sobre este icono, aparecer una forma con los campos designados as como los botones adecuados para agregar, borrar y mover los elementos. Por ejemplo, agregar un nuevo rengln es muy fcil:

Y luego se procede a aadir el contenido al nuevo rengln:

Una vez guardado el contenido dentro del asistente y de regreso al campo de texto, el contenido verdadero se ve as:

Al desplegar la pgina en la interfaz de usuario (frontend) se obtiene esto:

Si se est preguntando cmo se cambio el color del fondo - siga leyendo!

Iniciando - 39

Opciones secundarias - "Paletas"TYPO3 ha considerado, desde su creacin, el concepto de campos de forma primarios y secundarios. Las formas de edicin en TYPO3 contienen muchos campos y puede extenderse an ms. Pero al mostrar muchos campos al mismo tiempo, su apreciacin global se vuelve difcil para el usuario medio. Particularmente si es usted un principiante y ya muchas nuevas cosas a considerar y memorizar. El concepto de campos primarios y secundarios significa que normalmente usted slo ve los ms importantes y tpicamente utilizados campos de la forma (primarios). Las opciones ms detalladas estn ocultas en los campos secundarios que se muestran slo bajo demanda. Considere esta forma:

Tres campos mostrados - fcil apreciacin global. Pero si hace clic en uno de los botones al lado de los campos, encontrar opciones secundarias en la paleta (marco superior):

Esto es muy inteligente - tenemos muchas opciones, muchos detalles pero no se muestran hasta que los necesitemos para evitar confusiones. El lado negativo es cuando necesita uno de estas opciones secundarias y no se acuerda detrs de qu icono" (o si usa mucho el campo) - puede entonces ser confusa su localizacin! Por consiguiente, puede activar la opcin Show secondary options (Mostrar opciones secundarias) localizada en la parte inferior de todas las formas de edicin:

El resultado es un forma muy grande y posiblemente confusa. Pero con todas las opciones disponible:

Iniciando - 40

Note como cada rengln de opciones corresponden exactamente al contenido de la paleta en el marco superior como si hiciese clic en el icono "More options" (ms opciones).

Cmo cambiamos el color de fondo de la tabla? En las opciones secundarias del selector "Layout" (distribucin):

(La etiqueta "Color 2" se refiere al color del mismo nombre configurado en la plantilla del sitio Web.)

Edicin en el FrontendLa nota final acerca de la edicin de pginas es aquella contenida dentro del propio frontend. Hay muchas formas de hacer la misma tarea, pero con el tiempo apreciar esta caracterstica de TYPO3 pues le corresponder a usted determinar la mejor forma de realizar una tarea invirtiendo el menor tiempo posible. La edicin en el frontend no es slo un nuevo botn- probablemente sea una revolucin en la forma en la que los contribuidores de contenido trabajen en el sistema. Probablemente ya ha notado los pequeos iconos de edicin que aparecen en la pgina Web:

Iniciando - 41

Intente hacer clic en uno de ellos:

Instantneamente se le muestra una forma en la que puede editar el campo del encabezado y su informacin relacionada de inmediato!

Intente cambiar el texto del encabezado y luego haga clic en "Save document and close" (Guardar documento y cerrar) se le muestra de nuevo la pgina Web y notar de inmediato los cambios realizados:

De esto se trata la edicin frontend - una forma muy intuitiva, fantstica para corregir pequeos errores, realizar ajustes, excelente para aquellos contribuidores de su equipo que no tienen las habilidades necesarias, etc. Es un mtodo de edicin sensible al contexto poder puro a su alcance.

Pueden todos editar mis pginas?No, claro que no slo si se registran en la interfaz de administracin backend. De otra forma los iconos estn ocultos y si se hace clic en uno de ellos la peticin se rechaza. Intntelo usted mismo entre en el backend:

Si an ve la pgina de frontend con iconos intente hacer clic en uno de ellos ver esta pantalla en lugar del la forma de edicin:

Iniciando - 42

... y luego, al actualizar la pgina Web, los iconos desaparecern:

Ahora, vaya a la pgina http://localhost/quickstart/typo3/ (usuario = "admin", contrasea = "password")

Ms informacinLa caracterstica de edicin del frontend se describe con ms detalle en esta pgina edicin en el Frontend.

Iniciando - 43

Pginas protegidas con contraseaAhora ya sabe cmo crear y editar pginas! No fue tan difcil verdad? Es muy fcil convertirse en un administrador Web usando TYPO3. Ms tarde aprender a delegar el trabajo! Lo interesante de un sistema CMS es que puede tener a varias personas que administran y llenan el contenido del mismo sitio Web! Manteniendo el control total sobre los derechos de acceso, etc. Dejamos esta descripcin para el final de este documento. Una parte del trabajo consiste en realizar pginas Web que todo el mundo pueda ver. Pero, qu pasa si desea que slo una parte tenga acceso? - en este caso slo nuestros compaeros del equipo de ftbol. Podemos agregar una proteccin por contrasea? Esto ya fue realizado en el Sitio Web "FC Bigfeet":

Estas pginas dentro del rbol de pginas slo son accesibles a partir del frontend slo si cuenta con el nombre de usuario y contrasea correcta!

Iniciando una sesinSi desea iniciar su sesin como un nuevo usuario, proceda a la pgina "Log in":

Escriba el nombre de usuario "john" y la contrasea football" (la contrasea y el nombre son los mismos para TODOS los usuarios para su conveniencia, puede cambiar esto ms adelante). Asegrese de respetar las maysuculas y minsculas al escribir el nombre y la contrasea: "John" no trabajar - use "john"...

Haga clic en el botn "Login" (iniciar sesin) ver de inmediato las pginas reservadas "Team pages" (a menos de que haya hecho algo mal...)

Iniciando - 44

Note tambin que las pginas que anteriormente se encontraban ocultas estn ahora visibles:

Crear usuarios/gruposAntes de que pueda crear un acceso a las pginas restringidas, deber contar con por lo menos un usuario o grupo. Estos pueden crearse durante, despus y antes de la creacin de su sitio Web. El orden no es importante.

Usuarios del Frontend y del BackendUn momento! Cuantos tipos de usuarios existen? Bueno, slo hay dos tipos. Recuerde que hay dos reas principales en TYPO3 el frontend (interfaz de usuario del sitio Web) y el backend (administracin). Un usuario del frontend (iconos naranjas) puede iniciar una sesin en el sitio Web pero no puede cambiar el contenido (puesto que no tienen nada que ver con el backend!). Sin embargo, existen puesto que nos permite restringir el acceso a la informacin del sitio Web! Los usuario del frontend (tambin llamados usuarios del sitio Web) se crean dentro del sistema en el que los requerimos. En nuestro caso creamos una carpeta del sistema llamada "Users" (usuarios) que contendr tanto a los usuarios como a los grupos. El nico requisito que tiene que cumplir este lugar de almacenamiento para los usuarios del frontend es que tenemos que informar a la plantilla que es aqu donde tiene que buscar a los usuarios cuando se transmite una peticin de iniciar sesin vea ms informacin acerca del tema en la seccin de Plantillas.

Iniciando - 45

Si quiere crear aplicaciones Web usando perfiles de usuario en TYPO3 probablemente usar los usuarios del frontend como base para una extensin que pueda agregar campos adicionales a la tabla de usuarios de la base de datos puede as almacenar y gestionar informacin personalizada sobre los usuarios de su sitio Web! Un usuario de backend (icono azul) trabaja en el backend y se encarga de cambiar la informacin entre bastidores. Debido a que los usuarios del backend realizan la administracin de un sitio Web, no tienen nada que ver con las restricciones de acceso del propio sitio Web (qu slo es parcialmente cierto, puesto que los usuarios del backend tambin pueden tener una vista previa de las pginas ocultas del frontend). Los usuarios del Backend slo pueden crearse en un lugar - en la raz de rbol de pginas (pid = 0) - y slo por aquellos usuarios del backend que son "admin" (administradores) (tiene la bandera admin activa indicada por el icono color rojo!) puesto que son ellos los nicos usuarios con acceso a los archivos de la raz del rbol de pginas:

Los tres usuarios azules del backend (n 1) estn configurados para que pueden dar mantenimiento slo a una parte del sitio Web encontrar ms informacin en la seccin seccin de usuarios posteriormente. . Los grupos de usuarios del backend (n 2) tambin seran azules si la bandera "Access list" (lista de acceso) no se hubiese activado - perdneme por ello... Finalmente el usuario "admin" (n 3) con el que estamos trabajando - es rojo porque tiene acceso total y sin restricciones a cualquier parte del sistema!

Editando un usuario o un grupoComo puede ver, ya tenemos un sysFolder (carpeta de sistema) con un grupo de usuarios y dos usuarios. El grupo de usuarios "Team" slo contiene el ttulo. No hay configuracin ni parmetros. Los usuarios "john" e "irene" se configuraron bsicamente de la misma forma - slo un nombre de usuario, contrasea y membresa a un grupo:

(Ah, es cierto! No ha usado an el mdulo de Lista entonces, qu tan difcil es esto? Slo haga clic en el icono a lado del nombre de John y aparecer un men emergente. Ya le habamos advertido - observe los patrones para la aplicacin de conceptos consistentes!) He aqu el perfil de John:

Iniciando - 46

Creando un usuarioIntentemos crear un usuario. Puesto que los elementos del frontend (tales como pginas, elementos de contenido de pginas, artculos de noticias, etc.) son slo elementos de una base de datos dentro de TYPO3, el mismo proceso puede usarse para la creacin de usuarios de la interfaz. Por lo tanto est seccin es tambin otra introduccin general a la creacin de nuevos elementos! Listo? Es sencillo. Primero, haga clic en el icono de la pgina donde desea crear un nuevo elemento:

Ahora seleccione el elemento "sitio Web user" (usuario del sitio Web):

... y proporcione la informacin. En este caso se requieren los campos de nombre de usuario, contrasea y grupo:

Guarde el usuario. Si hace clic en el nombre "Users" de sysFolder ver este listado (claro est, suponiendo que el mdulo "List" fue el ltimo que us en el backend):

Iniciando - 47

Vaya ahora a la forma de inicio de sesin y vea si funciona:

Crear la forma de inicio de sesin (login)Ya tenemos una forma de inicio de sesin. Pero qu sucede si deseamos otra en la pgina de inicio? Es esto un problema? No, debido a que TYPO3 construye el contenido de las pginas como una serie de elementos de contenido y, como ya sabe, puede insertar un recuadro de inicio de sesin como un elemento de contenido ms dentro de la pgina de inicio! La pregunta principal es saber su posicin dentro de los otros elementos. Creemos ahora una forma usando los comandos: Page module -> clic en "FC Bigfeet" -> "New content"

"Login form":

Seleccione su posicin:

Renmbrela y gurdela:

Iniciando - 48

Si proporcion una referencia de pgina en el recuadro "Send to page" (enviar a pgina), se enva el usuario a esa pgina. Esto se usa con para dirigir directamente al usuario a la seccin de acceso restringido. En este caso dejaremos vaca la casilla para que el usuario se encuentre al final en la misma pgina la pgina principal. En la interfaz de usuario ver esto:

Como puede ver ya iniciamos una sesin como "newuser". Puede intentar cerrar la sesin y volver a abrirla. Al final tendra que ver el funcionamiento.

Crear pginas restringidasAhora tiene los siguientes elementos: Usuarios y sus grupos Una forma de inicio de sesin (por favor lea sobre las constantes en la seccin Plantillas para saber informacin importante acerca de configurar el almacenamiento del identificador de pgina para la forma de inicio de seccin) Ahora requiere... restringir ciertos accesos!

Restrinjamos toda la seccin llamada "Youth Section":

Seleccione el acceso de forma que slo se permita a aquellos que son miembros del grupo "Team":

Iniciando - 49

Ahora gurdela. El icono de la pgina cambia. Coloque el ratn sobre el icono:

Vea! El acceso se restringe al grupo "Team". Intente cerrar la sesin y volver a iniciarla. Trabaja?

Uy!Intente cerrar la sesin y ver una de las pginas de la seccin "Youth Section". Ver que puede visualizar estas pginas! Entonces slo se protegi la pgina principal de la seccin "Youth Section"? S, es cierto se requiere incluir la bandera adicional - "Include subpages" (incluir sub-pginas). Edite el encabezado de la pgina y active la bandera (localizada en la parte inferior de la forma):

El icono de la pgina cambia a una flecha doble hacia adelante - esto le indica que todos las sub-pginas tambin estn protegidas!

CONSEJO: "Include subpages" (incluir sub-pginas) no slo afecta la configuracin de acceso sino si una pgina se oculta o si tiene la hora de inicio o fin activada. Por lo tanto, puede ocultar o programar el despliegue de toda una seccin al usar este parmetro!

Las opciones de accesoDe forma bsica, la restriccin de acceso trabaja de la siguiente forma: Se selecciona un grupo de usuarios de un sitio Web, eso es todo. De ese punto en adelante slo debe definir los usuarios que son miembros de un grupo. Grupos... Ah!, es cierto, slo tenemos un grupo por el momento: El grupo "Team". Si agrega ms grupos podr crear distintas reglas de acceso para distintos usurarios! Por ejemplo "john" puede ser un miembro de "Team" y tener acceso a la seccin "Team". "irene" puede ser un miembro de un nuevo grupo usado para acceder de forma restringida a la seccin "Youth section" y automticamente el usuario obtendr el acceso requerido! El usuario "newuser" (que creamos anteriormente) podra ser miembro de ambos grupos - por lo que tendra acceso a las dos secciones! Por que no lo intenta! Juegue un momento con las opciones. Finalmente la opcin "Hide at login" (ocultar al iniciar sesin) significa que la pgina no ser visible cuando el usuario inicia su sesin! Esto es til cuando se cuenta con pginas con informacin que slo conciernen a los usuarios que an no inician una sesin. Claro est que la opcin "Show at any login" (mostrar en cualquier inicio de sesin) es el opuesto- esto es, habilita la pgina para el usuario que ha iniciado la sesin. No se requiere ser miembro de un grupo en particular si ya inici la sesin, ver la pgina.

Iniciando - 50

Elementos de contenido especialesYa conoce los elementos de contenido de pginas en general. As que ya sabe cmo trabajan. En esta seccin nos gustara mostrarle simplemente unos cuantos ejemplos de elementos de contenido especiales que no obstante son bastante populares. Por ejemplo cmo puede hacer una forma de correo electrnico? O un campo de bsqueda para buscar dentro del contenido de su sitio? Qu tal un libro de registro de invitados? Pues bien, simplemente siga leyendo y ver el uso de todos estos elementos.

Formulario de correo electrnicoYa tenemos un campo definido para el correo electrnico en nuestro sitio Web. Si navega hasta la pgina "Contact" lo ver:

El elemento de contenido que crea el formulario dentro del backend se ve as en el mdulo Page (pgina):

A propsito, note que la pgina "Thank you" es una subalterna de "Contact"! Ahora, edite el elemento. Esto es lo que ve:

Iniciando - 51

El contenido es aparentemente ms del "estilo cdigo" que al usar el elemento de contenido "Table" (tabla)! Pero, como de costumbre, haga clic en el botn del icono del Asistente y podr editar el contenido con una herramienta que hace todo mucho ms fcil!:

Como puede ver, los cdigos se han transformado en un bonito formulario. Cada campo dentro del formulario se cre con controles visuales. Para un campo se debe determinar un nombre (n 1), claro est, y un tipo de campo (n 2). Estas son las partes visibles. Tambin se debe dar al campo un nombre interno (n 3) que es el que se mostrar en el correo electrnico que el destinatario recibe. En el caso de los tipos "Input field" (campo de entrada), tambin puede especificar un valor predefinido (n 4). Para los campos de correo electrnico existen tres valores comunes a definir: El nombre del botn de envo (n 5), la lnea del asunto (n 6) y, finalmente, la direccin de correo electrnico del destinatario (n 7). Esta persona es normalmente usted! O cualquier otra persona de su equipo que deba recibir este tipo de correos.

Agregando un campo de seleccinAhora intentemos agregar una lista de seleccin donde se pueda seleccionar un elemento. En "FC Bigfeet" tenemos los artculos calendarios, revista del club y lpiz que podemos enviar por correo. Sencillamente seleccione el tipo "Selector box" (caja de lista):

A continuacin haga clic en el botn "Refresh without saving" (actualizar sin guardar) que no almacena el contenido, slo actualiza el formulario!

Posteriormente rellene esta informacin:

Iniciando - 52

El contenido del campo es obvio (n 1). El campo llamado "item_to_send" (artculo a enviar, n 2) no est visible en la pgina Web, pero, como ya se explic antes, es el nombre que el destinatario ver para identificar esta seleccin. Finalmente, cada valor que desee dentro de la lista de seleccin es una lnea dentro de este campo de texto (n 3) as de simple. Guarde el contenido del asistente y despliegue la pgina:

As de fcil!

Notas AdicionalesAhora, dentro del backend, la nueva lista se agreg dentro de las lneas de cdigo del campo "Configuration" (configuracin). Si quieres saber cmo se realiza, hecho un vistazo a la lnea y podr darse cuenta de la sintaxis pudiendo crear los campos del formulario sin necesidad de utilizar el asistente:

Si pierde la paciencia, siempre puede buscar ayuda en el documento TSref donde existe una seccin que describe los detalles. Pero, le advertimos, puede no estar acostumbrado al nivel tcnico detallado que se emplea! Otro detalle importante a notar es el campo "Jump to page" (ir a la pgina) que informa a TYPO3 la pgina que debe desplegar cuando se enva el formulario.

En otras palabras, cuando el usuario rellena el formulario y hace clic sobre el botn "Send form!" (enviar formulario!), se le mostrar esta pgina que contiene... un elemento de contenido de pgina ordinario con esta informacin:

Iniciando - 53

Muy sencillo- verdad? Muy flexible.

Encontrando erroresSi usa un servidor Windows siempre existe la posibilidad de que la funcin enviar correo no trabaje adecuadamente. Si enva el formulario y obtiene un mensaje de error de PHP, probablemente no cuente con el servidor SMTP o cualquier otro requerido por PHP para enviar correos. En los sistemas UNIX normalmente esto funciona sin ninguna otra configuracin.

Campo de bsquedaEl siguiente proyecto consiste en realizar un campo de bsqueda. Esto es an mucho ms sencillo y ya hemos creado uno para usted dentro de la pgina Search (bsqueda):

El evento es si mismo es extremadamente simple:

Bsicamente consiste en un elemento de contenido cuyo tipo es Search (Bsqueda) -eso es todo. En este caso tambin existe un campo "Send to page" (Enviar a pgina) que no se utiliza. El campo realiza la misma funcin que "Jump to page" (Ir a la pgina) dentro de un formulario de correo electrnico. Esto es, informa al elemento la pgina que muestra la informacin de la peticin de bsqueda (que contiene otro elemento de contenido Search para mostrar los resultados). Si no se le informa la pgina que debe mostrar al finalizar la bsqueda, se mostrar la pgina activa. Esto es el comportamiento normal de un campo de bsqueda.

Realizando una bsquedaSi se realiza una bsqueda de la palabra results (resultados) se le mostrarn dos pginas:

Iniciando - 54

Intente hacer clic en el ttulo "Report results" (mostrar resultados):

Se desplegar la pgina de resultados con las palabras que busca resaltadas en rojo. Verdaderamente bonito, verdad?

Bsqueda con ndices?El elemento de bsqueda predefinido que utiliz busca directamente dentro de la pgina y dentro de los registros de elementos de contenido de pgina. Esto es suficientemente eficiente para sitios Web pequeos Puede obtener tambin una bsqueda ms profesional basada en ndices, si as lo desea. De hecho puede obtener cualquier funcin para la cual se haya escrito una extensin (hablaremos ms tarde de ello). Por ahora puede intentar http://typo3.org como ejemplo de mquina de bsqueda con ndices de ofrece TYPO3:

El conjunto de resultados desplegar algo similar a esto:

Iniciando - 55

Note que el resultado se organiza en secciones y se ordena de acuerdo al porcentaje de importancia. La extensin que realiza esto se llama "indexed_search" y puede encontrar su manual de uso y ms informacin aqu.

Libro de visitasUn libro de visitas es una adicin fcil de realizar. Normalmente los elementos tales como libros de visitas, foros de mensajes, foros de noticias, etc. se realizan a travs de extensiones - y las extensiones requieren instalarse primero. Algunas de ellas requieren importarse de un repositorio en lnea, TER (TYPO3 Extension Repository) si an no estn disponibles en nuestro servidor. Para instalar una extensin, tal como un libro de visitas, sencillamente se accede al Administrador de Extensiones, Extension Manager (EM), y se hace clic en el icono instalar extensin:

Dentro de la vista "Loaded extensions" (extensiones cargadas), podr ver todas aquellas disponibles:

Insertando el libro de visitas en una pginaTal y como se realiz con el formulario de correo electrnico y el campo de bsqueda, un libro de visitas - y normalmente cualquier otra aplicacin Web (llamada mdulo o plugin dentro de la terminologa de TYPO3) se inserta a travs de un elemento de contenido de pgina que acta como un marcador para la funcionalidad deseada:

Iniciando - 56

El tipo "Insert plugin" es el selector principal, mientras que el secundario Plugin se usa para determinar el tipo de mdulo. Esta opcin muestra algunas de las extensiones instaladas:

Ya contamos con un libro de visitas general - creemos ahora uno para la seccin "Team pages" (pginas del equipo) que requiere que el usuario se identifique con su nombre y contrasea: Vaya al mdulo Page (Pginas), haga clic sobre el ttulo de la pgina "Team pages" dentro del rbol de pginas y seleccione el Asistente de nueva pgina "New page" (vea las secciones anteriores para ms informacin):

Escriba el ttulo de la pgina:

Guarde y cierre la pgina. Ahora cree el contenido:

Seleccione el mdulo "Guestbook" (libro de visitas):

Iniciando - 57

Y ahora adivine qu tan fcil es insertar noticias y foros de mensajera... :-)

Guarde el formulario obtenido:

Note el contenido del campo "CODE" (cdigo). Ver que contiene algunos de los cdigos de texto que hacen que el libro de visitas aparezca. Una buena razn para utilizar el asistente de nuevo contenido ("New content") para insertar elementos! El asistente tiene los valores predefinidos. Claro est que puede escribir el ttulo y otros elementos de contenido de la pgina - pero el objetivo principal de este ejercicio es insertar el elemento libro de visitas:

Y - voila! - aparece el libro de visitas! (vera datos de prueba en esta imagen...)Iniciando - 58

Dnde se almacena el contenido del libro de visitas?Si quiere administrar su libro de visitas - por ejemplo para eliminar registros falsos, tal como el del ejemplo anterior sencillamente dirjase al mdulo Page (pgina) para la pgina correspondiente y ver todos los elementos de libro de visitas adems de los elementos de contenido de pgina normales:

Se est preguntando cmo editar los datos? Slo haga clic en el icono del libro de visitas (recuerde, tome en cuenta los conceptos de consistencia!):

Lo mismo se aplica a un foro de mensajes. Pero no todos los mdulos listan sus elementos dentro del mdulo Page (pgina), por lo que generalmente debemos de utilizar el de List (lista) para administrar los elementos si deseamos un mtodo consistente:

Esto nos lleva al punto principal - los registros de un libro de visitas tambin forman elementos de la base de datos de TYPO3 al igual que las pginas, los elementos de contenido de pginas, usuarios, etc.. Podemos editarlos, ocultarlos, borrarlos y copiarlos o pegarlos utilizando el conjunto de herramientas del sistema ya conocidos -el concepto de consistencia muy pronto se enamorar de l!

Iniciando - 59

Mapa del sitioNo invertiremos mucho tiempo explicando la forma de insertar un mapa de sitio - ya conoce el principio. Un elemento de contenido de un cierto tipo con ciertos parmetros adicionles:

Note el campo "Starting point" (punto de inici) - que determina el lugar a partir del cual comienza el mapa. De forma similar, los otros parmetros del "Menu type" (tipo de men) utilizan este valor. En lugar de insertar un mapa de sitio, tambin se pueden usar otros tipos de listas de vnculos basados el la estructura de la pgina y los elementos de contenido de las pginas:

Le invitamos a que juegue con todas las alternativas. Recuerde - cuando requiera ayuda la encontrar siempre al alcance:

Iniciando - 60

Mdulo de NoticiasEl mdulo de noticias usado en el sitio Web es el de la extensin "mininews". Asegrese de que est instalado (Extension Manager, Administrador de Extensiones):

Puesto que ya se encuentra instalado, podemos proceder ahora a investigar cmo se utiliza el mdulo. A diferencia importante del libro de visitas, el mdulo mininews se inserta tanto en la pgina principal como en la de noticias. La primera pgina muestra solamente las tres primeras lneas de la noticias:

Ya al hacer clic sobre el vnculo "[more...]" (ms...), se muestra al usuario la pgina de noticias con todo el contenido:

Los elementos de contenido en el backendEn la parte inferior de la pgina principal encontrar este elemento de contenido si procede al mdulo Page (Pgina):

El contenido es:

Iniciando - 61

Primero que nada, note que el "Listing mode" (modo listado) - una lista de seleccin especficamente prevista para el elemento del mdulo tiene seleccionado "Frontpage teaser" (invitacin en la primera pgina) de forma tal que slo se inserta la invitacin y no el archivo. Como segundo punto, el campo "Starting point" (punto de inicio) se utiliza para indicar la pgina donde el archivo - que contiene toda la informacin - se encuentra. Dentro de la pgina News (noticias) se inserta un elemento similar, solamente el campo "Listing mode" es distinto:

Y, dnde se almacenan los elementos de noticias?Recuerde el libro de visitas. Los nuevos elementos forman parte, como cualquier otro, de los registros de las bases de datos que TYPO3 utiliza. La mejor forma de obtener un panorama general de los elementos que se encuentran en una pgina es utilizando el mdulo Lista (listar). Intentmoslo:

Y cmo se editan?

Iniciando - 62

Y cmo se crea uno nuevo?

Creemos que las imgenes hablan por si mismas...

Flujograma de noticiasQu pasa si deseo que otra persona escriba los artculos de noticias? Y qu pasa si deseo revisar estos artculos antes de que se publiquen? Puede hacer esto TYPO3? Esto es una situacin en la cual se requiere un flujo de trabajo. Explicaremos esto un poco ms adelante dentro de este tutor utilizando una situacin sencilla tal como sta. Un poco de paciencia.

Iniciando - 63

Programas o aplicaciones WebEl trmino "Aplicacin Web" se usa para los "programas informticos" dentro de un sitio Web que realizan a ciertas tareas que incluyen en proceso de datos en tiempo real. Un ejemplo de ello es un libro de visitas, una mquina de bsqueda, un foro de mensajes, un formulario para el clculo del costo de un seguro, un formulario de registro de membresa en lnea, una agenda en el cual se pueden buscar las direcciones, todos stos son ejemplos de programas Web.

Muchos de los programas utilizados hoy en da funcionan independientemente con su propio sistema de administracin. Los sistemas de gestin de contenido tambin contienen estas caractersticas pero normalmente la funcionalidad se encuentran integrada al marco del trabajoTYPO3 es un sistema de este ltimo tipo una plataforma de programas Web - que le ayuda enormemente, no solamente en administrar y utilizar este tipo de aplicaciones sino tambin en desarrollarlas! Al utilizar el administrador de extensiones, la instalacin y distribucin se realiza con un solo clic, mientras que KickStarter puede iniciar su propio programa en 2 minutos. Si est interesado en estas caractersticas, vea el vdeo Episode" localizado en la pgina de vdeos en typo3.org. Adems de ello, existe un gran nmero de tutores que explican la creacin de extensiones para TYPO3, por ejemplo el realizado por Oliver Hofmann. Note que esto es un tema de usuarios avanzados y puesto que consideramos que apenas comienza no espere entender ni desarrollar ningn programa antes de que tenga un poco ms de experiencia utilizando TYPO3.

Paradigma del administrador de contenido a partir de un rbol de pginas?Cuando se realiza una clasificacin de los sistemas de gestin de contenido, encontrar que algunos de ellos abordar el problema a partir de un marco de trabajo para aplicaciones mientras que otros utilizan un rbol de pginas. TYPO3 pertenece a esta ltima categora. Sin embargo, esto no compromete de ninguna forma el estado de TYPO3 como un Gestor de Contenidos con Marco de Aplicaciones. En lugar de ello, al usar un rbol de pginas se mejora la habilidad para servir de marco de trabajo ofreciendo, a la vez, una divisin lgica al utilizar un rbol de pginas como contenedor lgico para tal tipo de aplicaciones. En otras palabras: Puede tener tanto un libro de visitas, un sistema de noticias, un formulario de administracin de usuarios y una calculadora de costo de seguros en el mismo sistema sin que tales elementos se mezcla debido a que cada uno de ellos trabaja solamente en los lmites de una sola pgina. Todos los elementos del programa se almacenan ah, todas las transacciones las realiza el mismo mdulo sobre el mismo identificador de pgina. Esto tiene sentido y orden! Debido a esto, al basar la estructura del sistema en un formato de rbol de pginas se obtiene la fuerza del sistema an cuando cientos de programas Web dentro del marco de trabajo necesiten una estructura organizacional.

Extender la funcionalidad de TYPO3 utilizando aplicaciones Web de otros?Veamos la forma en la cual podemos extender TYPO3 usando un programa Web que no se incluye en el sistema. Para ello, requerir conectarse a TER (TYPO3 Extension Repository, repositorio de extensiones) a partir del EM (Extension Manager; Administrador de Extensiones) e importar, instalar y aplicar un sistema de suscripcin a un boletn informativo.

Insertando un formulario de subscripcin a un boletn informativoGeneralmente se debe proceder primero a typo3.org y buscar el programa requerido. Una vez encontrado se requiere instalar.

Iniciando - 64

Al buscar un mdulo de suscripcin a un boletn, encontramos una que parece cumplir con nuestras expectativas. Note como el autor de esta extensin puso la documentacin a su disposicin (n 1). Es importante entender esto, puesto que la documentacin de TYPO3 se organiza junto con cada extensin. En otras palabras, dnde puede encontrar informacin relacionada al mdulo de suscripcin a un boletn? En typo3.org junto con la extensin! Por lo tanto, al buscar la documentacin primero se requiere identificar la extensin para la cual se requiere la ayuda y luego proceder a esta extensin dentro de typo3.org.

ImportarDentro del EM puede conectar al TER y encontrar la extensin "da_newsletter_subscription":

La conexin toma algunos segundos y luego aparecer la siguiente lista:

La extensin se importa despus de unos segundos y ver el siguiente mensaje si no hubo problemas:Iniciando - 65

En la lista de extensiones disponibles, "Available extensions", podr encontrar el mdulo de suscripcin a boletines en la seccin "Frontend Plugins" (mdulos de la interfaz de usuario):

Instlelo y acepte la opcin "Make updates", que crea automticamente todas las tablas y campos requeridos dentro de la base de datos...

Dentro de la lista "Loaded Extensions" (extensiones cargadas) podr ver que el nuevo mdulo que se agreg:

Y ahora cmo lo uso?Bueno, pues tenemos suerte que el autor de la extensin realiz el manual! Dentro de typo3.org puede acceder al ndice y consultar una gua detallada de la creacin tanto del formulario de subscripcin, las categoras as como de la forma de obtener el reporte de los subscriptores del sistema. Claro que no repetiremos todo eso una vez ms aqu! Es por eso que se escribe el manual de uso del mdulo. Resumiendo: Hemos creado una nueva pgina, un elemento de contenido, dos categoras y una lista de seleccin de edad:

Iniciando - 66

Se requerir al realizar un poco ms de trabajo (cambios en la plantilla) pero podr ver todo esto en vdeo que le muestra un proceso de creacin en vivo. Y, claro est, todo se encuentra documentado dentro de la seccin de configuracin del manual que encontrar en typo3.org. El formulario resultante ser similar al siguiente:

El punto final consiste en la extraccin de la lista de suscriptores, funcionalidad proporcionada por un mdulo de backend que se instal al mismo tiempo que la extensin:

Como podr ver, cuando se activa el mdulo del backend, la pgina que contiene la aplicacin Web del frontend tambin se activa y se muestra la lista. Esto nos lleva a otro punto interesante podemos agregar una subscripcin no slo a una pgina sino a todas las que deseemos en nuestro sitio Web y llevar un control de la situacin y un perfecto orden. Todo esto gracias al marco de trabajo de rbol de pginas! Para mayor informacin acerca de la extraccin avanzada de subscriptores, consulte el manual para el Mdulo de Subcripcin a Boletn Informativo.

Cmo cambiar el idioma del formulario de subscripcin?Muchos mdulos han sido traducidos a otros idiomas: Sin embargo, el Ingls es el idioma base que se requiere para todas las extensiones. Si existe una traduccin podr activarla al editar el campo "Setup" (configuracin) del registro de plantillas de su sitio Web insertando la siguiente lnea de cdigo:page.config.language = dk

Esto activar el dans (dk) dentro del formulario que ahora se ver as:

Iniciando - 67

Puede obtener ms informacin de los registros de plantillas dentro de la seccin de plantillas de este tutor. Por ahora dejamos este ejemplo tal cual sin ninguna explicacin puesto que esto constituye en si mismo una ciencia. Aprenderemos esto posteriormente. Por ahora vea el vdeo de explicacin localizado en nuestro sitio Web.

Iniciando - 68

Mdulos del BackendControlando los usuarios del backendQue tal si llevamos un registro de los usuarios que han accedido al sistema? Podemos hacerlo? Bueno, claro est. Pero ya existe una extensin que provee un mdulo para la interfaz de administracin solamente con ese fin. Por lo tanto, al igual que antes, debemos de importar la extensin "Login User Tracking" (seguimiento de usuarios que han iniciado una sesin) a partir del TER:

Instlelo, "Make updates" (Realizar actualizaciones) (agrega una tabla de estadsticas a la base de datos):

y volver a cargar el backend:

Ahora ya tenemos el nuevo mdulo de backend instalado dentro del mdulo "Web" principal:

Antes de que el registro de inicio de sesin funcione dentro de la interfaz de usuario, tendremos que habilitarla dentro del la plantilla de registros (tal y como lo hicimos para el idioma en el formulario de boletines informativos):config.tx_loginusertrack_enable = 1

Desafortunadamente esto no est bien documentado (an) y hay que buscar en el cdigo fuente del mdulo para averiguar cmo se realiza esto. Grave fallo del autor de la extensin (vea el vdeo para averiguar la forma en que se realiza esto).

Puesto que acaba de instalar el mdulo tendr que cerrar y abrir la sesin varias veces dentro de la interfaz usuario. Una vez realizado esto, el mdulo de seguimiento de usuarios "User Track" le mostrar una bonita lista de todos los inicios de sesin:

El "Sess. lgd" le informa el tiempo que el usuario estuvo dentro de la sesin parece ser que no tuve mucha paciencia... :-)

Cambiando el idioma del backendUna nota adicional en este punto podra ser la forma de cambiar el idioma de la interfaz de gestin. Esto es realmente fcil.Iniciando - 69

Los usuarios pueden hacerlo ellos mismos si tienen acceso al mdulo de configuracin Setup:

Seleccione de la lista otro idioma y haga clic en el botn "Save Configuration" (guardar configuracin) que se localiza en la parte inferior de la pgina. Vuelva a cargar la interfaz de gestin. Ver ahora que los mdulos se encuentran en dans:

Iniciando - 70

PlantillasDurante todo este documento quiz se pregunt una y otra vez cmo puedo cambiar el color verde del fondo? O cmo puedo colocar mi propio logotipo? y la tipografa que requiero es Times y no Arial ni Verdana. Antes de abordar estos temas debe entender un concepto fundamental acerca de cmo trabajan la mayora de los CMS: separan el contenido de la presentacin. Esto significa que las pginas del contenido se almacenan dentro de una base de datos sin los colores, tipografa o imgenes de fondo adjuntas. Esta informacin se localiza en plantillas y hojas de estilo que se aplican normalmente a todo el sitio Web cuando se muestran las pginas. Por lo tanto, un slo cambio a una plantilla afectar la apariencia global de todas las pginas del sitio Web. Esta es una importante y poderosa caracterstica de los programas CMS. Si quiere convencerse an ms, pregunte a alguien que haya diseado un sitio Web basado en archivos HTML con cientos de pginas y que desea cambiar el diseo del sitio..

Contenido esttico y dinmicoConsidere el sitio Web "FC Bigfeet":

Partes dinmicas: En este sitio Web el men (n 1), los encabezados de pgina (n 2) y la seccin "Last update" (ltima actualizacin; n 4) son partes dinmicas indirectas de la pgina. Esto significa que cambian de una pgina a otra automticamente. No podemos modificar directamente estos elementos en cada una de las pginas. Se encuentran programados dinmicamente como parte de la plantilla. Sin embargo, el rea de contenido (n 3) es una parte dinmica directa de la pgina puesto es aqu donde el contenido especfico de cada una de las pgina se inserta. Podemos modificarla al agregar, eliminar y ordenar los elementos de contenido de la pgina. Esta rea no forma parte de la plantilla (exceptuando el formato de color y tipografa) puesto que lo controlamos directamente usando los elementos de contenido. Partes estticas: Adems de las partes dinmicas de la plantilla que consiste siempre del mismo logotipo (n 5), la misma imagen (n 6) y color de fondo (n 7). estas secciones tambin forman parte de la plantilla (tal y como las partes dinmicas indirectas) pero nunca cambian debido a una accin. Son siempre las mismas en cada pgina.

Registros de plantillas?Cmo implementa TYPO3 este principio? Puede leer informacin a fondo acerca de la forma recomendada para crear sitios Web profesionales en el tutor Creando Plantillas Modernas. Sin embargo, este tutor est escrito para profesionales queIniciando - 71

trabajan con profesionales de diseo de sitios Web, desarrolladores, etc. Por lo tanto, el nivel es un poco ms alto que lo que podra indicar su ttulo. El punto importante es el registro de plantillas. Este es el elemento de control que le dice a TYPO3 cmo manejar una cierta rama del rbol de pginas. Esto le parecer un poco confuso al principio, pero de hecho es altamente consistente con lo que ya aprendi y es mucho ms claro ms adelante cuando quiera realizar muchos sitios dentro del mismo rbol de pginas incluyendo plantillas mltiples. Si observa con entendimiento nuestra sencillo sitio Web FC Bigfeet, ver que la pgina raz contiene un registro de plantilla:

Realizando cambios a la plantillaIntentemos cambiar algunas cosas en el registro de plantilla, "NEW SITE, based on standard" (nuevo sitio basado en estndar). Sencillamente edtelo:

El campo "Constants" (constantes) en las plantillas estndar es normalmente el lugar donde se cambian ciertos valores. Estas constantes se insertan posteriormente dentro del campo Configuracin y muchos otros lugares. Un cambio a una constante puede significar que se modifican los parmetros de otros sitios dentro del cdigo de configuracin final TypoScript de la plantilla. En nuestro caso, agregaremos el color rojo como fondo dentro del marco del men (vea la figura anterior). Una vez que guarde el registro de plantillas, haga clic en la opcin "Clear all cache" (Limpiar memoria provisional) dentro del men "Admin Functions" (funciones administrativas):

Siempre haga esto si edita el registro de plantilla directamente (no se requiere si usa el mdulo Template; Plantillas).

El resultado es:Iniciando - 72

Puede tambin jugar con todos los otros valores!

El editor de constantesLa mejor forma de administrar stos cambios es usando el mdulo plantillas (Templates) dentro de la vista "Constant Editor" (editor de constantes):

Puede acceder a una gran cantidad de opciones aqu. Existen explicaciones visuales para la mayora de los elementos y puede seleccionar entre varias categoras. Tambin puede encontrar aqu los colores de fondo del men dentro de la categora Basic (bsica):

Note que en realidad est usando un asistente que edita las constantes antes de llamar a "menu.bgCol"!

De la misma forma, puede cargar y cambiar imgenes para utilizar como logotipos o fondos:

Aqu cambiamos la imagen de fondo activa para que ahora sea el logotipo (n 1) y utilizando el botn "Browse" (n 2; Examinar) puede localizar una nueva imagen dentro de su disco duro para utilizarse como logotipo pronto tendr un sitio Web para su compaa y no para un club de ftbol!Iniciando - 73

No hay ms razn para seguir explorando estas caractersticas puesto que son obvias y la nica forma de familiarizarse con ellas es modificndolas y viendo lo que pasa. A modificarlas!

Configurando la carpeta de la interfaz de usuario?Recuerda el