Aiutino riguardo i banner di Altervista?

Sto facendo un sito web da zero, per ora ho fatto solo l'intestazione e il menu orizzontale ( devo iniziare a studiare Javascript per qualche piccola modifica ).
Comunque per organizzare il layout e i contenuti ( che mettero in futuro ) ho deciso di mettere il banner di Altervista er vedere come ci sta nel sito.
Il problema che ho notato è il rallentamento eccesivo del caricamento della pagina principale ( dove ho messo il banner ).
Esiste qualche modo per evitare questo raletamento, perchè uno dei miei scopi principali è creare pagine veloci.
Un'altra domanda: Altervista puo penalizzarmi per l'inserimento del banner in una pagina priva di contenuti? Anche se l'inserimento è temporaneo?
Vi ringrazio :D

Citazione:

Originalmente inviato da mondoIT

Sto facendo un sito web da zero, per ora ho fatto solo l'intestazione e il menu orizzontale ( devo iniziare a studiare Javascript per qualche piccola modifica ).

Javascript non dovrebbe servirti per il menù. Il CSS offre oramai diversi strumenti per costruire ottimi menù, anche animati. Intanto vedi di correggere diversi errori: anzitutto manca la dichiarazione del DOCTYPE, inoltre

Codice HTML:

<a/>

non è un tag di chiusura, ma un'altra cosa. Il tag di chiusura di un elemento a è:

Codice HTML:

</a>

Ci sono poi altri errori che puoi vedere tramite il validatore.

Citazione:

Originalmente inviato da mondoIT

Comunque per organizzare il layout e i contenuti ( che mettero in futuro ) ho deciso di mettere il banner di Altervista er vedere come ci sta nel sito.
Il problema che ho notato è il rallentamento eccesivo del caricamento della pagina principale ( dove ho messo il banner ).
Esiste qualche modo per evitare questo raletamento, perchè uno dei miei scopi principali è creare pagine veloci.

L'inserimento del codice del banner blocca di fatto il caricamento della pagina e non è possibile rimediare. Al più potresti inserire il codice in fondo alla pagina e poi con il foglio di stile posizionarlo dove desideri. Attualmente però il CSS non offre grandi strumenti per posizionare al meglio gli elementi in una situazione del genere.

Citazione:

Originalmente inviato da mondoIT

Un'altra domanda: Altervista puo penalizzarmi per l'inserimento del banner in una pagina priva di contenuti? Anche se l'inserimento è temporaneo?

Sì.

Ho 51 errori D: Solo che non capisco e tutto in inglese.

Comincia a correggere quelli che ti ho indicato io. Comunque l'inglese è fondamentale per lavorare con queste tecnologie (ma per fare un sito puoi sempre appoggiarti a CMS già pronti).

Non mi piace usare Cms, comunque ho corretto gli errori che i hai deto tu ma ne sono rimasti ancora due, saresti gentile a dirmi cosa vogliono dire?
Line 2, Column 1: character "<" invalid: only delimiter ">", delimiter "[", system identifier, "CDATA", "NDATA", "SDATA" and parameter separators allowed
<HTML>
✉
Line 2, Column 1: cannot continue because of previous errors
<HTML>

Dovro mettermi a studiare anche l'inglese D; ( cosa che odio un casino )

Manca il simbolo maggiore alla fine della prima riga. Comunque ti consiglierei di usare la dichiarazione DOCTYPE di HTML5 e di usare i nomi degli elementi in minuscolo.

Citazione:

Originalmente inviato da karl94

Manca il simbolo maggiore alla fine della prima riga. Comunque ti consiglierei di usare la dichiarazione DOCTYPE di HTML5 e di usare i nomi degli elementi in minuscolo.

Ti ringrazio dell'aiuto Karl e mi scuso dell'off topic, ma sto letteralmente impazzendo.
E' piu complicato del previsto validare una pagina D:
Sara' che ho appena iniziato ed ancora non ho sta grand esperienza ma giuro che adesso butto il mio pc dalla finstra.
Mi sono fidato e ho messo il Doctype di Html5 e ho scritto i tag in minuscolo, ma il simbolo maggiore mancante non esiste, cioe' non manca niente D:
Se qualcuno puo aiutarmi gli sarei riconoscente. Ecco il codice della mia pagina

Codice:

