Reklaam
Olen juba mõnda aega veebis töötanud ja tegelikult on mul olnud lihtsam kirjutada iga dokument HTML-vormingus DOC või TXT asemel. Kui kasutate Google Docsi, teete tegelikult sama, kuna Google Docsist on (õnneks) saanud sisuliselt WYSIWYG HTML-i redaktor. Mõnede dokumendimallide loomine HTML-i ja CSS-i abil on väga lihtne, seda saavad teha kõik ja kui seda õigesti teha, näeb see kõigile ühesugune välja.
Miks kasutada HTML-i?
Minu suurim põhjus puhtalt HTML- ja CSS-dokumentide kasuks on see, et see on ilmselt kõige ühilduvam vorming brauserites ja operatsioonisüsteemides, välja arvatud PDF-vormingus, mida on väga raske ja/või kallis teha hästi. Microsoft Office'i kasutamine pole samuti parim. Kasutan Office 2007, mis kasutab palju lisafunktsioone, mida varasemad versioonid ei toeta, seega võib kvaliteet langeda. Kes teab, kuidas need dokumendid näiteks Open Office'is välja näevad? Kui loote HTML-dokumendi, mis näeb teie loodud Internet Exploreris ja Firefoxis välja täpselt samasugune dokument, mida saavad avada Maci, Linuxi ja Windowsi kasutajad ning mis näeb 99% puhul sama välja brauserid.
Mis on CSS ja HTML?
Kui olete kogu selle HTML-i ja CSS-i kodeerimisega uustulnuk, ärge kartke. See on väga lihtne ja veebist leiate palju ressursse, mis teid aitavad. HTML- ja CSS-kood moodustavad suurema osa sellest, mida sellel lehel siin näete, HTML reguleerib sisu, CSS aga stiili või sisu esitamise viisi.
Kuidas ma saan malli luua?
Noh, peate natuke koodi õppima. Õnneks on HTML-i ja CSS-i väga lihtne mõista. Näiteks objektile äärise andmiseks lihtsalt tippige
ääris: 1px must tahke
. See loob 1 piksli laiuse musta tahke äärise. Seal on palju vormindamisvalikuid, mida saate otsida ja kasutada. Minu soovitus on visualiseerida, mida soovite, ja seejärel veidi otsida, et leida, kuidas seda teha. Kõige elementaarsem mall oleks tühi HTML-fail, vaadake allpool.
Teie lehe sisu läheb siia.
Seejärel saate dokumendi loomiseks selle kõik sisu ja stiiliga täita. Heida pilk peale näide 1, näide 2 ja näide 3 Ma tegin. Pidage meeles, et kood kehas, sisu on täpselt sama, muudan ainult css-koodi. See näitab, et saate stiili abil kiiresti erinevaid välimusi luua.
Miks see nii tore on?
Põhjus, miks see nii vinge on, seisneb selles, et saate luua enda jaoks kohandatud stiile, millest võib saada teie dokumentide omamoodi "kaubamärk". Saate CSS-koodi välja lõigata ja kleepida ning sisule mõelda, kui olete selle lõpetanud. Samuti saate stiilitabelil linkida, nii et kui salvestate dokumente võrgus, ei pea te CSS-i faili endasse lisama. See tähendab, et saate erinevateks puhkudeks linkida erinevaid stiililehti ja te ei pea dokumenti pidevalt muutma.
CSS võimaldab ka dokumentide stiilipõhiselt kiiremat redigeerimist. Eelistan, et mu dokumendid näeksid head välja, sest tunnen end nii lihtsalt paremini ja CSS-i abil muutub vormindamise protsess palju väiksemaks. Kui määrate pealkirja stiili, rakendatakse seda kõigile seda tüüpi pealkirjadele. See tähendab, et te ei pea ükshaaval muutma päise taustavärvi, fondi värvi, rasvasust ja allajoonimist, vaid määrate selle lihtsalt üks kord.
Kuna Google Docsil on nüüd täielik CSS-tugi, saate lihtsalt kopeerida oma stiilikoodi Docsi ja kleepida muutke oma dokumentide välimust, ilma et peaksite iga pealkirja a-punktis vormindama aega.
Kust ma saan rohkem teada?
Nagu ma ütlesin, on CSS lihtne tööriist, kuid see nõuab siiski mõningaid põhiteadmisi. HTML on samamoodi loogiline ja kergesti õpitav, soovitan W3Ckoolid nende mõlema jaoks. Õppisin seal palju sellest, mida täna tean, põhivajaduste jaoks on see üks parimaid saite võrgus. W3C arendab ka veebistandardeid, nii et võite olla kindel, et kõik, mis nad oma lehele kirjutavad, töötab.
Teine leht, millelt ma varem palju õppisin, oli Teie HTML-i allikas. See leht sisaldab HTML-i ja CSS-i ning ka mõningaid täpsemaid näpunäiteid kodeerimise, reklaamimise, juurdepääsetavuse ja üldiselt hea veebisaidi loomise kohta. Sellel on suur CSS-i abi, kindlasti tasub külastada.
Lõpuks saate vaadata mõnda seotud ajaveebi ja artiklit, nagu see suurepärane kokkuvõte olulised CSS-i tehnikad ja 53 tehnikat, ilma milleta ei saa elada.
