<html>
<head>
<style>
body {
margin: 0px; padding: 0px; font-family: Sans-serif, Georgia, Helvetica, Lucida, Arial, Verdana; font-size: 0.9em; background: #ffffff;
}
a:link { color: #aa0000; text-decoration: none;}
a:hover { color: #aa0000; text-decoration: underline;}
a:visited { color: #aac0a0; text-decoration: none;}
h1, h2, h3, h4 { margin: 0; padding: 0; color: #5e715e; text-align: center; padding: 0.3em;}
h1 { font-size: 1.2em; }
h2 { font-size: 1.1em; }
h3 { font-size: 1em; }
h4 { font-size: 0.9em; }
img { border: none; }
div#all {margin: 0px; padding: 0.2em 1.5em 0em 1.5em; }
div#header {border-top: 2px solid #5e715e;}
div#testata {height: 36px; border-right: 2px solid #c0c8c0; background: #c0c8c0; padding: 0.3em 0.5em 0.1em 0.5em; }
div#menualto1 { height: 1.2em; font-size: 1.1em; text-align: right; background: #80a0a0; border-top: 1px solid #ffffff; border-right: 2px solid #c0c8c0;}
#menualto1 ul { margin: 0; padding: 0; padding-bottom: 1.1em; }
#menualto1 li { float: right; list-style: none ; background: #80a0a0; border-left: 2px solid #c0c8c0; }
#menualto1 li a:link, #menualto1 li a:hover, #menualto1 li a:visited { color: #ffffff; text-decoration: none;
padding-left: 1em; padding-right: 1em; }
#menualto1 li a:hover { color: #aa0000; background: #ffffff; text-decoration: none;}
div#menualto2 { height: 1.2em; font-size: 1.1em; background: #608080; border-bottom: 2px solid #c0c8c0; border-left: 2px solid #c0c8c0; }
#menualto2 ul { margin: 0; padding: 0; padding-bottom: 1.1em; border-top: 2px solid #c0c8c0;}
#menualto2 li { float: left; list-style: none ; border-right: 2px solid #c0c8c0; }
#menualto2 li a:link, #menualto2 li a:hover, #menualto2 li a:visited { color: #ffffff; text-decoration: none;
padding-left: 1em; padding-right: 1em; }
#menualto2 li a:hover { color: #aa0000; background: #ffffff; text-decoration: none;}
div#container {clear: left; }
div#sinistro { float: left; width: 155px;}
#menufisso ul { margin: 0em; padding: 0; border-left: 2px solid #5e715e; border-top: 2px solid #5e715e; border-right: 2px solid #5e715e; border-bottom: 2px solid #5e715e;}
#menufisso li {list-style: none ; background: #ffffff; }
#menufisso li a:link, #menufisso li a:hover, #menufisso li a:visited { color: #5e715e; text-decoration: none;
padding-left: 0.9em; }
#menufisso li a:hover { color: #aa0000 ; background: #ffffff ; }
div#divsmallfisso { background: #5e715e; color: #ffffff; text-align: center;}
div#menusezione { border: 2px solid #80a0a0; margin: 0.3em 0em 0.3em 0em; }
#menusezione ul { margin: 0; padding: 0; }
#menusezione li { list-style: none ; border: 0px solid #ffffff; }
#menusezione li a:link, #menusezione li a:hover, #menusezione li a:visited { color: #80a0a0; text-decoration: none;
padding-left: 1em; padding-right: 1em; }
#menusezione li a:hover { color: #aa0000; background: #ffffff; text-decoration: none;}
div#divsmallsez { background: #80a0a0; color: #ffffff; text-align: center;}
div#menucategorie { background: #ffffff; border: 2px solid #80a0a0; margin: 0.3em 0em 0.3em 0em; }
#menucategorie ul { margin: 0; padding: 0; }
#menucategorie li { list-style: none ; }
#menucategorie li a:link, #menucategorie li a:hover, #menucategorie li a:visited { color: #80a0a0; text-decoration: none;
padding-left: 1em; padding-right: 1em; }
#menucategorie li a:hover { color: #aa0000; background: #ffffff; text-decoration: none;}
div#divsmallcat { background: #80a0a0; color: #ffffff; text-align: center;}
div#sinsotto { margin: 0.3em 0em 0em 0em; border: 2px solid #c0c8c0; padding: 0.2em; }
div#destro { float: right; width: 25%; margin-bottom: 2em; }
#destro ul {margin: 0; padding: 0; }
#destro li {list-style: none ; }
div#dalto{ border-left: 2px solid #5e715e; border-bottom: 2px solid #5e715e; margin-top: 0.3em;}
div#dsezione { border: 2px solid #c0c8c0; margin: 0em 0em 0.2em 0.5em; padding: 0.2em 0.5em 0.5em 0.5em; }
div#description { border-right: 2px solid #5e715e; padding: 0.3em 0em 0em 0.5em; color: #5e715e ; font-size: 0.9em; font-weight: bold; }
div#abstract { border-right: 2px solid #5e715e; padding: 0.3em 0.5em 0.5em 0.5em; font-size: 0.9em; }
div#dpost { border-right: 2px solid #5e715e; padding: 0em 0.5em 0.5em 0.5em; }
div#categorie { border-right: 2px solid #5e715e; border-bottom: 2px solid #5e715e; padding: 0em 0.5em 0.5em 0.5em; font-size: 0.9em;}
div#destrosotto { border-left: 2px solid #5e715e; }
div#droot { border: 2px solid #c0c8c0; margin: 0.2em 0em 0em 0.5em; padding: 0.2em 0.5em 0.5em 0.5em; }
div#lnews { margin: 0.2em 0em 0em 0.5em; border: 2px solid #c0c8c0; padding: 0.2em 0.5em 0.5em 0.5em; }
div#content{ margin: 0.3em 25% 0 160px; padding-left: 0.5em; padding-right: 0.5em; text-align: justify; line-height: 1.3em; border-left: 2px solid #5e715e; border-bottom: 2px solid #5e715e; border-top: 2px solid #5e715e;}
div#footer {clear: both; text-align: center; padding: 0.3em; margin-top: 3em; border-top: 1px solid #5e715e; }
</style>
</head>
<body>
<div id="all">
<div id="header">
<div id="testata"><a href="http://www.creativecommons.it/" title="Pagina iniziale delle Creative Commons Italia"><img src="http://www.creativecommons.it/media/logocc.jpg" title="Pagina iniziale delle Creative Commons Italia" alt="Creative Commons.it" /></a></div>
<div id="menualto1"><ul>
<li><a href="/main.php?page=cerca-opere" title="Un motore di ricerca e altri strumenti per trovare le opere rilasciate sotto licenze Creative Commons">Cerca opere</a></li>
<li><a href="http://creativecommons.org/license/?lang=it" title="Pagina di scelta delle licenze sul sito Creative Commons">Scegli una licenza</a></li>
</div>
</div>
<div id="menualto2"><ul>
<li><a class="home" href="http://www.creativecommons.it/" title="La pagina principale del sito">Homepage</a></li>
<li><a class="Approfondisci" href="http://creativecommons.it/main.php?page=approfondisci" title="Gli obiettivi, la storia ecc.">Chi siamo</a></li>
<li><a class="home" href="http://www.creativecommons.it/" title="La pagina principale del sito">Collabora</a></li>
<li><a class="home" href="http://www.creativecommons.it/" title="La pagina principale del sito">Contatti</a></li>
<li><a class="home" href="http://www.creativecommons.it/" title="La pagina principale del sito">Disclaimer</a></li>
<li><a class="faq" href="http://www.creativecommons.it/main.php?page=faq" title="faq">Faq</a></li>
</ul></div>
<div id="container">
<div id="sinistro">
<div id="menusezione">
<div id="divsmallsez">Sei sulla sezione:<br /><strong>Scarichiamoli</strong></div>
<ul>
<li><a class="home" href="http://www.creativecommons.it/" title="La pagina principale del sito">Sottopagina</a></li>
<li><a class="Approfondisci" href="http://creativecommons.it/main.php?page=approfondisci" title="Gli obiettivi, la storia ecc.">sottopagina</a></li>
<li><a class="news" href="http://www.creativecommons.it/news" title="Notizie, novità, eventi, progetti ecc.">sottopagina</a></li>
<li><a href="http://creativecommons.org/license/?lang=it" title="Pagina di scelta delle licenze sul sito Creative Commons">sottopagina</a></li>
<li><a href="/main.php?page=cerca-opere" title="Un motore di ricerca e altri strumenti per trovare le opere rilasciate sotto licenze Creative Commons">sottopagina</a></li>
</ul>
</div>
<div id="menufisso">
<div id="divsmallfisso">Sezioni</div>
<ul>
<li><a class="home" href="http://www.creativecommons.it/" title="La pagina principale del sito">le licenze</a></li>
<li><a class="home" href="http://www.creativecommons.it/" title="La pagina principale del sito">Science Commons</a></li>
<li><a class="home" href="http://www.creativecommons.it/" title="La pagina principale del sito">Scarichiamoli</a></li>
<li><a class="news" href="http://www.creativecommons.it/news" title="Notizie, novità, eventi, progetti ecc.">News</a></li>
<li><a href="http://creativecommons.org/license/?lang=it" title="Pagina di scelta delle licenze sul sito Creative Commons">Sezione***</a></li>
<li><a href="/main.php?page=cerca-opere" title="Un motore di ricerca e altri strumenti per trovare le opere rilasciate sotto licenze Creative Commons">Sezione***</a></li>
</ul>
</div>
<div id="menucategorie">
<div id="divsmallcat">categorie</div>
<ul>
<li><a class="home" href="http://www.creativecommons.it/" title="La pagina principale del sito">Audio</a></li>
<li><a class="Approfondisci" href="http://creativecommons.it/main.php?page=approfondisci" title="Gli obiettivi, la storia ecc.">Video</a></li>
<li><a class="news" href="http://www.creativecommons.it/news" title="Notizie, novità, eventi, progetti ecc.">Testi</a></li>
<li><a href="http://creativecommons.org/license/?lang=it" title="Pagina di scelta delle licenze sul sito Creative Commons">Immagini</a></li>
</ul>
</div>
<div id="sinsotto">
<a href="http://www.creativecommons.it/main.php?page=scarichiamoli"><img src="http://www.creativecommons.it/media/scarichiamoli/s.gif" ></a><br />
seguirebbero link a risorse rss e rdf, banners e segnalazioni di iniziative etc ect
</div>
</div>
<div id="destro">
<div id="dalto">
<div id="dsezione">menu destro sezione</div>
</div>
<div id="description">description: breve **descrizione** del post. Verrà utilizzata sui metatags, sugli rdf e sulla generazione della categorie. Non è consentito codice html (vedi nota struttura 1 )</div>
<div id="abstract">abstract: breve **riassunto** del post.<br> E' consentito codice html. Verrà utilizzato per generare rdf "più completi", per la generazione delle categorie e, almeno sulla sezione news, ci permetterà di non dover caricare in homepage tutto il post. (vedi nota struttura 1 )</div>
<div id="dpost">
(menu del post)
<h2>approfondimenti</h2>
<ul>
<li><a href="http://www.masternewmedia.org/news/2005/01/21/sharing_italys_artworks_via_the.htm">Scarichiamoli! Creative Commons Italia calls to action</a></li>
<li><a href="http://www.musique-libre.org/article.php?sid=129">Italie: subventions publiques = domaine public</a></li>
</ul>
<h2>risorse correlate</h2>
<ul>
<li><a href="http://www.masternewmedia.org/news/2005/01/21/sharing_italys_artworks_via_the.htm">Scarichiamoli! Creative Commons Italia calls to action</a></li>
</ul></div>
<div id="categorie">
<h4>A questo post sono attribuite le categorie:</h4>
<a href="http://www.masternewmedia.org/news/2005/01/21/sharing_italys_artworks_via_the.htm">Video</a>
<a href="http://www.masternewmedia.org/news/2005/01/21/sharing_italys_artworks_via_the.htm">Io-Altro</a> <a href="http://www.masternewmedia.org/news/2005/01/21/sharing_italys_artworks_via_the.htm">Giusto-ingiusto</a>
<a href="http://www.masternewmedia.org/news/2005/01/21/sharing_italys_artworks_via_the.htm">Bene-Male</a>
<a href="http://www.masternewmedia.org/news/2005/01/21/sharing_italys_artworks_via_the.htm">Bello-brutto</a>
(vedi note 2 e 3 struttura)
</div>
<div id="droot">menu destro root</div>
<div id="lnews">
<h2> Latest News </h2>
<ul><li><a href="news/index.php?p=134" title="Leggi questo articolo">Scientific American: benvenute le Creative Commons</a></li><li><a href="news/index.php?p=133" title="Leggi questo articolo">The Software Freedom Law Center</a></li><li><a href="news/index.php?p=131" title="Leggi questo articolo">Libera Cultura, Libera Conoscenza</a></li><li><a href="news/index.php?p=124" title="Leggi questo articolo">Scarichiamoli: elenco partecipanti all'incontro in Senato</a></li><li><a href="news/index.php?p=122" title="Leggi questo articolo">Italia, scaricate tanto scaricate tutti</a></li></ul>
</div>
</div>
<div id="content">
<h1>Terza bozza template creative commons.it</h1>
<div style="text-align: right;"><span style="font-weight: bold;">Danilo
Moi (webmaster)</span><br style="font-weight: bold;">
<span style="font-weight: bold;">7 Marzo 2005</span><br
style="font-weight: bold;">
<span style="font-weight: bold;"> danilomoi at creativecommons.it</span><br>
</div>
<br>
Questa bozza si basa su <a
href="http://www.creativecommons.it/test/seconda_bozza_template_danilo_moi.htm">questa
precedente</a>.<br>
<br>
<span style="font-weight: bold;">Note sulla grafica.</span><br>
1) Ho introdotto il colore #80a0a0 su consiglio di Alcide.<br>
2) Il bordo intorno ai contenuti specifici del post sul menù
destro (description, abstract, risorse correlate e approfondimenti,
categorie) e intorno al content principale non ha mera "funzione estetica".<br>
Intendo infatti evidenziare con tale bordo la contiguità di tali
contenuti con il "content" principale isolando nel contempo il
menù destro della sezione.<br>
Se il menù destro della sezione non è presebte il bordo dei "contenuti specifici"
si allinea con quello del content<br>
Nb: ogni parte sarà controllata da un if-else. (se la "parte "
c'è il php manda a video l'intero div, se non c'è non
manda a video nulla e segue il successivo...questo ovviamente per
evitare sgradevoli "vuoti")<br>
<br>
<span style="font-weight: bold;">Note sulla struttura</span><br>
In ogni post verranno aggiunti 3 "campi". (per ora) (3 nuove tabelle
sul database mysql)<br>
Description, Abstract e categories (vedere sul menù destro)<br>
1) La description costituisce un sottotitolo, quindi avrà lo
stesso colore del titolo sul content.<br>
L'abstract costituisce un riassunto del contenuto, avrà
perciò lo stesso aspetto del contenuto.<br>
<br>
2) le categorie verranno generate attraverso "ricerche" nella tabella
"categories".<br>
Sarà quindi possibile attribuire ad ogni post una
quantità **illimitata** di categorie.<br>
Questo ci consentirà di creare "percorsi semantici" sul sito in
maniera dettagliata.<br>
Su tutte le homepage delle differenti sezioni, <span
style="font-weight: bold;">sul menù destro</span>, le categorie
verranno escluse.<br>
<br>
3) Ritengo opportuno distinguere ciò che è **sezione**
del sito e ciò che è appunto **categoria**.<br>
<br>
4) Il menù di ogni sezione (sulla colonna sinistra) si
posizionerà sopra il menù delle sezioni.<br>
In homepage non sarà presente.<br><br>
<strong>NB: mancano, come è ovvio, diverse "rifiniture"</strong><br>
<br>
<br>
</div>
</div>
<div id="footer"><a href="#">Credits</a><br /><br />Questo sito è ospitato da:<br /><img class="renomo" src="http://www.creativecommons.it/media/renomo-logo.png" alt="Logo di Renomo" /></div>
</div>
</body>
</html>