The Best Geek Forum

Il Layout di una pagina

Il mondo del responsive è il modo migliore per la creazione di un contenuto! <html><title>Tebigeek!</title></html>

Moderatore: Moderatore in prova

Il Layout di una pagina

:welcomeani:

Oggi parliamo di uno degli elementi essenziali in una Pagine Web : IL LAYOUT. Cosa intendiamo per Layout? Quando parliamo di Layout intendiamo tutti i colori, immagini , sfumature , ecc... che vanno a caratterizzare la nostra pagina. Come da titolo, questo è un'elemento essenziale in ogni pagina. Possiamo paragone il Layout alla "firma" dello sviluppatore, infatti ogni sito avrà una "firma" diversa.

Perché parlo di siti e non di pagine?? E' di uso comune utilizzare lo stesso Layout per tutte le pagine del proprio sito , per rendere piacevole e meno impegnativa la lettura degli articoli o il cambio di pagina. Per esempio, se si sceglie il coloro dello sfondo celeste, è preferibile utilizzare il celeste in tutte le altre pagine. Ovviamente in ogni pagina andremo a cambiare immagini, colore del testo (anch'esso sconsigliato) ed altro per non essere ripetitivi.

L'elemento essenziale di un Layout è lo sfondo. Esso andrà a determinare tutti i successivi spostamenti/cambiamenti della pagina. Abbiamo diversi tipi di sfondo , molti di questi li conosciamo già perché visti in world, paint... :

-Sfondo a tinta unica
-Sfondo a sfumatura ( tramite immagine)
-Sfondo a immagine

Sfondo a tinta unica

Lo sfondo a tinta unica è il classico sfondo "sobrio" che trovati in molti siti. Lo stesso sfondo bianco è uno sfondo a tinta unica di "default". E' possibile dunque cambiare il colore delle sfondo a proprio piacimenti attraverso il seguente comando inserito nel TAG body:

Codice: Seleziona tutto

<html>
	<head>
	</head>
	<body bgcolor:"red">
	</body>
</html>
Come da esempio, otterremo uno sfondo di colore rosso. Al posto di RED è possibile inserire altri colori o utilizzare la "notazione esadecimale". Quest'ultima parola sembra dirci qualcosa di difficile ma invece ci dice solamente che ad ogni colore o tonalità , corrisponde un codice . ES. RED = #ff0000 , GREEN = #008000. Potete trovare tutti i colori e i relativi codici in qualsiasi pagina web digitando su google: "codici colori html".

Sfondo a sfumatura e immagine

Ho unito questi due tipi di sfondo poichè il procedimento è identico. Per questo procedimento abbiamo solo bisogno di un'immagine e del suo relativo percorso. Il procedimento ora è uguale al precedente, cambia solo la forma :

Codice: Seleziona tutto

<html>
	<head>
	</head>
	<body background=”PERCORSO IMMAGINE”>
	</body>
</html>
Per precauzione consiglio di mettere sempre un colore di sfondo all'immagine poiché , nel caso in cui abbiate problemi nella visualizzazione dell'immagine, avreste già un valido rimpiazzo pronto.

:thanks:
Bravo ottima guida, continua che pian piano mi serviranno queste guide ;)
Bravo Mario ottima guida! :D Come sempre!