Hirdetés
Már egy ideje dolgozom a weben, és valóban könnyebbnek találtam minden dokumentumot HTML formátumban írni DOC vagy TXT helyett. Ha a Google Dokumentumokat használja, akkor valójában ugyanezt teszi, mivel a Google Docs (szerencsére) lényegében WYSIWYG HTML-szerkesztővé vált. Néhány dokumentumsablon létrehozása HTML és CSS használatával nagyon egyszerű, mindenki meg tudja csinálni, és ha jól csinálja, akkor mindenki ugyanúgy fog kinézni.
Miért használjunk HTML-t?
A legnagyobb okom a tisztán HTML és CSS dokumentumok mellett az, hogy valószínűleg ez a leginkább kompatibilis formátum böngészők és operációs rendszerek között, kivéve a PDF formátumot, amelyet nagyon nehéz és/vagy költséges megvalósítani jól. A Microsoft Office használata szintén nem a legjobb. Az Office 2007-et használom, amely sok olyan extra funkciót használ, amelyet a korábbi verziók nem támogatnak, ezért előfordulhat, hogy a minőség romlik. Ki tudja, hogy fognak kinézni ezek a dokumentumok például Open Office-ban? Ha olyan HTML-dokumentumot hoz létre, amely pontosan ugyanúgy néz ki az Ön által létrehozott Internet Explorerben és Firefoxban egy dokumentum, amelyet Mac, Linux és Windows felhasználók is megnyithatnak, és a dokumentumok 99%-án ugyanúgy fog kinézni böngészők.
Mi az a CSS és HTML?
Ha még nem ismeri ezt az egész HTML- és CSS-kódolási dolgot, ne ijedjen meg. Ez nagyon egyszerű, és az interneten rengeteg segédanyagot találhat. A HTML- és CSS-kód az, ami a legtöbbet alkotja, amit ezen az oldalon lát, a HTML szabályozza a tartalmat, míg a CSS a stílust vagy a tartalom megjelenítési módját.
Hogyan tudok sablont létrehozni?
Nos, tanulmányoznia kell egy kicsit a kódot. Szerencsére a HTML és a CSS nagyon könnyen érthető. Ha például egy objektumnak szegélyt szeretne adni, csak írja be
szegély: 1px fekete szilárd
. Ezzel egy 1 képpont széles fekete, tömör keret jön létre. Rengeteg formázási lehetőség van, amelyeket megkereshet és használhat, az én javaslatom az, hogy képzelje el, mit szeretne, majd keressen egy kicsit, hogy megtalálja, hogyan kell csinálni. A legalapvetőbb sablon egy üres HTML-fájl lenne, vessen egy pillantást alább.
Az oldal tartalma ide kerül.
Ezután mindezt kitöltheti tartalommal és stílussal a dokumentum létrehozásához. Vessünk egy pillantást példa 1, 2. példa és 3. példa Én készítettem. Ne feledje, hogy a kód a törzsben, a tartalom pontosan ugyanaz, csak a css kódot változtatom. Ez azt mutatja, hogy a stílus segítségével gyorsan különböző megjelenéseket hozhat létre.
Miért olyan nagyszerű ez?
Ennek az az oka, hogy ez olyan fantasztikus, hogy egyéni stílusokat hozhat létre saját magának, amelyek a dokumentumok egyfajta „védjegyévé” válhatnak. Kivághatja és beillesztheti a CSS-kódot, és csak gondoljon a tartalomra, miután befejezte. A stíluslapon is hivatkozhat, így ha online tárolja a dokumentumokat, nem kell magában a fájlban szerepeltetnie a CSS-t. Ez azt jelenti, hogy különböző alkalmakra különböző stíluslapokat kapcsolhat össze, és nem kell állandóan módosítania a dokumentumot.
A CSS emellett lehetővé teszi a dokumentumok gyorsabb szerkesztését stílusosan. Jobban szeretem, ha jól néznek ki a dokumentumaim, mert így jobban érzem magam, és a CSS-szel a formázási folyamat sokkal kevésbé megterhelő. Amikor megad egy címsorstílust, az az adott típusú összes címsorra érvényes lesz. Ez azt jelenti, hogy nem kell egyenként módosítania a címsor háttérszínét, betűszínét, félkövérségét és aláhúzását, csak egyszer kell megadnia.
Ezenkívül, mivel a Google Dokumentumok teljes körű CSS-támogatással rendelkeznek, egyszerűen másolja be stíluskódját a Dokumentumokba, és változtassa meg dokumentumai kinézetét anélkül, hogy minden egyes címsort a-nál kell formáznia idő.
Hol tudhatok meg többet?
Mint mondtam, a CSS egy egyszerű eszköz, de ennek ellenére alapvető ismereteket igényel. A HTML hasonlóan logikus és könnyen megtanulható, ajánlom W3Cschools mindkettőjük számára. Ott tanultam sok mindent, amit ma tudok, alapvető igényekre ez az egyik legjobb oldal a neten. A W3C a webes szabványokat is fejleszti, így biztos lehet benne, hogy amit az oldalukra írnak, az működik.
Egy másik oldal, ahonnan sokat tanultam Az Ön HTML-forrása. Ez az oldal HTML-t és CSS-t tartalmaz, valamint néhány haladó tippet a kódolással, promócióval, akadálymentesítéssel és általában egy jó webhely létrehozásával kapcsolatban. Ennek ellenére nagyszerű CSS-segélyt nyújt, mindenképpen érdemes meglátogatni.
Végül megtekinthet néhány kapcsolódó blogot és cikket, mint például ez a fantasztikus összefoglaló alapvető CSS technikák és 53 technika, ami nélkül nem tudsz élni.