Costruire un sito con xml #2

Nel precedente articolo spiegavo come creare la pagina vera e propria, mentre ora spiegherò come inserire il file xsl che è responsabile della grafica e della “programmazione xml” se così vogliamo definirla. Per esempio, il foglio xsl si occuperà della generazione dei tag xhtml necessari ai vari tag semantici di xml.

Senza indugi quindi procediamo con lo sviluppo:

Innanzitutto bisogna includere il file xsl nel foglio xml, per cui, riapriamo il foglio creato nel precedente tutorial e sotto la prima riga andiamo a mettere:

Questo includerà il file xsl. Come potete vedere viene trattato come un foglio di presentazione.

Ora possiamo pure chiudere il file xml, ed aprire un nuovo file chiamato style.xsl, in cui inserire innanzitutto queste intestazioni:



doctype-system=“http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd”
    doctype-public=”-//W3C//DTD XHTML 1.0 Strict//EN” />

Come si può notare è molto simile ad un doctype per l’html, ed infatti svolge la stessa identica funzione.

Proseguendo oltre:

Questo è molto importante perchè racchiude tutto il template html, e infatti viene chiuso dopo

Ora possiamo partire con l’htm vero e proprio. Ho usato per sveltezza e comodità un layout della serie Gala di html.it



<xsl:value-of select=“page/header/title” />




