Annuncio
Lavoro sul web da un po' di tempo ormai, e in realtà ho trovato più facile scrivere ogni documento in formato HTML invece che DOC o TXT. Se usi Google Docs, in realtà stai facendo lo stesso, dal momento che Google Docs è (per fortuna) essenzialmente diventato un editor HTML WYSIWYG. La creazione di alcuni modelli di documenti utilizzando HTML e CSS è molto semplice, può essere eseguita da tutti e, se eseguita correttamente, sembrerà uguale a tutti.
Perché usare l'HTML?
Il motivo principale per cui preferisco documenti puramente HTML e CSS è che è probabilmente il formato più compatibile tra browser e sistemi operativi, ad eccezione del formato PDF, che è molto difficile e/o costoso da realizzare bene. Anche l'utilizzo di Microsoft Office non è il massimo. Uso Office 2007 che utilizza molte funzionalità extra non supportate dalle versioni precedenti, quindi la qualità potrebbe essere ridotta. Chi sa come appariranno questi documenti in Open Office, ad esempio? Se crei un documento HTML che ha esattamente lo stesso aspetto in Internet Explorer e Firefox che hai creato un documento che può essere aperto da utenti Mac, Linux e Windows e avrà lo stesso aspetto sul 99% dei browser.
Che cos'è CSS e HTML?
Se sei nuovo a tutta questa cosa della codifica HTML e CSS, non allarmarti. È molto semplice e puoi trovare molte risorse sul web per aiutarti. Il codice HTML e CSS è ciò che costituisce la maggior parte di ciò che vedi in questa pagina qui, HTML governa il contenuto, mentre CSS governa lo stile o il modo in cui il contenuto viene presentato.
Come posso creare un modello?
Bene, dovrai studiare un po' di codice. Per fortuna, HTML e CSS sono molto facili da capire. Per dare ad un oggetto un bordo, ad esempio, basta digitare
bordo: 1px nero solido
. Questo creerà un bordo solido nero largo 1 pixel. Ci sono un sacco di opzioni di formattazione che puoi cercare e usare, il mio suggerimento è visualizzare ciò che vuoi e poi cercare un po' per trovare come farlo. Il modello più semplice sarebbe un file HTML vuoto, dai un'occhiata qui sotto.
Il contenuto della tua pagina va qui.
Puoi quindi riempire tutto questo con contenuti e stili per creare il tuo documento. Date un'occhiata al Esempio 1, esempio 2 e esempio 3 Ho fatto. Tieni presente che il codice nel corpo, il contenuto è esattamente lo stesso, sto solo cambiando il codice CSS. Ciò dimostra che puoi utilizzare lo stile per creare rapidamente look diversi.
Perché è così fantastico?
Il motivo per cui è così fantastico è che puoi creare stili personalizzati per te stesso che possono diventare una sorta di "marchio di fabbrica" dei tuoi documenti. Puoi tagliare e incollare il codice CSS e pensare al contenuto dopo averlo finalizzato. Inoltre, puoi collegare il foglio di stile, quindi se archivi documenti online, non devi includere il CSS nel file stesso. Ciò significa che puoi collegare fogli di stile diversi per occasioni diverse e non devi modificare il documento tutto il tempo.
I CSS consentono inoltre una modifica più rapida dei documenti in termini di stile. Preferisco che i miei documenti abbiano un bell'aspetto perché mi sento meglio così, e con i CSS il processo di formattazione diventa molto meno oneroso. Quando specifichi uno stile di intestazione, verrà applicato a tutte le intestazioni di quel tipo. Ciò significa che non è necessario modificare singolarmente il colore di sfondo, il colore del carattere, il grassetto e la sottolineatura di un'intestazione, è sufficiente specificarlo una volta.
Inoltre, poiché Google Docs ora ha il pieno supporto CSS, puoi semplicemente copiare e incollare il tuo codice di stile in Docs e cambia l'aspetto dei tuoi documenti senza dover formattare ogni singola intestazione una alla volta tempo.
Dove posso saperne di più?
Come ho detto, CSS è uno strumento semplice, ma richiede comunque alcune conoscenze di base. L'HTML è altrettanto logico e facile da imparare, mi raccomando W3Cschools per entrambi. Ho imparato molto di quello che so oggi lì, per i bisogni primari è uno dei migliori siti in rete. Il W3C sviluppa anche gli standard web, quindi puoi essere sicuro che qualunque cosa scrivono sulla loro pagina funziona.
Un'altra pagina da cui ho imparato molto era La tua sorgente HTML. Questa pagina contiene HTML e CSS e anche alcuni suggerimenti avanzati su codifica, promozione, accessibilità e in generale su come creare un buon sito web. Ha un ottimo aiuto per i CSS, merita sicuramente una visita.
Finalmente puoi dare un'occhiata ad alcuni blog e articoli correlati come questa fantastica carrellata di tecniche CSS essenziali e 53 tecniche senza le quali non puoi vivere.