Professional Documents
Culture Documents
Manual
h t t p : / / w w w . l a z o s . c l
contacto@lazos.cl :: Telfono (56-45) 325252 :: Montevideo 0780, Temuco, Chile :: www.lazos.cl
ndice
1. INTRODUCCIN ....................................................................................... 3 2. PRE-REQUISITOS PARA INSTALAR TYPO3 ......................................................... 4 2.1 Instalacin Apache versin 2.0 o superior ........................................... 4 2.2 Instalacin PHP............................................................................ 4 2.3 Instalacin MySql ......................................................................... 5 2.4 Configuracin Php.ini .................................................................... 5 2.4 Iniciacin de Servicios ................................................................... 6 3. INSTALACIN CMS TYPO3 ........................................................................... 7 3.1 Descarga de archivos para la Instalacin Typo3. ................................... 7 3. CONFIGURACIN BSICA .......................................................................- 11 -
1. INTRODUCCIN
TYPO3 se define dentro de los CMS (Content Management System) o gestor de contenidos, ya que es una herramienta especializada en la gestin de los contenidos que se publican en la Web. Esta herramienta cuenta con dos planos bsicos de visualizacin del sitio Web que se pueden gestionar: El frontend que consiste en la vista que va a tener un usuario que visita cualquier sitio Web visible en Internet y el backend que consiste en la vista que la herramienta ofrece para llevar a cabo la gestin o administracin del sitio Web. Dicha vista se accede a travs de un procedimiento de autenticacin, de modo que slo las personas autorizadas podrn acceder. Typo3 puede ser configurable, personalizable y ampliable con las propias utilidades que incorpora o mediante la instalacin de extensiones o funcionalidades realizadas para este gestor de contenido, adems podemos decir que es una aplicacin de software libre que se sustenta sobre la estructura LAMP, y que gracias a ello posibilita que exista un gran soporte y multitud de desarrollos paralelos concernientes a las extensiones y a la actualizacin o robustez de este. Una caracterstica a destacar sera el uso de un lenguaje propio denominado TypoScript, que tiene cierta similitud a los lenguajes orientados a objetos. Este lenguaje tiene por objeto realizar una configuracin ms exhaustiva del sitio Web. Por su estructura e incorporacin de su propio lenguaje hacen que typo3 tenga una cuerva de aprendizaje alta, por lo que se requiere de dedicacin y bastantes horas de estudio de la herramienta. En el presente documento se dar a conocer la instalacin, habilitacin y configuracin bsica para la construccin de un sitio en typo3.
1. Descargue y descomprima los archivos en /var/www/html: [sitiotypo3@localhost ~]# su password: [root@localhost ~] # cp typo3_src-4.0.1.tar.gz /var/www/html [root@localhost ~] # cp dummy-4.0.1.tar.gz /var/www/html [root@localhost ~] # cd /var/www/html [root@localhost html] # tar -xzvf typo3_src-4.0.1.tar.gz [root@localhost html] # tar -xzvf dummy-4.0.1.tar.gz [root@localhost html] # ln -sf /var/www/html/typo3_src-4.0.1/ dummy-4.0.1/typo3_src 2. Cambie los permisos y propietario. [root@localhost ~] # chmod -R 777 dummy-4.0.1 typo3_src-4.0.1 [root@localhost ~] # chown -R apache:apache dummy-4.0.1 typo3_src-4.0.1
3. El servicio mysql debe estar corriendo. Cree una base de datos mysql, una cuenta de usuario y password. [root@localhost ~]# mysql -u root -p password : mysql>create database typo3_sitiotypo3; mysql>GRANT ALL PRIVILEGES ON typo3_workflow.* TO portal_typo3@"localhost" IDENTIFIED BY 'typo3_portal_pass' WITH GRANT OPTION; mysql>exit; [root@localhost ~]# 4. Cambie el nombre de la carpeta dummy a sitiotypo3 o el nombre que se quiera para el sitio que esta creando. [root@localhost ~]# mv dummy-4.0.1 sitiotypo3 5. Abra un navegador y revise la pgina: http://localhost/sitiotypo3/typo3. Haga clic en Aceptar en la ventana con el mensaje de alerta que se despliega. 6. Siga los pasos de configuracin. Se solicita usuario y clave; dichos datos corresponden a los recin creados para la base MySql que se configuro (Fig. 2): Username: portal_typo3 Password: typo3_portal_pass
En la opcin So make sure this database is empty, seleccione la base de datos que se creo para este ejemplo typo3_sitiotypo3 (Fig. 3).
Deje seleccionada la opcin que se encuentre por defecto en Please select a database dump; haga clic en el botn Import database (Fig. 4).
Una vez finalizada la instalacin, se despliega un mensaje de confirmacin, con las opciones de ir a backend, frontend o men de instalacin (Fig.5). Si desea ir a frontend, an no existe un template configurado por lo que mostrar un mensaje de error. Si desea ingresar a backend, debe ingresar en el Username: admin y el en el Password: password.
10
3. CONFIGURACIN BSICA
Asegrese que los servicios de Apache, MySQL y Typo3 estn correctamente instalados. Cree un archivo con el cdigo que se muestra a continuacin; gurdelo con el nombre template.html en el directorio <directoriotypo>/fileadmin/template/site/template.html (sitio Web). En este caso el directorio utilizado fue /var/www/html/sitiotypo3/fileadmin/template/site. Este archivo ser necesario para construir el tmplate de nuestro sitio. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <TITLE>TEMPLATE BASICO</TITLE> <META http-equiv=Content-Type content="text/html; charset=iso-8859-1"> </HEAD> <BODY> <!--###DOCUMENT_BODY### start --> <table border="0" align="center" cellpadding="0" cellspacing="0" width="500px"> <tr> <td colspan="2"> INSERTE AQUI SU LOGO </td> </tr> <tr> <td colspan="2"> <table><tr><!--###NAVIGATION### start --> <!--###NAVIGATION### stop --> </tr></table> </td> </tr> <tr> <td colspan="2"> <hr> </td> </tr> <tr> <td><!--###CONTENT### start --> <!--###CONTENT### stop --></td> <td> <!--###RIGHT### start --> <!--###RIGHT### stop --> </td> </tr> </table> <!--###DOCUMENT_BODY### stop --> </BODY> </HTML>
Ingrese al Backend del sitio typo3: http://localhost/sitiotypo3/typo3. La cuenta por defecto es: 1) Username: admin. 2) Password: password
Cree una pgina para el home del sitio, para esto vaya al men de administracin del typo3, elija en el modulo Web el tems Functions. En el men desplegado a la derecha, haga clic derecho sobre New TYPO3 site y elija new (Fig. 7).
Figura 7: Crear nueva pgina que ser el home del sito que se esta creando.
Figura 8: Seleccin para crear pgina para este caso seria el home del sitio.
- 12 -
En la ventana desplegada deshabilite el check Hide page, en la opcin Pagetitle escriba el nombre home y finalmente guarde la pgina, para esto haga clic en el icono disquete con una cruz (Fig. 9).
En el mdulo Web seleccione el tems Functions; haga clic sobre la pgina home previamente creada, en la pantalla que se despliega en la seccin CREATE MULTIPLE PAGES en cada cuadro de texto ingrese el nombre de las pginas que desee crear, para este ejemplo se ingresarn tres sub-pginas (login, menu1, menu2) y finalmente presione el botn Create pages (Fig. 10).
Figura 10: Crear mltiples pgina que darn origen al men del sitio.
- 13 -
Una vez creadas las pginas, en el modulo Web del men de typo3, seleccione Template y haga clic en la pgina home, luego en la ventana que se despliega haga clic en la opcin Create template for a new site (Fig. 11).
En la ventana que se despliega, haga clic en New Site Si se despliega la imagen de la figura 12.
- 14 -
Si la imagen desplegada es distinta a la figura 12, busque la opcin Click here to edit whole template record y haga clic sobre ella (Fig. 13).
Figura 14: Formulario para el ingreso del contenido para crear el template.
- 15 -
En la seccin Setup ingrese el siguiente cdigo typoscript. Recuerde el archivo template.html que se creo, el est en relacin directa con este cdigo. config.admPanel =0 # PAGE subnavigation temp.subnavigation_html = HMENU temp.subnavigation_html.entryLevel = 0 temp.subnavigation_html.1 = TMENU temp.subnavigation_html.1.wrap = | temp.subnavigation_html.1 { expAll = 1 NO { linkWrap = | allWrap = <td >|</td> } ACT < .NO ACT = 1 } # Default PAGE object: page = PAGE page.typeNum = 0 page.bodyTagMargins = 0 page.noLinkUnderlune = 0 page.10 = TEMPLATE page.10 { template = FILE template.file = fileadmin/template/site/template.html workOnSubpart = DOCUMENT_BODY subparts.CONTENT = TEXT subparts.CONTENT < styles.content.get subparts.CONTENT.wrap = <table cellspacing="0" cellpadding="0" border="0"><tr><td>|</td></tr></table> subparts.NAVIGATION = TEXT subparts.NAVIGATION < temp.subnavigation_html subparts.RIGHT = TEXT subparts.RIGHT < styles.content.getRight } plugin.tx_fileupload_pi1.FEuserHomePath.field = username plugin.tx_fileupload_pi1.path = fileadmin/home plugin.tx_vcdarchive_pi1.editorGroup = 15 plugin.tx_vcdarchive_pi1.language = es
- 16 -
Figura 15: Ingreso cdigo typoscript para crear el template del sitio.
En la misma pantalla de trabajo en la seccin Include static, seleccione Css styled content (css_styles_content) (Fig. 16).
Limpie el cache de typo3; para esto haga clic en las opciones del men de administracin en el modulo Admin Functions en las siguientes opciones (Fig. 17): Clear cache in typo3conf Clear FE CACHE Obs.: Se recomienda hacer esto cada vez que se realice una accin dentro del backend de typo3 para que se vean reflejado los cambios realizados por backend en el frontend del sitio.
- 17 -
Para poder tener una vista mas amplia del contenido de una pgina o la estructura de esta debe hacer los siguiente: Haga clic en el men de administracin, en el modulo Web seleccione list luego en el rbol de pgina seleccione home. Luego seleccione las opciones que se indican a continuacin (Fig. 18): Extended view. Show Clipboard. Localization View.
- 18 -