Oglas
Već neko vrijeme radim na webu i zapravo mi je bilo lakše pisati svaki dokument u HTML formatu umjesto DOC ili TXT. Ako koristite Google Dokumente, to zapravo i radite, jer su Google Dokumenti u osnovi postali WYSIWYG HTML uređivač. Stvaranje nekih predložaka dokumenata pomoću HTML-a i CSS-a vrlo je jednostavno, mogu ih učiniti svi, a ako to učinite ispravno, svima će izgledati isto.
Zašto koristiti HTML?
Moj najveći razlog za čisto HTML i CSS dokumente je taj što je to vjerojatno najkompatibilniji format putem preglednika i operativnih sustava, osim u PDF formatu, što je teško i / ili skupo učiniti dobro. Korištenje Microsoft Officea također nije najbolje. Koristim Office 2007 koji koristi puno dodatnih značajki koje nisu podržane u starijim verzijama, tako da se kvaliteta može smanjiti. Tko zna kako će izgledati ti dokumenti na primjer u Open Officeu? Ako stvorite HTML dokument koji izgleda potpuno isto u Internet Exploreru i Firefoxu koji ste stvorili dokument koji mogu otvoriti Mac, Linux i Windows korisnici, a izgledat će isto na 99% preglednici.
Što su CSS i HTML?
Ako ste novi u cijeloj stvari kodiranja HTML i CSS, nemojte se uzbuniti. Vrlo je lako i na internetu možete pronaći puno resursa koji će vam pomoći. HTML i CSS kôd čine većinu onoga što vidite na ovoj stranici, HTML upravlja sadržajem, dok CSS upravlja stilom ili načinom na koji je sadržaj prezentiran.
Kako mogu stvoriti predložak?
Pa, morat ćete proučiti malo koda. Srećom, HTML i CSS je vrlo lako razumjeti. Na primjer, da biste objektu dodali granicu, samo ga upišite
obrub: 1px crna kruta tvar
. Ovo će stvoriti crnu obrub široke 1 px. Postoji mnoštvo opcija formatiranja koje možete potražiti i koristiti, moj prijedlog je vizualizacija onoga što želite, a zatim malo pretraživanje kako biste saznali kako to učiniti. Najosnovniji predložak bila bi prazna HTML datoteka, pogledajte dolje.
Ovdje se nalazi naslov stranice
Sav vaš stil stiže ovdje
Ovdje se nalazi sadržaj vaše stranice.
Tada sve to možete ispuniti sadržajem i stylingom kako biste stvorili svoj dokument. Pogledaj primjer 1, primjer 2 i primjer 3 Napravio sam. Imajte na umu da je kod u tijelu, sadržaj potpuno isti, mijenjam samo css kôd. To pokazuje da možete koristiti styling za brzo stvaranje različitih izgleda.
Zašto je ovo tako sjajno?
Razlog zašto je to tako strašan je taj što možete sami kreirati prilagođene stilove koji mogu postati svojevrsni "zaštitni znak" vaših dokumenata. Možete izrezati i zalijepiti CSS kôd i samo smisliti sadržaj nakon što ga dovršite. Također, možete se povezati u tablici stilova, tako da ako pohranjujete dokumente online, ne morate CSS uključivati u samu datoteku. To znači da možete povezati različite tablice stilova za različite prilike i ne morate stalno mijenjati dokument.
CSS također omogućuje brže uređivanje dokumenata stilski. Preferiram da moji dokumenti izgledaju dobro jer se na taj način jednostavno osjećam bolje, a s CSS-om proces oblikovanja postaje mnogo manji teret. Kada odredite stil zaglavlja, primijenit će se na sve naslove te vrste. To znači da ne morate pojedinačno mijenjati boju pozadine, boju fonta, podebljanje i podvlačenje zaglavlja, samo ga jednom odredite.
Također, budući da Google Dokumenti sada imaju punu CSS podršku, možete jednostavno kopirati zalijepiti svoj stilski kôd u Dokumente i promijenite izgled svojih dokumenata, a da pritom ne morate formatirati svaki pojedinačni naslov po a vrijeme.
Gdje mogu naučiti više?
Kao što rekoh, CSS je jednostavan alat, ali svejedno zahtijeva neko osnovno znanje. HTML je logično i lako ga je naučiti, preporučujem W3Cschools za obojicu. Naučio sam puno toga što danas znam tamo, a za osnovne potrebe to je jedno od najboljih mjesta na internetu. W3C također razvija web standarde, tako da možete biti sigurni da sve što napišu na njihovoj stranici funkcionira.
Druga stranica od koje sam mnogo učio bila je Vaš HTML izvor. Ova stranica sadrži HTML i CSS, a također i nekoliko naprednih savjeta o kodiranju, promociji, dostupnosti i općenito kako stvoriti dobru web stranicu. Ima veliku pomoć CSS-a, ali svakako ga vrijedi posjetiti.
Konačno, možete pogledati neke povezane blogove i članke poput ove fantastične skupine osnovne CSS tehnike i 53 tehnike bez kojih ne možete živjeti.