Ci sono 4 articoli con tag xhtml (questa è la pagina 1 di 1).
Se siete alla ricerca di un template web per sperimentare le vostre conoscenze o semplicemente per utilizzarlo nei vostri siti web, oggi segnalo questa aggiornatissima raccolta di 40 template gratis scritti in xhtml e css che andranno sicuramente a soddisfare le vostre esigenze.
1st Web Designer ha raccolto una lista di 101 template grafici per siti web già pronti all’uso, codificati in XHTML e CSS validi e di ottima qualità, anche se personalmente continuo a preferire quelli di ThemeForest. Sono tutti completamente gratuiti anche se per conviene sempre dare una letta alla licenza applicata per eventuali link da mantenere o per limitazioni d’uso. Questo articolo è solo la prima parte dell’elenco. Gli altri layout grafici saranno presentati nel prossimo post.
Se sei pratico con il codice HTML, allora potrai usarli per imparare molte nuove tecniche semplicemente studiandone il codice. Puoi copiarli e ricordati di personalizzarli giocando con il foglio di stile e sostituendo le immagini in modo che si adattino meglio ai contenuti del tuo sito.
Sono veramente tanti nonostante siano stati vagliati uno ad uno e selezionati tenendo solamente quelli di ottima qualità e di bel impatto visivo. Veramente una buona risorsa per chi vuole pubblicare un sito in pochissimo tempo.
Oggi vi propongo 5 ottimi archivi di template gratuiti di ottima qualità. Si tratta di siti che propongono design web di qualità superiore per unicità e creatività, ideati da certificati professionisti del web design.
Tutti i template di Template World sono gratis, senza tabelle e W3C-compliant. Sono layout creati dai designer di Template World. Questi template sono stati provati e sono compatibili con la gran parte dei più famosi browser in circolazione sui principali sistemi operativi. La licenza è Creative Commons 2.5, che significa che siete liberi di modificare il layout per adattarlo al vostro personale gusto. L’unico vincolo è l’obbligo di inserire un link a Template world.
I template di Studio7Design fanno parte della serie Nautica e sono layout open source. L’uso è gratuito per siti a carattere no-profit o per siti personali. La licenza usata è la Creative Commons 2.5.
Andreas Viklund mette a disposizione gratuitamente i suoi migliori template, tutti rigorosamente in XHTML e CSS. Sono completamente gratis per tutti gli usi possibili senza nessuna limitazione o obbligo. L’unica richiesta è di inserirlo nei crediti, ma solamente se lo volete fare.
In questo sito è possibile trovare template per siti web gratuiti e completamente XHTML / CSS. Possono essere usati senza limitazioni sia su siti non commerciali che su quelli commerciali. L’unica richiesta non obbligatoria è di inserire nei crediti un link a Solucjia Design nel footer della pagina.
La community Open Design (The Open Design Community – TODC) è un gruppo di web designer votati all’open source che contribuiscono alla crescita della comunità fornendo centinaia di template in formato XHTML e CSS, completamente gratuiti. L’obiettivo di questo gruppo di persone è di rendere internet un luogo esteticamente più bello. (via AjaxPath)
Sono molte le persone, fra coloro che scrivono pagine web in modo fai da te, che sottovalutano l’importanza di avere in ogni documento, sia esso html, xhtml o applicazioni speciali WEB2.0, un appropriato tag !DOCTYPE che referenzi un altrettanto appropriato DTD.
In questo articolo cercheremo di capirne la storia, di analizzarne la sintassi e vedremo le differenze fra i diversi tipi possibili: queste ultime spesso e volentieri non sono di poco conto, perché influenzano il modo in cui il browser ci mostra le pagine sullo schermo; in casi estremi si potrebbe addirittura stravolgere la pagina dando ai tag e ai loro attributi un significato diverso (nel caso si faccia uso di un dtd diverso da quello relativo alla sintassi della nostra pagina).
Fin dall’HTML 3.2 infatti (anno 1997) i documenti avrebbero dovuto sforgiare, posto all’inizio, un tag di tipo !DOCTYPE; tuttavia per mille ragioni (tra cui anche il fatto che in ogni caso la pagina html funzionava senza particolari problemi), questo tag fu spesso ignorato da molti, addirittura nemmeno inserito, o se inserito facendo un copia-incolla senza averne ben chiara la sintassi. La sua introduzione si rese necessaria per tre ordini di motivo:
Avere uno standard unico che coprisse tutti i meta-linguaggi derivati dal SGML (come è appunto l’HTML).Per poterne analizzare la sintassi, vediamo Innanzitutto un !DOCTYPE di esempio, preso proprio dal sito Dynamick che sforgia un DTD recente di tipo XHTML 1.0:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
oppure un altro, preso dal sito www.tin.it, che ha un doctype HTML 4.01:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
Dobbiamo trattenerci dalla tentazione di dire che un DOCTYPE è ‘migliore’ di un altro, perché non esiste una regola vera e propria, l’unica regola è che i tag che si utilizzano siano ‘attinenti’ e ‘conformi’ al dtd specificato (e non magari ad un altro).
Occupiamoci ora della sintassi, dopo il classico <!DOCTYPE , scritto in maiuscolo:
Le differenze fra una versione e l’altra spaziano dalla diversa renderizzazione a video delle larghezze di alcuni elementi, alla disposizione non corretta (al mm, o al pixel) degli stessi.
Scendendo più in dettaglio, tramite un singolo DTD riconosciuto da tutti i browser dovrebbe essere possibile la renderizzazione uguale (o comunque simile al 99,99%) di una pagina da parte dei primi, cosa in passato impossibile. Le differenze di renderizzazione tra un browser e un altro si hanno solo nel caso del quirk mode che abbiamo già citato (ovverosia quando non esiste !DOCTYPE o non viene riconosciuto dal browser), in cui ogni browser fa un po’ come vuole. In ogni caso, nel quirk mode vi sono alcune peculiarità comuni a tutti i browser moderni, tra queste, ricordiamo che:
Anche documenti non HTML hanno un loro DTD; e la sintassi per esplicitarlo all’interno del documento è pressoché simile, questo è un esempio trovato su internet che referenzia una abbastanza nota applicazione web2:
<!DOCTYPE web-app
PUBLIC "-//Sun Microsystems, Inc.//DTD Web Application 2.3//EN"
"http://java.sun.com/dtd/web-app_2_3.dtd">
<web-app>
…………
</web-app>