Bologna 26/27 Novembre 2010Novotel fiera Bologna

Creazione di skin con Templavoila FrameworkOratore: Maurizio Morini

T3Camp Italia Il primo evento italiano dedicato a TYPO3

http://www.t3campitalia.it/

Pag. 3

Creazione di skin con Templavoila Framework

● Sono socio fondatore di Gamm System Srl

● Solgo la funzione di coordinatore dello sviluppo web

● Lavoro con TYPO3 dal 2005, affrontando problematiche

di analisi, pianificazione e sviluppo per varie tipologie di clienti.

● morini@gammsystem.com

Maurizio Morini

http://www.t3campitalia.it/

Pag. 4

Creazione di skin con Templavoila Framework

● Templavoila (TV) è il metodo di templating più potente in Typo3.

● Con Templavoila qualsiasi layout HTML può essere integrato in Typo3

● Necessaria una discreta conoscenza di Typo3 e typoscript

INTRODUZIONE

http://www.t3campitalia.it/

Pag. 5

Creazione di skin con Templavoila Framework

Templavoila Framework semplifica e razionaliza l'uso di TV in Typo3.

http://www.t3campitalia.it/

Pag. 6

SKIN:

Creazione di skin con Templavoila Framework

● Il layout del sito è racchiuso in una skin

● Viene installata in Typo3 come un'estensione

● Può essere cambiata con un semplice click

Ecco alcuni esempi dello stesso sito web con skin diverse:

http://www.t3campitalia.it/

Pag. 7

Creazione di skin con Templavoila Framework

http://www.t3campitalia.it/

Pag. 8

Creazione di skin con Templavoila Framework

http://www.t3campitalia.it/

Pag. 9

Creazione di skin con Templavoila Framework

http://www.t3campitalia.it/

Pag. 10

Creazione di skin con Templavoila Framework

http://www.t3campitalia.it/

Pag. 11

Creazione di skin con Templavoila Framework

MAPPATURATEMPLAVOILA

TEMPLATEHTML

CREAZIONEPAGINE e

CONTENUTI

APPROCCIO TEMPLAVOILA

TEMPLATEHTML

MAPPATURATEMPLAVOILA

http://www.t3campitalia.it/

Pag. 12

Creazione di skin con Templavoila Framework

MAPPATURA TEMPLAVOILA

http://www.t3campitalia.it/

Pag. 13

Creazione di skin con Templavoila Framework

CREAZIONE CONTENUTI

http://www.t3campitalia.it/

Pag. 14

Creazione di skin con Templavoila Framework

CREAZIONESKIN

TEMPLATEHTMLCREAZIONE

PAGINE eCONTENUTI

APPROCCIO TEMPLAVOILA FRAMEWORK

LIBRERIASKIN

http://www.t3campitalia.it/

Pag. 15

Creazione di skin con Templavoila Framework

● Preparo l'installazione di base del sito e posso subito lavorare: possiamo già creare le pagine e i contenuti del sito utilizzando un template di base: Questo permette di iniziare fin da subito ad organizzare i contenuti e la navigazione del sito, etc.

● Lo sviluppo della skin è “indipendente” dai contenuti. Abbiamo sempre un template html come in Templavoila, ma quello che devo fare è scrivere qualche riga di typoscript e gestire gli stili CSS necesssari. Senza mappature Templavoila.

APPROCCIO TEMPLAVOILA FRAMEWORK

http://www.t3campitalia.it/

Pag. 16

Creazione di skin con Templavoila Framework

● Header

● Feature

● Generated Content Block 1

● Main Content, Content Area 2, Content Area 3

● Generated Content Block 2

● Footer

Categorie di contenitori e Layout di pagina

http://www.t3campitalia.it/

Pag. 17

Creazione di skin con Templavoila Framework

http://www.t3campitalia.it/

Pag. 18

Creazione di skin con Templavoila Framework

http://www.t3campitalia.it/

Pag. 19

Creazione di skin con Templavoila Framework

http://www.t3campitalia.it/

Pag. 20

Creazione di skin con Templavoila Framework

● Columns

● Modules

● HTML Wrapper

● Plain Image

● Module Feature Image

Utility FCE

http://www.t3campitalia.it/

Pag. 21

Creazione di skin con Templavoila Framework

Layout Backend

http://www.t3campitalia.it/

Pag. 22

Creazione di skin con Templavoila Framework

DEMO

http://www.t3campitalia.it/

Pag. 23Pag. 23

Sponsors