Come si può notare in questa prima parte ci sono degli elementi che non sono propriamente html. Sono richiami xml, e come tali, cercano una stringa nel file xml e la inseriscono. Nel caso di page/header/title cercherà la stringa di testo dentro  

  e la inserirà.</p> <div class="clear"></div> <div class="code"> <p> <div id=“wrapper”> <div id=“content”> <div id=“news”> <xsl:for-each select=“page/content/post”><br /> <h2><xsl:value-of select=“date” /></h2> <br /> <p><xsl:apply-templates select=“text”/></p> <br /> </xsl:for-each><br />  </div> <br /> </div> <br /> </div> </p> </div> <p>Questa è la funzione vera e propria. Infatti lui cercherà gli elementi dati dentro il file xml e li ripeterà fino a che non sono finiti. Per essere molto chiari, in un blog questa parte l’iterazione col database che estrapola i dati contenuti e li mostra rendendoli aggraziati con html.</p> <div class="clear"></div> <div class="code"> <p> <div id=“footer”> <p>Copyright 2008.</p> <br /> </div> <br /> </div> <br /> </body><br /> </html><br /> </xsl:template><br /> </xsl:stylesheet>  </p> </div> <p>Quest’ultimo blocco chiude il tutto.</p> <p>Per ora questo è tutto, nell’ultima parte di questa serie spiegherò come inserire il foglio di stile e alcune considerazioni tipo i motori di ricerca.</p> <ul> <li><a href="http://www.marcolivetti.com/comments/costruire-un-sito-con-xml-1/">Costruire un sito con xml #1</a></li> <li><a href="http://www.marcolivetti.com/comments/costruire-un-sito-con-xml-3">Costruire un sito con xml #3</a></li> </ul> ]]></p> <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <!-- Responsive #1 --> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-2746692412733047" data-ad-slot="7548879243" data-ad-format="auto"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script></p><div id="popup-embedded-box-gfcr-2" role-placeholder-kjdshe class="popup-embedded-box-gfcr-2 popupally-outer-embedded-plsbvs-2 class-placeholder-jehjsq-2"><div class="popupally-inner-plsbvs-2"><div class="popupally-center-plsbvs"><div class="desc-plsbvs"><img src="https://i1.wp.com/www.marcolivetti.com/wp-content/uploads/2014/10/box-256.png" style="float:left; width:150px; height:150px; margin:0 10px 0 0;" data-recalc-dims="1"/><h4 style="font-weight:bold; font-size:22px;">Iscriviti alla mia newsletter per ricevere altri articoli interessanti come questo!</h4><h5 style="font-size:18px; font-weight:normal; font-family: Helvetica, sans-serif; font-size:16px; line-height:30px;">Iscriviti gratuitamente per ricevere comodamente nella tua email tutti gli articoli della settimana! <strong>100+ iscritti!</strong></h5></div><form action="//marcolivetti.us9.list-manage.com/subscribe/post?u=20f87620984912b40930e5c67&id=c524a0d627" popupally-embed="2" class="popupally-signup-form-ishdye content-plsbvs" method="post"><input type="hidden" name="LNAME" value=""/><input type="hidden" name="b_20f87620984912b40930e5c67_c524a0d627" value=""/><input type="text" name="FNAME" class="field-plsbvs-name" placeholder="Nome"/><input type="email" name="EMAIL" class="field-plsbvs-email" placeholder="latua@email.it"/><input type="submit" class="popupally-form-submit submit-plsbvs" value="Iscrivimi gratis! "/></form></div></div></div><div class='shareaholic-canvas' data-app-id='11276223' data-app='share_buttons' data-title='Costruire un sito con xml #2' data-link='http://www.marcolivetti.com/articolo/costruire-un-sito-con-xml-2/' data-summary=''></div><div class="sharedaddy sd-sharing-enabled"><div class="robots-nocontent sd-block sd-social sd-social-official sd-sharing"><h3 class="sd-title">Condividi:</h3><div class="sd-content"><ul><li class="share-facebook"><div class="fb-share-button" data-href="http://www.marcolivetti.com/articolo/costruire-un-sito-con-xml-2/" data-layout="button_count"></div></li><li class="share-twitter"><a href="https://twitter.com/share" class="twitter-share-button" data-url="http://www.marcolivetti.com/articolo/costruire-un-sito-con-xml-2/" data-text="Costruire un sito con xml #2" data-via="marcolivetti" >Tweet</a></li><li class="share-linkedin"><div class="linkedin_button"><script type="in/share" data-url="http://www.marcolivetti.com/articolo/costruire-un-sito-con-xml-2/" data-counter="right"></script></div></li><li class="share-google-plus-1"><div class="googleplus1_button"><div class="g-plus" data-action="share" data-annotation="bubble" data-href="http://www.marcolivetti.com/articolo/costruire-un-sito-con-xml-2/"></div></div></li><li class="share-end"></li></ul></div></div></div> <div id='jp-relatedposts' class='jp-relatedposts' > </div> <nav class="pagination group"> </nav><!--/.pagination--> </div> <div class="clear"></div> </div><!--/.entry--> </div><!--/.post-inner--> </article><!--/.post--> <div class="clear"></div> <div class="author-bio"> <div class="bio-avatar"><img alt='' src='http://0.gravatar.com/avatar/37de0610ae61e2cd242f87bd7df9d575?s=128&r=g' srcset='http://0.gravatar.com/avatar/37de0610ae61e2cd242f87bd7df9d575?s=256&r=g 2x' class='avatar avatar-128 photo' height='128' width='128' /></div> <p class="bio-name">Marco</p> <p class="bio-desc">Marco è un blogger che scrive di Web Design, in particolare di User Experience e accessibilità, Graphic Design, tutorial e tutto quello che riguarda il mondo del web e della carta stampata.</p> <div class="clear"></div> </div> <ul class="post-nav group"> <li class="next"><a href="http://www.marcolivetti.com/articolo/pyrite-mini-framework-css/" rel="next"><i class="fa fa-chevron-right"></i><strong>Articolo successivo</strong> <span>“Pyrite”, mini framework css</span></a></li> <li class="previous"><a href="http://www.marcolivetti.com/articolo/costruire-un-sito-con-xml-1/" rel="prev"><i class="fa fa-chevron-left"></i><strong>Articolo precedente</strong> <span>Costruire un sito con xml #1</span></a></li> </ul> <section id="comments" class="themeform"> <!-- comments open, no comments --> <div id="respond" class="comment-respond"> <h3 id="reply-title" class="comment-reply-title">Commenta l'articolo <small><a rel="nofollow" id="cancel-comment-reply-link" href="/articolo/costruire-un-sito-con-xml-2/#respond" style="display:none;">Annulla risposta</a></small></h3> <form id="commentform" class="comment-form"> <iframe src="https://jetpack.wordpress.com/jetpack-comment/?blogid=76996049&postid=201&comment_registration=0&require_name_email=1&stc_enabled=1&stb_enabled=1&show_avatars=1&avatar_default=gravatar_default&greeting=Commenta+l%27articolo&greeting_reply=Rispondi+a+%25s&color_scheme=light&lang=it_IT&jetpack_version=4.6&sig=a5aaf071a20f76da9dbe0a53879d5fd72c734d17#parent=http%3A%2F%2Fwww.marcolivetti.com%2Farticolo%2Fcostruire-un-sito-con-xml-2%2F" allowtransparency="false" style="width:100%; height: 430px;border:0;" frameBorder="0" scrolling="no" name="jetpack_remote_comment" id="jetpack_remote_comment"></iframe> </form> </div> <input type="hidden" name="comment_parent" id="comment_parent" value="" /> </section><!--/#comments--> </div><!--/.pad--> </section><!--/.content--> <div class="sidebar s1"> <a class="sidebar-toggle" title="Espandi la barra laterale"><i class="fa icon-sidebar-toggle"></i></a> <div class="sidebar-content"> <div class="sidebar-top group"> <p>Seguici:</p> <ul class="social-links"><li><a rel="nofollow" class="social-tooltip" title="Twitter" href="https://twitter.com/marcolivetti" style="color:"><i class="fa fa-twitter"></i></a></li><li><a rel="nofollow" class="social-tooltip" title="Google+" href="https://plus.google.com/u/0/107126743387739877676/posts" style="color:"><i class="fa fa-google-plus "></i></a></li><li><a rel="nofollow" class="social-tooltip" title="RSS" href="http://www.marcolivetti.com/?feed=rss2" style="color:"><i class="fa fa-rss"></i></a></li></ul> </div> <div id="search-2" class="widget widget_search"><h3 class="widget-title">Cerca nel sito</h3><form method="get" class="searchform themeform" action="http://www.marcolivetti.com/"> <div> <input type="text" class="search" name="s" onblur="if(this.value=='')this.value='Scrivi e premi Invio';" onfocus="if(this.value=='Scrivi e premi Invio')this.value='';" value="Scrivi e premi Invio" /> </div> </form></div> <div id="recent-posts-4" class="widget widget_recent_entries"> <h3 class="widget-title">Ultimi articoli</h3> <ul> <li> <a href="http://www.marcolivetti.com/articolo/come-evitare-il-primo-errore-che-farai-nel-tuo-sito-web/">Come evitare il primo errore che farai nel tuo sito web</a> </li> <li> <a href="http://www.marcolivetti.com/articolo/piano-nazionale-industria-4-0-il-punto-sulle-iniziative-e-sui-risultati-del-progetto/">Piano nazionale Industria 4.0: il punto sulle iniziative e sui risultati del progetto</a> </li> <li> <a href="http://www.marcolivetti.com/articolo/tanti-auguri-a-me/">Tanti auguri a me!</a> </li> <li> <a href="http://www.marcolivetti.com/articolo/cloud-pubblico-industry-4-0-e-banda-larga-come-cambiano-le-aziende-italiane/">Cloud Pubblico, industry 4.0 e banda larga: come cambiano le aziende italiane</a> </li> <li> <a href="http://www.marcolivetti.com/articolo/come-se-la-passano-i-freelance-in-italia/">Come se la passano i freelance in Italia?</a> </li> </ul> </div> <div id="categories-2" class="widget widget_categories"><h3 class="widget-title">Categorie</h3> <ul> <li class="cat-item cat-item-10"><a href="http://www.marcolivetti.com/blog-news/" >Blog news</a> </li> <li class="cat-item cat-item-1"><a href="http://www.marcolivetti.com/content-management-system/" >CMS</a> </li> <li class="cat-item cat-item-12"><a href="http://www.marcolivetti.com/eventi/" >Eventi</a> </li> <li class="cat-item cat-item-4"><a href="http://www.marcolivetti.com/graphic-design/" >Graphic Design</a> </li> <li class="cat-item cat-item-8"><a href="http://www.marcolivetti.com/libri-scrittura/" >Libri e Scrittura</a> </li> <li class="cat-item cat-item-7"><a href="http://www.marcolivetti.com/marketing/" >Marketing</a> </li> <li class="cat-item cat-item-11"><a href="http://www.marcolivetti.com/stampa-tipografia/" >Stampa & Tipografia</a> </li> <li class="cat-item cat-item-6"><a href="http://www.marcolivetti.com/tutorial/" >Tutorial</a> </li> <li class="cat-item cat-item-2"><a href="http://www.marcolivetti.com/user-experience/" >User Experience</a> </li> <li class="cat-item cat-item-110"><a href="http://www.marcolivetti.com/video/" >Video</a> </li> <li class="cat-item cat-item-3"><a href="http://www.marcolivetti.com/vita-da-creativo/" >Vita da creativo</a> </li> <li class="cat-item cat-item-5"><a href="http://www.marcolivetti.com/web-design/" >Web Design</a> </li> <li class="cat-item cat-item-9"><a href="http://www.marcolivetti.com/web-standard/" >Web Standard</a> </li> </ul> </div><div id="top-posts-4" class="widget widget_top-posts"><h3 class="widget-title">Articoli più popolari</h3><ul class='widgets-list-layout no-grav'> <li> <a href="http://www.marcolivetti.com/articolo/vendere-su-amazon-conviene/" title="Vendere su Amazon conviene?" class="bump-view" data-bump-view="tp"> <img width="40" height="40" src="https://i2.wp.com/www.marcolivetti.com/wp-content/uploads/amazon.jpg?fit=640%2C360&resize=40%2C40" class='widgets-list-layout-blavatar' alt="Vendere su Amazon conviene?" data-pin-nopin="true" /> </a> <div class="widgets-list-layout-links"> <a href="http://www.marcolivetti.com/articolo/vendere-su-amazon-conviene/" class="bump-view" data-bump-view="tp"> Vendere su Amazon conviene? </a> </div> </li> <li> <a href="http://www.marcolivetti.com/articolo/il-curriculum-perfetto-per-un-grafico/" title="Il curriculum perfetto per un grafico" class="bump-view" data-bump-view="tp"> <img width="40" height="40" src="https://i1.wp.com/www.marcolivetti.com/wp-content/uploads/2008/12/placeholder_curriculum.jpg?fit=1035%2C566&resize=40%2C40" class='widgets-list-layout-blavatar' alt="Il curriculum perfetto per un grafico" data-pin-nopin="true" /> </a> <div class="widgets-list-layout-links"> <a href="http://www.marcolivetti.com/articolo/il-curriculum-perfetto-per-un-grafico/" class="bump-view" data-bump-view="tp"> Il curriculum perfetto per un grafico </a> </div> </li> <li> <a href="http://www.marcolivetti.com/articolo/come-usare-photoshop-per-creare-un-biglietto-da-visita/" title="Come usare Photoshop per creare un biglietto da visita " class="bump-view" data-bump-view="tp"> <img width="40" height="40" src="https://i2.wp.com/www.marcolivetti.com/wp-content/uploads/2014/11/bloggy-business-card-stack.png?fit=580%2C386&resize=40%2C40" class='widgets-list-layout-blavatar' alt="Come usare Photoshop per creare un biglietto da visita " data-pin-nopin="true" /> </a> <div class="widgets-list-layout-links"> <a href="http://www.marcolivetti.com/articolo/come-usare-photoshop-per-creare-un-biglietto-da-visita/" class="bump-view" data-bump-view="tp"> Come usare Photoshop per creare un biglietto da visita </a> </div> </li> <li> <a href="http://www.marcolivetti.com/articolo/effetto-evidenziato-css/" title="Effetto testo evidenziato con css (fogli di stile)" class="bump-view" data-bump-view="tp"> <img width="40" height="40" src="http://0.gravatar.com/avatar/37de0610ae61e2cd242f87bd7df9d575?s=40&r=g" class='widgets-list-layout-blavatar' alt="Effetto testo evidenziato con css (fogli di stile)" data-pin-nopin="true" /> </a> <div class="widgets-list-layout-links"> <a href="http://www.marcolivetti.com/articolo/effetto-evidenziato-css/" class="bump-view" data-bump-view="tp"> Effetto testo evidenziato con css (fogli di stile) </a> </div> </li> <li> <a href="http://www.marcolivetti.com/articolo/come-scegliere-i-font-giusti-per-ogni-progetto/" title="Come scegliere i font giusti per ogni progetto" class="bump-view" data-bump-view="tp"> <img width="40" height="40" src="https://i0.wp.com/www.marcolivetti.com/wp-content/uploads/2009/11/161.gif?fit=865%2C787&resize=40%2C40" class='widgets-list-layout-blavatar' alt="Come scegliere i font giusti per ogni progetto" data-pin-nopin="true" /> </a> <div class="widgets-list-layout-links"> <a href="http://www.marcolivetti.com/articolo/come-scegliere-i-font-giusti-per-ogni-progetto/" class="bump-view" data-bump-view="tp"> Come scegliere i font giusti per ogni progetto </a> </div> </li> <li> <a href="http://www.marcolivetti.com/articolo/connettere-wordpress-ad-ebay-e-fare-1000-al-mese-in-piu/" title="Connettere WordPress ad eBay (e fare 1000€ al mese in più)" class="bump-view" data-bump-view="tp"> <img width="40" height="40" src="https://i2.wp.com/www.marcolivetti.com/wp-content/uploads/2014/12/Untitled-1.jpg?fit=500%2C310&resize=40%2C40" class='widgets-list-layout-blavatar' alt="Connettere WordPress ad eBay (e fare 1000€ al mese in più)" data-pin-nopin="true" /> </a> <div class="widgets-list-layout-links"> <a href="http://www.marcolivetti.com/articolo/connettere-wordpress-ad-ebay-e-fare-1000-al-mese-in-piu/" class="bump-view" data-bump-view="tp"> Connettere WordPress ad eBay (e fare 1000€ al mese in più) </a> </div> </li> <li> <a href="http://www.marcolivetti.com/articolo/che-cosa-e-fiverr-e-come-funziona/" title="Che cosa è Fiverr e come funziona" class="bump-view" data-bump-view="tp"> <img width="40" height="40" src="https://i0.wp.com/www.marcolivetti.com/wp-content/uploads/2014/08/fiverr.jpg?fit=680%2C459&resize=40%2C40" class='widgets-list-layout-blavatar' alt="Che cosa è Fiverr e come funziona" data-pin-nopin="true" /> </a> <div class="widgets-list-layout-links"> <a href="http://www.marcolivetti.com/articolo/che-cosa-e-fiverr-e-come-funziona/" class="bump-view" data-bump-view="tp"> Che cosa è Fiverr e come funziona </a> </div> </li> <li> <a href="http://www.marcolivetti.com/articolo/creare-una-newsletter-automatica-con-mailchimp-e-wordpress/" title="Creare una newsletter automatica con Mailchimp e WordPress" class="bump-view" data-bump-view="tp"> <img width="40" height="40" src="https://i1.wp.com/www.marcolivetti.com/wp-content/uploads/2015/01/MailChimp_Logo_NoBackground_Dark.png?fit=851%2C208&resize=40%2C40" class='widgets-list-layout-blavatar' alt="Creare una newsletter automatica con Mailchimp e WordPress" data-pin-nopin="true" /> </a> <div class="widgets-list-layout-links"> <a href="http://www.marcolivetti.com/articolo/creare-una-newsletter-automatica-con-mailchimp-e-wordpress/" class="bump-view" data-bump-view="tp"> Creare una newsletter automatica con Mailchimp e WordPress </a> </div> </li> <li> <a href="http://www.marcolivetti.com/articolo/aprire-studio-grafico-o-una-web-agency/" title="Come avere successo aprendo uno studio grafico o web agency" class="bump-view" data-bump-view="tp"> <img width="40" height="40" src="https://i1.wp.com/www.marcolivetti.com/wp-content/uploads/2014/12/scrivania.jpg?fit=800%2C600&resize=40%2C40" class='widgets-list-layout-blavatar' alt="Come avere successo aprendo uno studio grafico o web agency" data-pin-nopin="true" /> </a> <div class="widgets-list-layout-links"> <a href="http://www.marcolivetti.com/articolo/aprire-studio-grafico-o-una-web-agency/" class="bump-view" data-bump-view="tp"> Come avere successo aprendo uno studio grafico o web agency </a> </div> </li> <li> <a href="http://www.marcolivetti.com/articolo/magento-2-ebay/" title="Connettere Magento ad eBay ed Amazon" class="bump-view" data-bump-view="tp"> <img width="40" height="40" src="https://i2.wp.com/www.marcolivetti.com/wp-content/uploads/2012/04/M2e-logo_1.png?fit=495%2C233&resize=40%2C40" class='widgets-list-layout-blavatar' alt="Connettere Magento ad eBay ed Amazon" data-pin-nopin="true" /> </a> <div class="widgets-list-layout-links"> <a href="http://www.marcolivetti.com/articolo/magento-2-ebay/" class="bump-view" data-bump-view="tp"> Connettere Magento ad eBay ed Amazon </a> </div> </li> </ul> </div><div id="cwp_latest_products_widget-4" class="widget widget_cwp_latest_products_widget"><h3 class="widget-title">Ultime recensioni</h3><ul> <li class="cwp-popular-review cwp_top_posts_widget_2111 wppr-cols-2"> <a href="http://www.marcolivetti.com/articolo/recensione-app-youtube-creator-studio/" class="wppr-col" title="Recensione App: Youtube Creator Studio"> Recensione App: Youtube Creator Studio </a> <div class="review-grade-widget wppr-col"> <div class="cwp-review-chart absolute"> <div class="cwp-review-percentage" data-percent="93.3333333333"><span></span></div> </div><!-- end .chart --> </div> </li><!-- end .popular-review --> <li class="cwp-popular-review cwp_top_posts_widget_1429 wppr-cols-2"> <a href="http://www.marcolivetti.com/articolo/recensione-plugin-wp-product-review/" class="wppr-col" title="Recensione plugin: WP Product Review"> Recensione plugin: WP Product Review </a> <div class="review-grade-widget wppr-col"> <div class="cwp-review-chart absolute"> <div class="cwp-review-percentage" data-percent="86"><span></span></div> </div><!-- end .chart --> </div> </li><!-- end .popular-review --> <li class="cwp-popular-review cwp_top_posts_widget_1168 wppr-cols-2"> <a href="http://www.marcolivetti.com/articolo/recensione-come-diventare-web-coso/" class="wppr-col" title="Recensione “Come diventare Web-Coso”"> Recensione “Come diventare Web-Coso” </a> <div class="review-grade-widget wppr-col"> <div class="cwp-review-chart absolute"> <div class="cwp-review-percentage" data-percent="81.25"><span></span></div> </div><!-- end .chart --> </div> </li><!-- end .popular-review --> <li class="cwp-popular-review cwp_top_posts_widget_333 wppr-cols-2"> <a href="http://www.marcolivetti.com/articolo/os-x-yosemite-recensione/" class="wppr-col" title="OS X Yosemite: recensione"> OS X Yosemite: recensione </a> <div class="review-grade-widget wppr-col"> <div class="cwp-review-chart absolute"> <div class="cwp-review-percentage" data-percent="80"><span></span></div> </div><!-- end .chart --> </div> </li><!-- end .popular-review --> <li class="cwp-popular-review cwp_top_posts_widget_46 wppr-cols-2"> <a href="http://www.marcolivetti.com/articolo/recensione-ebook-reader-cybook-gen3/" class="wppr-col" title="Recensione: Ebook Reader Cybook Gen3"> Recensione: Ebook Reader Cybook Gen3 </a> <div class="review-grade-widget wppr-col"> <div class="cwp-review-chart absolute"> <div class="cwp-review-percentage" data-percent="90"><span></span></div> </div><!-- end .chart --> </div> </li><!-- end .popular-review --> </ul></div><div id="tag_cloud-2" class="widget widget_tag_cloud"><h3 class="widget-title">Tag Cloud</h3><div class="tagcloud"><a href='http://www.marcolivetti.com/articolo/tag/adsense/' class='tag-link-104 tag-link-position-1' title='2 argomenti' style='font-size: 8pt;'>adsense</a> <a href='http://www.marcolivetti.com/articolo/tag/amazon/' class='tag-link-127 tag-link-position-2' title='4 argomenti' style='font-size: 10.9333333333pt;'>amazon</a> <a href='http://www.marcolivetti.com/articolo/tag/analytics/' class='tag-link-18 tag-link-position-3' title='2 argomenti' style='font-size: 8pt;'>analytics</a> <a href='http://www.marcolivetti.com/articolo/tag/app/' class='tag-link-140 tag-link-position-4' title='4 argomenti' style='font-size: 10.9333333333pt;'>app</a> <a href='http://www.marcolivetti.com/articolo/tag/architettura-dellinformazione/' class='tag-link-74 tag-link-position-5' title='2 argomenti' style='font-size: 8pt;'>architettura dell'informazione</a> <a href='http://www.marcolivetti.com/articolo/tag/articoli/' class='tag-link-139 tag-link-position-6' title='3 argomenti' style='font-size: 9.6pt;'>articoli</a> <a href='http://www.marcolivetti.com/articolo/tag/biglietto-da-visita/' class='tag-link-32 tag-link-position-7' title='2 argomenti' style='font-size: 8pt;'>biglietto da visita</a> <a href='http://www.marcolivetti.com/articolo/tag/blog/' class='tag-link-103 tag-link-position-8' title='4 argomenti' style='font-size: 10.9333333333pt;'>blog</a> <a href='http://www.marcolivetti.com/articolo/tag/cms/' class='tag-link-24 tag-link-position-9' title='19 argomenti' style='font-size: 18.9333333333pt;'>cms</a> <a href='http://www.marcolivetti.com/articolo/tag/contratti/' class='tag-link-60 tag-link-position-10' title='2 argomenti' style='font-size: 8pt;'>contratti</a> <a href='http://www.marcolivetti.com/articolo/tag/css/' class='tag-link-79 tag-link-position-11' title='3 argomenti' style='font-size: 9.6pt;'>css</a> <a href='http://www.marcolivetti.com/articolo/tag/curriculum/' class='tag-link-15 tag-link-position-12' title='6 argomenti' style='font-size: 12.9333333333pt;'>curriculum</a> <a href='http://www.marcolivetti.com/articolo/tag/e-commerce/' class='tag-link-20 tag-link-position-13' title='33 argomenti' style='font-size: 22pt;'>e-commerce</a> <a href='http://www.marcolivetti.com/articolo/tag/ebay/' class='tag-link-99 tag-link-position-14' title='2 argomenti' style='font-size: 8pt;'>ebay</a> <a href='http://www.marcolivetti.com/articolo/tag/facebook/' class='tag-link-21 tag-link-position-15' title='2 argomenti' style='font-size: 8pt;'>facebook</a> <a href='http://www.marcolivetti.com/articolo/tag/flyer/' class='tag-link-83 tag-link-position-16' title='2 argomenti' style='font-size: 8pt;'>flyer</a> <a href='http://www.marcolivetti.com/articolo/tag/font/' class='tag-link-42 tag-link-position-17' title='4 argomenti' style='font-size: 10.9333333333pt;'>font</a> <a href='http://www.marcolivetti.com/articolo/tag/grafica/' class='tag-link-56 tag-link-position-18' title='4 argomenti' style='font-size: 10.9333333333pt;'>grafica</a> <a href='http://www.marcolivetti.com/articolo/tag/grafico/' class='tag-link-33 tag-link-position-19' title='5 argomenti' style='font-size: 12pt;'>grafico</a> <a href='http://www.marcolivetti.com/articolo/tag/graphic-design-2/' class='tag-link-66 tag-link-position-20' title='2 argomenti' style='font-size: 8pt;'>graphic design</a> <a href='http://www.marcolivetti.com/articolo/tag/hosting/' class='tag-link-29 tag-link-position-21' title='4 argomenti' style='font-size: 10.9333333333pt;'>hosting</a> <a href='http://www.marcolivetti.com/articolo/tag/joomla/' class='tag-link-38 tag-link-position-22' title='2 argomenti' style='font-size: 8pt;'>joomla</a> <a href='http://www.marcolivetti.com/articolo/tag/lavoro/' class='tag-link-84 tag-link-position-23' title='11 argomenti' style='font-size: 16pt;'>lavoro</a> <a href='http://www.marcolivetti.com/articolo/tag/linux/' class='tag-link-106 tag-link-position-24' title='2 argomenti' style='font-size: 8pt;'>linux</a> <a href='http://www.marcolivetti.com/articolo/tag/magento/' class='tag-link-19 tag-link-position-25' title='23 argomenti' style='font-size: 20pt;'>magento</a> <a href='http://www.marcolivetti.com/articolo/tag/nativi-digitali/' class='tag-link-44 tag-link-position-26' title='2 argomenti' style='font-size: 8pt;'>nativi digitali</a> <a href='http://www.marcolivetti.com/articolo/tag/photoshop/' class='tag-link-90 tag-link-position-27' title='4 argomenti' style='font-size: 10.9333333333pt;'>photoshop</a> <a href='http://www.marcolivetti.com/articolo/tag/plugin/' class='tag-link-86 tag-link-position-28' title='6 argomenti' style='font-size: 12.9333333333pt;'>plugin</a> <a href='http://www.marcolivetti.com/articolo/tag/portfolio/' class='tag-link-120 tag-link-position-29' title='3 argomenti' style='font-size: 9.6pt;'>portfolio</a> <a href='http://www.marcolivetti.com/articolo/tag/prestashop/' class='tag-link-148 tag-link-position-30' title='7 argomenti' style='font-size: 13.6pt;'>prestashop</a> <a href='http://www.marcolivetti.com/articolo/tag/responsive/' class='tag-link-82 tag-link-position-31' title='2 argomenti' style='font-size: 8pt;'>responsive</a> <a href='http://www.marcolivetti.com/articolo/tag/scrittura/' class='tag-link-102 tag-link-position-32' title='3 argomenti' style='font-size: 9.6pt;'>scrittura</a> <a href='http://www.marcolivetti.com/articolo/tag/seo/' class='tag-link-158 tag-link-position-33' title='3 argomenti' style='font-size: 9.6pt;'>seo</a> <a href='http://www.marcolivetti.com/articolo/tag/serverplan/' class='tag-link-30 tag-link-position-34' title='2 argomenti' style='font-size: 8pt;'>serverplan</a> <a href='http://www.marcolivetti.com/articolo/tag/studio-grafico/' class='tag-link-58 tag-link-position-35' title='3 argomenti' style='font-size: 9.6pt;'>studio grafico</a> <a href='http://www.marcolivetti.com/articolo/tag/tutorial/' class='tag-link-152 tag-link-position-36' title='3 argomenti' style='font-size: 9.6pt;'>tutorial</a> <a href='http://www.marcolivetti.com/articolo/tag/usabilita/' class='tag-link-28 tag-link-position-37' title='4 argomenti' style='font-size: 10.9333333333pt;'>usabilità</a> <a href='http://www.marcolivetti.com/articolo/tag/user-experience-2/' class='tag-link-48 tag-link-position-38' title='7 argomenti' style='font-size: 13.6pt;'>user experience</a> <a href='http://www.marcolivetti.com/articolo/tag/ux/' class='tag-link-138 tag-link-position-39' title='5 argomenti' style='font-size: 12pt;'>ux</a> <a href='http://www.marcolivetti.com/articolo/tag/video-2/' class='tag-link-111 tag-link-position-40' title='3 argomenti' style='font-size: 9.6pt;'>video</a> <a href='http://www.marcolivetti.com/articolo/tag/volantino/' class='tag-link-31 tag-link-position-41' title='4 argomenti' style='font-size: 10.9333333333pt;'>volantino</a> <a href='http://www.marcolivetti.com/articolo/tag/web-design-2/' class='tag-link-59 tag-link-position-42' title='10 argomenti' style='font-size: 15.4666666667pt;'>web design</a> <a href='http://www.marcolivetti.com/articolo/tag/web-designer/' class='tag-link-96 tag-link-position-43' title='2 argomenti' style='font-size: 8pt;'>web designer</a> <a href='http://www.marcolivetti.com/articolo/tag/wordpress/' class='tag-link-43 tag-link-position-44' title='17 argomenti' style='font-size: 18.4pt;'>wordpress</a> <a href='http://www.marcolivetti.com/articolo/tag/youtube/' class='tag-link-23 tag-link-position-45' title='6 argomenti' style='font-size: 12.9333333333pt;'>youtube</a></div> </div> </div><!--/.sidebar-content--> </div><!--/.sidebar--> </div><!--/.main-inner--> </div><!--/.main--> </div><!--/.container-inner--> </div><!--/.container--> <footer id="footer"> <section class="container" id="footer-bottom"> <div class="container-inner"> <a id="back-to-top" href="#"><i class="fa fa-angle-up"></i></a> <div class="pad group"> <div class="grid one-half"> <div id="copyright"> <p>Copyright <a href="/">Marco Olivetti</a>. Non copiare i miei articoli. <a href="https://www.youtube.com/user/laboratoriogiochi"><img src="http://www.laboratoriogiochi.it/youtube/icon.png" /> Il mio canale youtube</a></p> </div><!--/#copyright--> <div id="credit" style=""> <p>Realizzato con <a href="http://wordpress.org" target="_blank">WordPress</a>. Tema di <a href="http://presscustomizr.com">Press Customizr</a>.</p> </div><!--/#credit--> </div> <div class="grid one-half last"> <ul class="social-links"><li><a rel="nofollow" class="social-tooltip" title="Twitter" href="https://twitter.com/marcolivetti" style="color:"><i class="fa fa-twitter"></i></a></li><li><a rel="nofollow" class="social-tooltip" title="Google+" href="https://plus.google.com/u/0/107126743387739877676/posts" style="color:"><i class="fa fa-google-plus "></i></a></li><li><a rel="nofollow" class="social-tooltip" title="RSS" href="http://www.marcolivetti.com/?feed=rss2" style="color:"><i class="fa fa-rss"></i></a></li></ul> </div> </div><!--/.pad--> </div><!--/.container-inner--> </section><!--/.container--> </footer><!--/#footer--> </div><!--/#wrapper--> <div id="cookie-law-info-bar"><span>This website uses cookies to improve your experience. We'll assume you're ok with this, but you can opt-out if you wish.<a href="#" id="cookie_action_close_header" class="medium cli-plugin-button cli-plugin-main-button" >Accept</a> <a href="http://www.marcolivetti.com" id="CONSTANT_OPEN_URL" target="_blank" class="cli-plugin-main-link" >Read More</a></span></div><div id="cookie-law-info-again"><span id="cookie_hdr_showagain">Privacy & Cookies Policy</span></div> <script type="text/javascript"> //<![CDATA[ jQuery(document).ready(function() { cli_show_cookiebar({ settings: '{"animate_speed_hide":"500","animate_speed_show":"500","background":"#fff","border":"#444","border_on":true,"button_1_button_colour":"#000","button_1_button_hover":"#000000","button_1_link_colour":"#fff","button_1_as_button":true,"button_2_button_colour":"#333","button_2_button_hover":"#292929","button_2_link_colour":"#444","button_2_as_button":false,"font_family":"inherit","header_fix":false,"notify_animate_hide":true,"notify_animate_show":false,"notify_div_id":"#cookie-law-info-bar","notify_position_horizontal":"right","notify_position_vertical":"top","scroll_close":false,"scroll_close_reload":false,"showagain_tab":true,"showagain_background":"#fff","showagain_border":"#000","showagain_div_id":"#cookie-law-info-again","showagain_x_position":"100px","text":"#000","show_once_yn":true,"show_once":"10000"}' }); }); //]]> </script> <div id="popup-box-gfcr-2" class="popupally-overlay-plsbvs-2 popup-click-close-trigger-2"><div class="popupally-outer-plsbvs-2"><div class="popupally-inner-plsbvs-2"><div class="popupally-center-plsbvs"><div class="desc-plsbvs"><img src="http://www.marcolivetti.com/wp-content/uploads/2014/10/box-256.png" style="float:left; width:150px; height:150px; margin:0 10px 0 0;"/><h4 style="font-weight:bold; font-size:22px;">Iscriviti alla mia newsletter per ricevere altri articoli interessanti come questo!</h4><h5 style="font-size:18px; font-weight:normal; font-family: Helvetica, sans-serif; font-size:16px; line-height:30px;">Iscriviti gratuitamente per ricevere comodamente nella tua email tutti gli articoli della settimana! <strong>100+ iscritti!</strong></h5></div><form action="//marcolivetti.us9.list-manage.com/subscribe/post?u=20f87620984912b40930e5c67&id=c524a0d627" popupally-popup="2" class="popupally-signup-form-ishdye content-plsbvs" method="post"><input type="hidden" name="LNAME" value=""/><input type="hidden" name="b_20f87620984912b40930e5c67_c524a0d627" value=""/><input type="text" name="FNAME" class="field-plsbvs-name" placeholder="Nome"/><input type="email" name="EMAIL" class="field-plsbvs-email" placeholder="latua@email.it"/><input type="submit" class="popupally-form-submit submit-plsbvs" value="Iscrivimi gratis! "/></form></div></div><div title="Close" class="popupally-close-plsbvs popup-click-close-trigger-2"></div></div></div> <style type="text/css"> @media (min-width: 820px) { #review-statistics .review-wrap-up .review-wu-left .rev-wu-image, #review-statistics .review-wrap-up .review-wu-left .review-wu-grade { height: 132.4px; } #review-statistics .review-wrap-up .review-wu-left .review-wu-grade .cwp-review-chart .cwp-review-percentage { margin-top: 12.24%; } #review-statistics .review-wrap-up .review-wu-left .review-wu-grade .cwp-review-chart span { font-size: 26px; } } #review-statistics .review-wrap-up div.cwpr-review-top { border-top: 5px solid #3BAEDA; } .user-comments-grades .comment-meta-grade-bar, #review-statistics .review-wu-bars ul li { background: #E1E2E0; } #review-statistics .rev-option.customBarIcon ul li { color: #E1E2E0; } #review-statistics .review-wrap-up .review-wu-right ul li, #review-statistics .review-wu-bars h3, .review-wu-bars span, #review-statistics .review-wrap-up .cwpr-review-top .cwp-item-category a { color: #3D3D3D; } #review-statistics .review-wrap-up .review-wu-right .pros h2 { color: #8DC153; } #review-statistics .review-wrap-up .review-wu-right .cons h2 { color: #C15353; } div.affiliate-button a { border: 2px solid #3BAEDA; } div.affiliate-button a:hover { border: 2px solid #3BAEDA; } div.affiliate-button a { background: #ffffff; } div.affiliate-button a:hover { background: #3BAEDA; } div.affiliate-button a span { color: #3BAEDA; } div.affiliate-button a:hover span { color: #FFFFFF; } div.affiliate-button a span { background: url("http://www.marcolivetti.com/wp-content/plugins/wp-product-review/images/cart-icon.png") no-repeat left center; } div.affiliate-button a:hover span { background: url("http://www.marcolivetti.com/wp-content/plugins/wp-product-review/images/cart-icon-hover.png") no-repeat left center; } </style> <script type="text/javascript"> var c1 = "#FF7F66"; var c2 = "#FFCE55"; var c3 = "#50C1E9"; var c4 = "#8DC153"; </script> <div style="display:none"> <div class="grofile-hash-map-37de0610ae61e2cd242f87bd7df9d575"> </div> <div class="grofile-hash-map-37de0610ae61e2cd242f87bd7df9d575"> </div> </div> <script type="text/javascript"> window.WPCOM_sharing_counts = {"http:\/\/www.marcolivetti.com\/articolo\/costruire-un-sito-con-xml-2\/":201}; </script> <div id="fb-root"></div> <script>(function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) return; js = d.createElement(s); js.id = id; js.src = 'https://connect.facebook.net/it_IT/sdk.js#xfbml=1&appId=249643311490&version=v2.3'; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk'));</script> <script> jQuery( document.body ).on( 'post-load', function() { if ( 'undefined' !== typeof FB ) { FB.XFBML.parse(); } } ); </script> <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script> <script type="text/javascript"> jQuery( document ).ready( function() { jQuery.getScript( 'https://platform.linkedin.com/in.js?async=true', function success() { IN.init(); }); }); jQuery( document.body ).on( 'post-load', function() { if ( typeof IN != 'undefined' ) IN.parse(); }); </script> <script> function renderGooglePlus1() { if ( 'undefined' === typeof gapi ) { return; } jQuery( '.g-plus' ).each(function() { var $button = jQuery( this ); if ( ! $button.data( 'gplus-rendered' ) ) { gapi.plusone.render( this, { href: $button.attr( 'data-href' ), size: $button.attr( 'data-size' ), annotation: $button.attr( 'data-annotation' ) }); $button.data( 'gplus-rendered', true ); } }); } (function() { var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true; po.src = 'https://apis.google.com/js/plusone.js'; po.innerHTML = '{"parsetags": "explicit"}'; po.onload = renderGooglePlus1; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s); })(); jQuery( document.body ).on( 'post-load', renderGooglePlus1 ); </script> <script type='text/javascript' src='http://www.marcolivetti.com/wp-content/plugins/akismet/_inc/form.js?ver=3.2'></script> <link rel='stylesheet' id='cwp-pac-widget-stylesheet-css' href='http://www.marcolivetti.com/wp-content/plugins/wp-product-review/css/cwppos-widget.css?ver=0d0095fbc8679a46379772ee900d9a06' type='text/css' media='all' /> <link rel='stylesheet' id='cwp-widget-stylesheet1-css' href='http://www.marcolivetti.com/wp-content/plugins/wp-product-review/css/cwppos-widget-style1.css?ver=0d0095fbc8679a46379772ee900d9a06' type='text/css' media='all' /> <link rel='stylesheet' id='cwp-widget-rating-css' href='http://www.marcolivetti.com/wp-content/plugins/wp-product-review/css/cwppos-widget-rating.css?ver=0d0095fbc8679a46379772ee900d9a06' type='text/css' media='all' /> <script type='text/javascript' src='http://www.marcolivetti.com/wp-content/plugins/jetpack/modules/photon/photon.js?ver=20130122'></script> <script type='text/javascript' src='http://www.marcolivetti.com/wp-content/plugins/contact-form-7/includes/js/jquery.form.min.js?ver=3.51.0-2014.06.20'></script> <script type='text/javascript'> /* <![CDATA[ */ var _wpcf7 = {"recaptcha":{"messages":{"empty":"Per favore dimostra che non sei un robot."}},"cached":"1"}; /* ]]> */ </script> <script type='text/javascript' src='http://www.marcolivetti.com/wp-content/plugins/contact-form-7/includes/js/scripts.js?ver=4.6.1'></script> <script type='text/javascript' src='https://s0.wp.com/wp-content/js/devicepx-jetpack.js?ver=201750'></script> <script type='text/javascript' src='http://s.gravatar.com/js/gprofiles.js?ver=2017Decaa'></script> <script type='text/javascript'> /* <![CDATA[ */ var WPGroHo = {"my_hash":""}; /* ]]> */ </script> <script type='text/javascript' src='http://www.marcolivetti.com/wp-content/plugins/jetpack/modules/wpgroho.js?ver=0d0095fbc8679a46379772ee900d9a06'></script> <script type='text/javascript' src='http://www.marcolivetti.com/wp-includes/js/underscore.min.js?ver=1.8.3'></script> <script type='text/javascript'> /* <![CDATA[ */ var HUParams = {"_disabled":[],"SmoothScroll":{"Enabled":true,"Options":{"touchpadSupport":false}},"centerAllImg":"1","timerOnScrollAllBrowsers":"1","extLinksStyle":null,"extLinksTargetExt":null,"extLinksSkipSelectors":{"classes":["btn","button"],"ids":[]},"imgSmartLoadEnabled":null,"imgSmartLoadOpts":{"parentSelectors":[".container .content",".container .sidebar","#footer","#header-widgets"],"opts":{"excludeImg":[".tc-holder-img"],"fadeIn_options":100}},"goldenRatio":"1.618","gridGoldenRatioLimit":"350","vivusSvgSpeed":"300","isDevMode":""}; /* ]]> */ </script> <script type='text/javascript' src='http://www.marcolivetti.com/wp-content/themes/hueman/assets/front/js/scripts.min.js?ver=3.2.10'></script> <script type='text/javascript' src='http://www.marcolivetti.com/wp-includes/js/comment-reply.min.js?ver=0d0095fbc8679a46379772ee900d9a06'></script> <script type='text/javascript' src='http://www.marcolivetti.com/wp-includes/js/wp-embed.min.js?ver=0d0095fbc8679a46379772ee900d9a06'></script> <script type='text/javascript' src='http://www.marcolivetti.com/wp-content/plugins/wp-product-review/javascript/pie-chart.js?ver=2.9.8'></script> <script type='text/javascript' src='http://www.marcolivetti.com/wp-content/plugins/wp-product-review/javascript/main.js?ver=2.9.8'></script> <script type='text/javascript'> /* <![CDATA[ */ var sharing_js_options = {"lang":"en","counts":"1"}; /* ]]> */ </script> <script type='text/javascript' src='http://www.marcolivetti.com/wp-content/plugins/jetpack/modules/sharedaddy/sharing.js?ver=4.6'></script> <script type='text/javascript'> var windowOpen; jQuery( document.body ).on( 'click', 'a.share-facebook', function() { // If there's another sharing window open, close it. if ( 'undefined' !== typeof windowOpen ) { windowOpen.close(); } windowOpen = window.open( jQuery( this ).attr( 'href' ), 'wpcomfacebook', 'menubar=1,resizable=1,width=600,height=400' ); return false; }); </script> <!--[if lt IE 9]> <script src="http://www.marcolivetti.com/wp-content/themes/hueman/assets/front/js/ie/respond.js"></script> <![endif]--> <!--[if IE]> <script type="text/javascript"> if ( 0 === window.location.hash.indexOf( '#comment-' ) ) { // window.location.reload() doesn't respect the Hash in IE window.location.hash = window.location.hash; } </script> <![endif]--> <script type="text/javascript"> var comm_par_el = document.getElementById( 'comment_parent' ), comm_par = (comm_par_el && comm_par_el.value) ? comm_par_el.value : '', frame = document.getElementById( 'jetpack_remote_comment' ), tellFrameNewParent; tellFrameNewParent = function() { if ( comm_par ) { frame.src = "https://jetpack.wordpress.com/jetpack-comment/?blogid=76996049&postid=201&comment_registration=0&require_name_email=1&stc_enabled=1&stb_enabled=1&show_avatars=1&avatar_default=gravatar_default&greeting=Commenta+l%27articolo&greeting_reply=Rispondi+a+%25s&color_scheme=light&lang=it_IT&jetpack_version=4.6&sig=a5aaf071a20f76da9dbe0a53879d5fd72c734d17#parent=http%3A%2F%2Fwww.marcolivetti.com%2Farticolo%2Fcostruire-un-sito-con-xml-2%2F" + '&replytocom=' + parseInt( comm_par, 10 ).toString(); } else { frame.src = "https://jetpack.wordpress.com/jetpack-comment/?blogid=76996049&postid=201&comment_registration=0&require_name_email=1&stc_enabled=1&stb_enabled=1&show_avatars=1&avatar_default=gravatar_default&greeting=Commenta+l%27articolo&greeting_reply=Rispondi+a+%25s&color_scheme=light&lang=it_IT&jetpack_version=4.6&sig=a5aaf071a20f76da9dbe0a53879d5fd72c734d17#parent=http%3A%2F%2Fwww.marcolivetti.com%2Farticolo%2Fcostruire-un-sito-con-xml-2%2F"; } }; if ( 'undefined' !== typeof addComment ) { addComment._Jetpack_moveForm = addComment.moveForm; addComment.moveForm = function( commId, parentId, respondId, postId ) { var returnValue = addComment._Jetpack_moveForm( commId, parentId, respondId, postId ), cancelClick, cancel; if ( false === returnValue ) { cancel = document.getElementById( 'cancel-comment-reply-link' ); cancelClick = cancel.onclick; cancel.onclick = function() { var cancelReturn = cancelClick.call( this ); if ( false !== cancelReturn ) { return cancelReturn; } if ( !comm_par ) { return cancelReturn; } comm_par = 0; tellFrameNewParent(); return cancelReturn; }; } if ( comm_par == parentId ) { return returnValue; } comm_par = parentId; tellFrameNewParent(); return returnValue; }; } if ( window.postMessage ) { if ( document.addEventListener ) { window.addEventListener( 'message', function( event ) { if ( "https:\/\/jetpack.wordpress.com" !== event.origin ) { return; } jQuery( frame ).height( event.data ); } ); } else if ( document.attachEvent ) { window.attachEvent( 'message', function( event ) { if ( "https:\/\/jetpack.wordpress.com" !== event.origin ) { return; } jQuery( frame ).height( event.data ); } ); } } </script> <script type='text/javascript' src='https://stats.wp.com/e-201750.js' async defer></script> <script type='text/javascript'> _stq = window._stq || []; _stq.push([ 'view', {v:'ext',j:'1:4.6',blog:'76996049',post:'201',tz:'1',srv:'www.marcolivetti.com'} ]); _stq.push([ 'clickTrackerInit', '76996049', '201' ]); </script> </body> </html> <!-- Performance optimized by W3 Total Cache. Learn more: https://www.w3-edge.com/products/ Page Caching using disk: enhanced Served from: www.marcolivetti.com @ 2017-12-12 17:02:59 by W3 Total Cache -->