reklama
Na webu pracuji již nějakou dobu a bylo pro mě snadnější psát každý dokument ve formátu HTML místo DOC nebo TXT. Pokud používáte Dokumenty Google, děláte to samé, protože se Dokumenty Google (naštěstí) v podstatě staly editorem WYSIWYG HTML. Vytváření některých šablon dokumentů pomocí HTML a CSS je velmi snadné, může to udělat každý, a pokud to uděláte správně, bude vypadat stejně pro každého.
Proč používat HTML?
Mým největším důvodem, proč jít na čistě dokumenty HTML a CSS, je to, že je to pravděpodobně nejkompatibilnější formát napříč prohlížeči a operačními systémy, s výjimkou formátu PDF, což je velmi obtížné a / nebo nákladné studna. Používání sady Microsoft Office také není nejlepší. Používám sadu Office 2007, která používá mnoho dalších funkcí, které nejsou podporovány předchozími verzemi, takže kvalita může být snížena. Kdo ví, jak budou tyto dokumenty vypadat například v Open Office? Pokud vytvoříte dokument HTML, který vypadá stejně jako v Internet Exploreru a Firefoxu, který jste vytvořili dokument, který si mohou uživatelé Mac, Linux a Windows otevřít, a bude vypadat stejně na 99% prohlížečů.
Co je CSS a HTML?
Pokud jste pro tuto celou věc kódování HTML a CSS nováčkem, nebuďte znepokojení. Je to velmi snadné a na webu najdete spoustu zdrojů, které vám pomohou. HTML a CSS kód je to, co tvoří většinu toho, co vidíte na této stránce zde, HTML řídí obsah, zatímco CSS určuje styl nebo způsob prezentace obsahu.
Jak mohu vytvořit šablonu?
No, budete muset studovat trochu kódu. Naštěstí je HTML a CSS velmi snadno pochopitelné. Chcete-li například určitému objektu ohraničení, stačí napsat
rámeček: 1px černá pevná látka
. Tím vytvoříte pevný černý rámeček o šířce 1px. Existuje spousta možností formátování, které můžete vyhledávat a používat, mým návrhem je vizualizovat, co chcete, a poté trochu prohledat a najít, jak to udělat. Nejzákladnější šablonou by byl prázdný soubor HTML, podívejte se níže.
Sem přejde název stránky
Všechen váš styl jde sem
Zde se nachází obsah vaší stránky.
Poté můžete toto vše vyplnit obsahem a stylem a vytvořit svůj dokument. Podívejte se na příklad 1, příklad 2 a příklad 3 Udělal jsem. Mějte na paměti, že kód v těle, obsah je přesně stejný, změním pouze kód CSS. To ukazuje, že styling můžete použít k rychlému vytvoření různých vzhledů.
Proč je to tak skvělé?
Důvod je tak úžasný, že si můžete vytvořit vlastní styly, které se mohou stát jakýmsi „ochranným znakem“ vašich dokumentů. Jakmile CSS dokončíte, můžete jej CSS kód vyjmout a vložit. Můžete také propojit v šabloně stylů, takže pokud ukládáte dokumenty online, nemusíte do vlastního souboru zahrnout CSS. To znamená, že můžete propojit různé šablony stylů pro různé příležitosti a nemusíte dokument neustále upravovat.
CSS také umožňuje rychlejší úpravy dokumentů stylově. Dávám přednost tomu, aby moje dokumenty vypadaly dobře, protože se tak cítím lépe as CSS se proces formátování stává mnohem méně zátěží. Když určíte styl nadpisu, bude použit pro všechny nadpisy tohoto typu. To znamená, že nemusíte jednotlivě měnit barvu pozadí, barvu písma, tučné písmo a podtržení nadpisu, stačí jej zadat jednou.
Protože Google Docs má nyní plnou podporu CSS, můžete zkopírovat stylingový kód do Docs a změňte vzhled svých dokumentů, aniž byste museli obcházet formátování každého jednotlivého záhlaví čas.
Kde se mohu dozvědět více?
Jak jsem řekl, CSS je jednoduchý nástroj, nicméně vyžaduje určité základní znalosti. HTML je podobně logické a snadno se učí, doporučuji W3Cschools pro oba. Naučil jsem se toho spoustu toho, co dnes vím, pro základní potřeby je to jedno z nejlepších webů na internetu. W3C také vyvíjí webové standardy, takže si můžete být jisti, že vše, co na své stránce píšou, funguje.
Další stránka, ze které jsem se hodně naučil, byla Váš zdroj HTML. Tato stránka obsahuje HTML a CSS a také několik pokročilých tipů na kódování, propagaci, přístupnost a obecně způsob, jak vytvořit dobrý web. Má však skvělou pomoc s CSS, rozhodně stojí za návštěvu.
Nakonec se můžete podívat na některé související blogy a články, jako je toto úžasné zaokrouhlování základní techniky CSS a 53 technik, bez kterých nemůžete žít.