Costruire un sito con xml #3

Con questo post chiudo la serie in tre articoli su come costruire un sito in xml. Nei precedenti articoli della serie ho parlato del foglio xml e xsl rispettivamente, mentre in quest’ultima parte vediamo se davvero conviene costruire un sito con xml e quali possono essere i suoi vantaggi/applicazioni pratiche.

Per prima cosa completeremo il sito, ossia aggiungeremo il foglio di stile mancante al file xsl in questo modo:

Un normalissimo richiamo css.

Ora il sito è concluso, andando ad aprire il file xml avremo un normalissimo sito, con grafica e tutto, solo che guardando il codice, meraviglia! Xml puro!

Motori di ricerca

Google ad oggi non prende bene i file .xml puri. Li indicizza si, ma sembra che non legga il file xsl con il e gli altri headers. Purtroppo in questa maniera la visibilità del nostro sito è totalmente compromessa. <a href="http://it.search.yahoo.com/search?p=prione%20infettivo%20tubolare&ei=UTF-8&fr=opera2" title="Query di Yahoo">Yahoo</a> al contrario non ha di questi problemi e legge perfettamente il file xsl. Fortunatamente possono essere adottate delle soluzioni ibride, in cui nel foglio xml compaiano i tag html, anche se queste, effettivamente sono solo panacee, in quanto, dato che Google, ad oggi, è il motore di ricerca più usato, e non può essere ignorato, finchè non supporterà bene xml e xsl non si potrà sfruttare appieno i vantaggi di questo linguaggio e quindi dare vita al <strong>web 3.0</strong>, il web semantico. <a href="http://www.marcolivetti.com/images/uploads/xml_download.zip">Download sito completo (xml, xsl, css)</a> <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-2">Costruire un sito con xml #2</a></li> </ul> ]]></p><div class="insert-post-ads" style="clear:both;float:left;width:100%;margin:0 0 20px 0;"><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></div> <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 #3' data-link='http://www.marcolivetti.com/articolo/costruire-un-sito-con-xml-3/' 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-3/" 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-3/" data-text="Costruire un sito con xml #3" 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-3/" 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-3/"></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/il-metodo-aida/" rel="next"><i class="fa fa-chevron-right"></i><strong>Articolo successivo</strong> <span>Il metodo AIDA</span></a></li> <li class="previous"><a href="http://www.marcolivetti.com/articolo/expressionengine-titles/" rel="prev"><i class="fa fa-chevron-left"></i><strong>Articolo precedente</strong> <span>Expressionengine titles</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-3/#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=198&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=91d05d8315c22b46570e4d23cf91fc803196ccbb#parent=http%3A%2F%2Fwww.marcolivetti.com%2Farticolo%2Fcostruire-un-sito-con-xml-3%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/lettera-di-presentazione/" title="Lettera di presentazione per grafici e webdesigner" 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="Lettera di presentazione per grafici e webdesigner" data-pin-nopin="true" /> </a> <div class="widgets-list-layout-links"> <a href="http://www.marcolivetti.com/articolo/lettera-di-presentazione/" class="bump-view" data-bump-view="tp"> Lettera di presentazione per grafici e webdesigner </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/lavorare-da-grafico-2-i-programmi/" title="Voglio fare il grafico - Che programmi usare" class="bump-view" data-bump-view="tp"> <img width="40" height="40" src="https://i1.wp.com/www.marcolivetti.com/wp-content/uploads/2009/09/msoffice.png?resize=40%2C40" class='widgets-list-layout-blavatar' alt="Voglio fare il grafico - Che programmi usare" data-pin-nopin="true" /> </a> <div class="widgets-list-layout-links"> <a href="http://www.marcolivetti.com/articolo/lavorare-da-grafico-2-i-programmi/" class="bump-view" data-bump-view="tp"> Voglio fare il grafico - Che programmi usare </a> </div> </li> <li> <a href="http://www.marcolivetti.com/articolo/dove-cercare-lavoro-come-grafico-e-webdesigner/" title="Dove cercare lavoro come grafico e webdesigner?" 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/Schermata-2014-10-22-alle-18.58.31.png?fit=972%2C292&resize=40%2C40" class='widgets-list-layout-blavatar' alt="Dove cercare lavoro come grafico e webdesigner?" data-pin-nopin="true" /> </a> <div class="widgets-list-layout-links"> <a href="http://www.marcolivetti.com/articolo/dove-cercare-lavoro-come-grafico-e-webdesigner/" class="bump-view" data-bump-view="tp"> Dove cercare lavoro come grafico e webdesigner? </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/creare-un-volantino-con-photoshop/" title="Creare un volantino con Photoshop" 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/cf9dc93c98461cd461b534623a93710d.jpg?fit=600%2C508&resize=40%2C40" class='widgets-list-layout-blavatar' alt="Creare un volantino con Photoshop" data-pin-nopin="true" /> </a> <div class="widgets-list-layout-links"> <a href="http://www.marcolivetti.com/articolo/creare-un-volantino-con-photoshop/" class="bump-view" data-bump-view="tp"> Creare un volantino con Photoshop </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-3\/":198}; </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=198&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=91d05d8315c22b46570e4d23cf91fc803196ccbb#parent=http%3A%2F%2Fwww.marcolivetti.com%2Farticolo%2Fcostruire-un-sito-con-xml-3%2F" + '&replytocom=' + parseInt( comm_par, 10 ).toString(); } else { frame.src = "https://jetpack.wordpress.com/jetpack-comment/?blogid=76996049&postid=198&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=91d05d8315c22b46570e4d23cf91fc803196ccbb#parent=http%3A%2F%2Fwww.marcolivetti.com%2Farticolo%2Fcostruire-un-sito-con-xml-3%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:'198',tz:'1',srv:'www.marcolivetti.com'} ]); _stq.push([ 'clickTrackerInit', '76996049', '198' ]); </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-13 17:50:07 by W3 Total Cache -->