• Regolamento Macrocategoria DEV
    Prima di aprire un topic nella Macrocategoria DEV, è bene leggerne il suo regolamento. Sei un'azienda o un hosting/provider? Qui sono anche contenute informazioni per collaborare con Sciax2 ed ottenere l'accredito nella nostra community!

Guida Creare un sito in CSS e HTML

Sevenarth

Utente Assiduo
Autore del topic
25 Aprile 2008
524
57
Miglior risposta
0
Ciao a tutti, oggi con la voglia di aiutare gli utenti di sciax2 ho deciso di fare questa guida su come creare una web page in HTML e CSS, senza l'utilizzo di immagini.
Allora iniziamo:

Prima di tutto apriamo il Blocco Note e scriviamo le seguenti strighe:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
dopo il tag <head> mettete:
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>NOME DEL VOSTRO SITO WEB</title>
<link rel="stylesheet" type="text/css" src="main.css" />
</head>
Dopo di chè per visualizzare il contenuto della pagina dovrete inserire i TAG <body>
il risultato di tutto alla fine sarà questo:
Codice:
Perfavore, Entra oppure Registrati per vedere i codici!
Per iniziare il procedimento dei tag <body, ho deciso di usare i colori giallo e celestino.
Allora apriamo il blocco note un'altra volta e mettiamo:
Codice:
Perfavore, Entra oppure Registrati per vedere i codici!
e salviamo il file con il nome main (al posto di *.txt mettete alla stringa nome file main.css)
Ora continuiamo con la pagina web, dopo i TAG <body> mettete <div id="container"></div>:
Codice:
Perfavore, Entra oppure Registrati per vedere i codici!
e fra i tag <div> scrivete <div id="cont-logo"><h1><font style="font-family: Comic Sans MS">MIO SITO</font></h1>
Codice:
Perfavore, Entra oppure Registrati per vedere i codici!
e direttamente vi posto tutto il contenuto della pagina web:
Codice:
Perfavore, Entra oppure Registrati per vedere i codici!
Risultato:
Perfavore, Entra oppure Registrati per vedere i Link!

Spero avete capito quello che ho scritto xD
 
Bella guida anke se nn mi piace molto il risultato xD... pero dato ke io in html nn so fare nnt complimenti xD