Mainos
Olen työskennellyt verkossa jo jonkin aikaa, ja olen itse asiassa huomannut, että on helpompi kirjoittaa jokainen asiakirja HTML-muodossa DOC- tai TXT-muodon sijaan. Jos käytät Google-dokumentteja, teet itse asiassa samoin, koska Google Docsista on (onneksi) tullut WYSIWYG-HTML-editori. Joidenkin dokumenttipohjien luominen HTML: n ja CSS: n avulla on erittäin helppoa, kaikkien voi tehdä sen, ja jos teet sen oikein, se näyttää kaikille samalta.
Miksi käyttää HTML: ää?
Suurin syyni käyttää puhtaasti HTML- ja CSS-dokumentteja on se, että se on luultavasti yhteensopivin muoto kaikissa selaimissa ja käyttöjärjestelmissä, lukuun ottamatta PDF-muotoa, joka on erittäin vaikeaa ja/tai kallista hyvin. Microsoft Officen käyttö ei myöskään ole parasta. Käytän Office 2007:ää, joka käyttää monia lisäominaisuuksia, joita aiemmat versiot eivät tue, joten laatu saattaa heikentyä. Kuka tietää, miltä nämä asiakirjat näyttävät esimerkiksi Open Officessa? Jos luot HTML-asiakirjan, joka näyttää täsmälleen samalta luomissasi Internet Explorerissa ja Firefoxissa asiakirja, jonka Mac-, Linux- ja Windows-käyttäjät voivat avata ja joka näyttää samalta 99 %:ssa selaimet.
Mikä on CSS ja HTML?
Jos olet uusi koko HTML- ja CSS-koodausasiassa, älä huolestu. Se on erittäin helppoa, ja voit löytää verkosta paljon resursseja auttamaan sinua. HTML- ja CSS-koodi muodostavat suurimman osan siitä, mitä näet tällä sivulla, HTML hallitsee sisältöä, kun taas CSS hallitsee tyyliä tai sisällön esittämistapaa.
Kuinka voin luoda mallin?
No, sinun täytyy opiskella hieman koodia. Onneksi HTML ja CSS ovat erittäin helppoja ymmärtää. Jos haluat esimerkiksi antaa objektille reunuksen, kirjoita
reuna: 1px musta kiinteä
. Tämä luo 1 kuvapisteen leveän mustan yhtenäisen reunuksen. Voit etsiä ja käyttää monia muotoiluvaihtoehtoja, ehdotukseni on visualisoida haluamasi ja sitten etsiä hieman, kuinka se tehdään. Yleisin mallipohja olisi tyhjä HTML-tiedosto, katso alta.
Sivusi sisältö menee tänne.
Voit sitten täyttää tämän sisällöllä ja tyylillä luodaksesi asiakirjasi. Katso esimerkki 1, esimerkki 2 ja esimerkki 3 Minä tein. Muista, että koodi rungossa, sisältö on täsmälleen sama, vaihdan vain css-koodia. Tämä osoittaa, että voit käyttää tyyliä luodaksesi erilaisia ilmeitä nopeasti.
Miksi tämä on niin hienoa?
Syy tähän on niin mahtava, että voit luoda itsellesi mukautettuja tyylejä, joista voi tulla asiakirjojen eräänlainen "tavaramerkki". Voit leikata ja liittää CSS-koodin ja ajatella sisältöä, kun olet viimeistellyt sen. Voit myös linkittää tyylitaulukossa, joten jos tallennat asiakirjoja verkkoon, sinun ei tarvitse sisällyttää CSS-koodia itse tiedostoon. Tämä tarkoittaa, että voit linkittää erilaisia tyylisivuja eri tilanteisiin, eikä sinun tarvitse muokata asiakirjaa koko ajan.
CSS mahdollistaa myös asiakirjojen nopeamman muokkaamisen tyylillisesti. Pidän parempana asiakirjani näyttävän hyvältä, koska tunnen oloni paremmaksi, ja CSS: n avulla muotoiluprosessista tulee paljon vähemmän taakkaa. Kun määrität otsikotyylin, sitä sovelletaan kaikkiin kyseisen tyypin otsikoihin. Tämä tarkoittaa, että sinun ei tarvitse erikseen muuttaa otsikon taustaväriä, kirjasimen väriä, lihavointia ja alleviivausta, vaan määrität sen kerran.
Koska Google Docsilla on nyt täysi CSS-tuki, voit kopioida ja liittää tyylikoodisi Docsiin ja muuta asiakirjojen ulkoasua ilman, että sinun tarvitsee muotoilla jokaista otsikkoa yksi kerrallaan a aika.
Mistä voin oppia lisää?
Kuten sanoin, CSS on yksinkertainen työkalu, mutta vaatii kuitenkin perustiedot. HTML on yhtä looginen ja helppo oppia, suosittelen W3Cschools molemmille. Opin siellä paljon siitä, mitä tiedän tänään, perustarpeisiin se on yksi verkon parhaista sivustoista. W3C kehittää myös verkkostandardeja, joten voit olla varma, että kaikki mitä he kirjoittavat sivuilleen, toimii.
Toinen sivu, josta opin paljon, oli HTML-lähde. Tämä sivu sisältää HTML: n ja CSS: n sekä joitain edistyneitä vinkkejä koodaamiseen, mainostamiseen, saavutettavuuteen ja yleensä hyvän verkkosivuston luomiseen. Siinä on kuitenkin loistava CSS-apu, ehdottomasti vierailun arvoinen.
Lopuksi voit katsoa joitain aiheeseen liittyviä blogeja ja artikkeleita, kuten tämä mahtava yhteenveto tärkeitä CSS-tekniikoita ja 53 tekniikkaa, joita ilman et voi elää.