Struttura di una pagina web

Area dedicata alle guide di phpBB 3
Rispondi
Avatar utente
Tiger
PhpBB Expert
PhpBB Expert
Connesso: No
Messaggi: 135
Iscritto il: 04/11/2012, 16:15
Versione phpBB3: 3.2.2
Stile utilizzato: Prosilver
Versione SEO: SI
Mod / Estensioni installate: Si
Link del Forum: Campo non specificato
Località: Roma
Contatta:

Struttura di una pagina web

Messaggio da Tiger » 05/11/2012, 18:14

Anche se per la maggior parte di voi sicuramente cio' che scrivero' risulterà banale e superfluo,ho deciso di scrivere ugualmente quattro righe base su come è strutturata una pagina web inserendo anche qualche tag fondamentale di base dell'html.

Che cos'e' prima di tutto una pagina web?
Una pagina web e' un documento scritto in linguaggio HTML che contiene testo immagini e link.
Detto questo analizziamo brevemente come e' stutturata di norma codesta pagina (Statica=Aggiornata manualmente Dinamica=collegata tramite il linguaggio lato server (php , asp,ecc ecc)ad un archivio o database che sia,il quale tramite precise richieste o istruzioni,provvede ad aggiornare una determinata o tutte le pagine che si voglia)

Come detto in precedenza vediamo come e' strutturata una pagina web:

Prima di tutto indicheremo al broswer di che pagina (Documento) si tratta quindi:

Codice: Seleziona tutto

<!DOCTYPE html>
Dopodiche' inizieremo con ll'apertura dei tag per il linguaggio che stiamo usando quindi:

Codice: Seleziona tutto

<html>
bene adesso il "cervello" della pagina

Codice: Seleziona tutto

<head> 

Ho usato il termine cervello in quanto tra questi tag racchiuderemo alcune istruzioni o informazioni che serviranno solo ed esclusivamente al browser per visualizzare la pagina in un certo modo(ad esempio:inserendo degli script Javascript o un colllegamento ad un foglio di style "css3" ecc ecc
Importante sapere che tutto cio' che andremo ad inserire tra i tag <head>...</head> non sara' visualizzato dal browser in forma grafica(visiva)!!
Altro tag importantissimo da inserire tra <head> e' il tag <title>....</title> dove andremo ad iserire il titolo della pagina,importantissimo per i fini "seo"(indicizzazione)
Quindi ricapitolando fino a questo punto:

Codice: Seleziona tutto

<!DOCTYPE html>
<html>
<head>
<title>.....</title>
<meta charset="UTF8" />
</head>
Qust'ultimo tag per indicare al browser il tipo di "codifica lingua" stiamo usando per questa pagina web(in questo caso Europea)
Ok adesso inseriremo il corpo della pagina,che ci servira' per visualizzare visivamente e quindi graficamente tutto cio' che noi vogliamo far vedere agli altri per codesta pagina,quindi:

Codice: Seleziona tutto

<body>
Da qui in poi tutto cio' che inseriremo sara' visualizzato dal browser sotto forma grafica:
Ad esempio vogliamo inserire un link quindi:
<a href="http://www.phpbb-store.it">Phpbbstore</a>
dove il tag <a> sta per "Anchor"=ancora.
ok riassumendo quindi brevemente il tutto:

Codice: Seleziona tutto

<!DOCTYPE html>
<html>
  <head>
          <title>.......</title>
          <meta charset="UTF8" />
 </head>
 <body>
          <a href="http://www.phpbb-store.it">PHPBB-STORE</a>
 </body>
 </html>

Rispondi