Una prima versione della home page

Cominciamo ad avere un’idea più precisa della navigazione del nostro sito. Creiamo una prima versione della home page.

<html>
<head>
<title>[#NOM_SITE_SPIP] Home</title>
</head>
<body>

<center>
<a href="uscite.php3">Le prossime uscite</a>
| <a href="voti.php3">I migliori giochi del momento</a>
</center>

	<BOUCLE_settori(RUBRIQUES){id_parent=0}{par titre}>
		<p><b><a href="#URL_RUBRIQUE">#TITRE</a></b>
		
		<B_sotto_rubriche>
		<ul>
		<BOUCLE_sotto_rubriche(RUBRIQUES){id_parent}>
			<li><a href="#URL_RUBRIQUE">#TITRE</a>
		</BOUCLE_sotto_rubriche>
		</ul>
		</B_sotto_rubriche>
		
	</BOUCLE_settori>	

</body>
</html>

Prima di inserire i cicli che ci permetteranno di visualizzare le novità del sito, ci accontenteremo di creare (a mano) i link verso le due home page alternative, e di visualizzare la struttura del sito (unicamente le rubriche principali e le loro sotto-rubriche).

Inseriamo l’elenco dei cinque test più recenti pubblicati sul sito. Per ciascun test mostreremo (oltre al logo, al titolo e alla sua descrizione):
-  un ciclo (RUBRIQUES) per recuperare il titolo del gioco;
-  un ciclo (MOTS) con per tipo di parola "voto" per visualizzare il voto;
-  un secondo ciclo (MOTS) con per tipo di parola "piattaforme" per visualizzare le piattaforme implicate.

Nulla di quanto non sappiamo già fare, quindi.

<BOUCLE_test(ARTICLES){titre_mot=test}{par date}{inverse}{0,5}>
	<p><div style="border:1px solid black">
	[(#LOGO_ARTICLE_RUBRIQUE|left|#URL_ARTICLE)]

	<BOUCLE_rub_test(RUBRIQUES){id_rubrique}>
	<h3>#TITRE</h3>
	</BOUCLE_rub_test>

	<h4>#TITRE</h4>
	
	<BOUCLE_voto_test(MOTS){id_article}{type=Voto}>
	<b>VOTO: #TITRE/10</b><p>
	</BOUCLE_voto_test>
	
	<BOUCLE_piatt_test(MOTS){id_article}{type=Piattaforme}>
	[(#LOGO_MOT|left)]
	</BOUCLE_piatt_test>
		
	[(#DESCRIPTIF)]
	<p align="right"><a href="#URL_ARTICLE">Leggi questo test...</a>
	</div>
</BOUCLE_test>

Adesso aggiungiamo le ultime cinque anteprime, le cinque soluzioni e i cinque trucchi. Le presentazioni cambiano ogni volta, ma il principio è rigorosamente simile al ciclo precedente (nelle versioni semplificate poiché noi vogliamo mostrare meno informazioni):

<B_anteprime>
<p><b>Anteprime:</b>
<ul>
<BOUCLE_anteprime(ARTICLES){titre_mot=anteprima}{par date}{inverse}{0,5}>
	
	<BOUCLE_rub_anteprime(RUBRIQUES){id_rubrique}>
	<li><b>#TITRE</b> /
	</BOUCLE_rub_anteprime>

	<a href="#URL_ARTICLE">#TITRE</a>
	
	<BOUCLE_piatt_anteprime(MOTS){id_article}{type=Piattaforme}>
	[(#LOGO_MOT)]
	</BOUCLE_piatt_anteprime>

</BOUCLE_anteprime>
</ul>
</B_anteprime>

<B_soluzioni>
<p><b>Soluzioni:</b>
<ul>
<BOUCLE_soluzioni(ARTICLES){titre_mot=soluzione}{par date}{inverse}{0,5}>
	
	<BOUCLE_rub_soluzioni(RUBRIQUES){id_rubrique}>
	<li><b><a href="#URL_ARTICLE">#TITRE</a></b>
	</BOUCLE_rub_soluzioni>
	
	<BOUCLE_piatt_soluzioni(MOTS){id_article}{type=Piattaforme}>
	(#TITRE)
	</BOUCLE_piatt_soluzioni>

</BOUCLE_soluzioni>
</ul>
</B_soluzioni>


<B_trucchi>
<p><b>Trucchi:</b>
<ul>
<BOUCLE_trucchi(ARTICLES){titre_mot=trucchi}{par date}{inverse}{0,5}>
	
	<BOUCLE_rub_trucchi(RUBRIQUES){id_rubrique}>
	<li><b><a href="#URL_ARTICLE">#TITRE</a></b>
	</BOUCLE_rub_trucchi>
	
	<BOUCLE_piatt_trucchi(MOTS){id_article}{type=Piattaforme}>
	(#TITRE)
	</BOUCLE_piatt_trucchi>

</BOUCLE_trucchi>
</ul>
</B_trucchi>

Infine, l’elenco delle news. Seguiamo sempre lo stesso principio; questa volta il link punta verso la pagina comune alle news di un gioco. Il link si fa sul titolo del gioco (cioè, il titolo della rubrica) e noi visualizziamo il titolo della news.

<B_news>
<p><b>News:</b>
<ul>
<BOUCLE_news(ARTICLES){titre_mot=news}{par date}{inverse}{0,5}>
	
	<BOUCLE_rub_news(RUBRIQUES){id_rubrique}>
	<li><b><a href="news_gioco.php3?id_rubrique=#ID_RUBRIQUE">#TITRE</a>:</b>
	</BOUCLE_rub_news>
	#TITRE
	
</BOUCLE_news>
</ul>
</B_news>

Oramai non ci resta che indicare la struttura tematica del sito (per genere principale di gioco: Azione/avventura, Arcade, Sport...). Anche in questo caso non vi è nulla di complicato:

<BOUCLE_sezioni(RUBRIQUES){id_parent=0}{par titre}>
		<p><b><a href="#URL_RUBRIQUE">#TITRE</a></b>
		
		<B_sotto_rubriche>
		<ul>
		<BOUCLE_sotto_rubriche(RUBRIQUES){id_parent}>
			<BOUCLE_art_sotto(ARTICLES){id_rubrique}>
			</BOUCLE_art_sotto>
			<li><a href="#URL_RUBRIQUE">#TITRE</a>
			<//B_art_sotto>
		</BOUCLE_sotto_rubriche>
		</ul>
		</B_sotto_rubriche>
		
	</BOUCLE_sezioni>

Notiamo subito questo dettaglio: nelle sotto-rubriche, il ciclo BOUCLE_art_sotto verifica la presenza di articoli (il ciclo non visualizza nulla). Il titolo, il link e il titolo della sotto-rubrica sono visualizzati solo se non c’è una rubrica nella sotto-rubrica, poiché questa visualizzazione è posta nel testo opzionale alternativo. In effetti, esso non dovrebbe mostrare le rubriche del gioco poste direttamente in una rubrica.

La nostra home page è ora completa. Non è ancora terminata (negli articoli che seguono estenderemo le sue possibilità), ma almeno è completa:
-  la struttura tematica del sito per rubriche principali di tipo di gioco è proposta;
-  i test recenti (che noi consideriamo essere l’elemento più importante del sito - ma è una nostra scelta editoriale) sono mostrati in maniera molto visibile;
-  utilizziamo l’indicazione delle piattaforme;
-  utilizziamo i "tipi di articolo" (le news, anteprime, soluzioni, i test, trucchi vengono presentati separatamente);
-  utilizziamo il voto dei giochi, come pure le date di uscita...

Tutto questo, notare bene, senza utilizzare nemmeno una linea di PHP, e senza modificare la struttura del database. Noi non abbiamo nemmeno mutato l’utilizzo di alcune indicazioni degli articoli per riuscirci (per esempio, avremmo potuto decidere che l’occhiello degli articoli fosse utilizzato per indicare la piattaforma, e il sottotitolo per indicare il voto; avremmo potuto visualizzare queste informazioni anche così).

Autore Fausto Barbarito Publié le : Mis à jour : 26/10/12

Traductions : عربي, català, Español, français, italiano