<!DOCTYPE html> <html> <head> <title> Mondo IT - L'informatica a portata di tutti </title> <link rel="stylesheet" type="text/css" href="layout.css"> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> </head> <body> <div id="container"> <a href="http://mondoit.altervista.org/index.html"> <div id="header"> </div> </a> <a class="testomenusopra" href="http://mondoit.altervista.org/index.html"> <div id="menusopra1"> <p class="testomenusopra"> Home </p> </div> </a> <a class="testomenusopra" href="http://assemblarepcguida.blogspot.com"> <div id="menusopra2"> <p class="testomenusopra"> Internet </p></div> </a> <a class="testomenusopra" href="Software.html"> <div id="menusopra3"> <p class="testomenusopra"> Software </p> </div> </a> <a class="testomenusopra" href="Hardware.html"> <div id="menusopra4"> <p class="testomenusopra"> Hardware </p> </div> </a> </div></a> <a class="testomenusopra" href="Guide.html"> <div id="menusopra5"> <p class="testomenusopra"> Guide </p> </div> </a> <a class="testomenusopra" href="Recensioni.html"> <div id="menusopra6"> <p class="testomenusopra">Recensoni</p> </div> </a> <a class="testomenusopra" href="#"> <div id="menusopra7"> <p class="testomenusopra"> Storia IT </p> </div> </a> <a class="testomenusopra" href="#"> <div id="menusopra8"> <p class="testomenusopra"> Progetti </p> </div> </a> <a class="testomenusopra" href="#"> <div id="menusopra9"> <p class="testomenusopra"> Registrati </p> </div> </a> <a class="testomenusopra" href="#"> <div id="menusopra10"> <p class="testomenusopra"> Musica </p> </div> </a> </div> <div id="contenuti"> </div> </body> </html>

Citazione:

Originalmente inviato da mondoIT

Mi sono fidato e ho messo il Doctype di Html5 e ho scritto i tag in minuscolo, ma il simbolo maggiore mancante non esiste, cioe' non manca niente D:

Infatti, quel problema l'hai sistemato. Adesso ce ne sono altri due. Comunque non ha molto senso mettere un elemento div all'interno di un a.

E come faccio a linkare il box se non lo metto allinterno di <a>?

Ma non devi levare l'elemento a, dovresti togliere il div, se poi devi gestirti l'aspetto grafico quello lo fai con il foglio di stile.

Nella riga immadiatamente sopra a questa:

<a class="testomenusopra" href="Guide.html">

c'è un:

</a> </div></a>

a occhio direi che la parte in neretto va tolta.

Citazione:

Ma non devi levare l'elemento a, dovresti togliere il div, se poi devi gestirti l'aspetto grafico quello lo fai con il foglio di stile.

Grazie, non sapevo si potesse fare anche in queesto modo ( se ho capito cosa intendevi suggerirmi ) grazie a te in futuro risparmiero perecchio tempo :D

Citazione:

Nella riga immadiatamente sopra a questa:

<a class="testomenusopra" href="Guide.html">

c'è un:

</a> </div></a>

a occhio direi che la parte in neretto va tolta.

Scusa ma non lo trovo D:
Ecco il nuovo codice, visto che mi da ancora due errori:

Codice:

<!DOCTYPE html> <html> <head> <title> Mondo IT - L'informatica a portata di tutti </title> <link rel="stylesheet" type="text/css" href="layout.css"> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> </head> <body> <div id="container"> <a href="http://mondoit.altervista.org/index.html"> <div id="header"> </div> </a> <a class="testomenusopra" id="menusopra1" href="http://mondoit.altervista.org/index.html"> <p class="testomenusopra"> Home </p> </a> <a class="testomenusopra" id="menusopra2" href="http://assemblarepcguida.blogspot.com"> <p class="testomenusopra"> Internet </p> </a> <a class="testomenusopra" id="menusopra3" href="Software.html"> <p class="testomenusopra"> Software </p> </a> <a class="testomenusopra" id="menusopra4" href="Hardware.html"> <p class="testomenusopra"> Hardware </p> </a> </div></a> <a class="testomenusopra" id="menusopra5" href="Guide.html"> <p class="testomenusopra"> Guide </p> </a> <a class="testomenusopra" id="menusopra6" href="Recensioni.html"> <p class="testomenusopra">Recensoni</p> </a> <a class="testomenusopra" id="menusopra7" href="#"> <p class="testomenusopra"> Storia IT </p> </a> <a class="testomenusopra" id="menusopra8" href="#"> <p class="testomenusopra"> Progetti </p> </a> <a class="testomenusopra" id="menusopra9" href="#"> <p class="testomenusopra"> Registrati </p> </a> <a class="testomenusopra" id="menusopra10" href="#"> <p class="testomenusopra"> Musica </p> </a> </div> <div id="contenuti"> </div> </body> </html>

Gli errori che mi da il validatore sono i seguenti:

Citazione:

Line 131, Column 132: Stray end tag a.
… </div></a>
✉
Line 150, Column 9: Stray end tag div.
</div>

Ma poi il mio codice html non arriva aq 131 linee, arriva a 59 O.O

ome scritto nel mio messaggio precedente, la linea 131 che è:

</a></div></a>

con un centinaio di spazi fra </a> e </div> deve diventare:

</a>

Grazie, ho risolto :D