Šablona pro psaní článků

MyEgo.cz

home foto blogy mywindows.cz kontakt

Šablona pro psaní článků

Pokud někomu posílám článek, píšu jej zásadně v XHTML, je to snadné, a mám nad tím podstatně lepší kontrolu než ve Wordu či OpenOffice Writeru. Nicméně, aby ten článek nebyl formátován jen default stylem browseru, používám zde takovou velice jednoduchou šablonu pro CSS, kterou se článek snadno a přitom docela pěkně a hlavně čitelně ostyluje.

Šablona vypadá takto:

<!DOCTYPE html PUBLIC 
	"-//W3C//DTD XHTML 1.0 Strict//EN" 
	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html><head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Článek</title>
<style type="text/css">
  body, html {background:white; padding:0; margin:0; font-family:Georgia, "Times New Roman", Times, serif;  }
  #content{margin: 10px auto;width:550px; line-height:150%; font-size:small;}
  .box { padding: 5px; margin: 2px auto; text-align:center; font-style:italic}
  .box img {display:block; clear: both; margin:0 auto 5px auto}
  .leftbox {float:left; margin:5px}
  .rightbox {float:right; margin:5px}
  h2 {color:black; background:yellow; padding: 10px; border:1px outset; font-size:large}
  h3 {color:#CC0000; border-bottom:2px solid #CC0000; font-size:medium}
  h4 {color:#000066; border-bottom:2px dotted #000066; font-size:small}
  table {margin:10px auto; border:1px inset black}
  th {background:#CBCBE4}
  td {border:1px solid lightgray}
  p, ul, ol {text-align:justify}
  pre, code {font-family:"Courier New", Courier, mono; background:#F8F8F8; padding:2px; border:1px inset}
  a:link, a:visited {color:#660033}
  a:hover{background:darkred; color:white}
</style>
</head>
<body>
<div id="content">
  <h2>Nadpis článku</h2>
  <p>Text článku...</p>
</div>
</body>
</html>

Pokud někomu pošlete článek v tomto CSS, vypadá to podstatně profesionálněji než v čistém neformátovaném (X)HTML. Jako WYSIWYG editor pro editaci může použít třeba Microsoft Frontpage, Macromedia Dreamweaver, Mozilla nVu, či Adobe GoLive.


Komentáře

  1. 1 lukas 17.06.05, 12:55:44
    FB

    Zajímalo by mě, jestli jsi k tomu nastudoval ty tolik diskutované typografické zásany (např. na typomil.com). Já se k tomu už půl roku pořád nemůžu dokopat ;-)

  2. 2 Radek Hulán 17.06.05, 12:58:37

    [1] rozhodně ne, jedná se o články, které budou publikovány na webu, i proto je posílám v XHTML, ale aspoň to trošku ostyluji, ať se to klientovi více líbí..

  3. 3 David Špinar 17.06.05, 13:12:32
    FB

    Ahoj, máš nějaký důvod, proč začínáš nadpisem H2, a ne H1? Je to proto, že předpokládáš, že v H1 bude nadpis celého webu?

  4. 4 Martin 17.06.05, 13:25:02
    FB

    [1]

    Ono tradicni typograficke konvence lze na webu jen s tezi dodrzovat. Obecne je to dobre, pokud se pise clanek v papirovem ci pdf-like podani, dodrzovat, ale to se take netvori v HTML, ale treba LaTeXu. Takze v tomhle pripade si myslim, ze je nejake vyznamne studovani techto zasad zbytecne - krom volby spravnych kombinaci pisma.

  5. 5 Jiří Macich ml. 17.06.05, 14:42:22
    FB

    Já články na Lupu nebo Interval posílám v úplně surovém XHTML - dokonce jen tělo bez hlavičky. Zatím si nikdo nestěžoval :-) Píšu v PSPadu.

    Chip a Počítač pro každého chtějí formáty MS Office, což je někdy při exportu z OpenOfficu problém :-/

  6. 6 Radek Hulán 17.06.05, 17:21:30

    [3] ano, H1 chápu jako rezervované pro daný web..

  7. 7 Kahi 17.06.05, 18:14:05
    FB

    přemýšlím, jaký je rozdíl mezi solidem a insetem u 1px borderu (u tabulky)...

  8. 8 lukas 17.06.05, 23:08:33
    FB

    [4] Ne, i na webu optimalni vzdalenosti mezi jednotlivymi odstavci a nadpisy rapidne zvysuji citelnost textu. Ale u nejakych webu typu "regionalni kadernictvi" se tim asi nema cenu zabyvat.

  9. 9 Viktor Janeba 19.06.05, 18:33:53
    FB

    [5] aha, Jiri, Vy pisete clanky pro Chip v Open Office! Tak pak uz chapu, proc nam v DTP ve Vasich clancich obcas vypadavaji znaky a generuji se jine ruzne obskurnosti. Openoffice je v defaultnim nastaveni temer nepouzitelna jako zdroj pro sazbu v QXP.

    Srdecne Vas zdravi Viktor Janeba, artditector casopisu Chip.
    p.s. docela usmevne, ze se to ujasnilo v diskusi na tomhle webu, hehe.

  10. 10 Keff 21.06.05, 16:27:34
    FB

    [9] [5] Nedohodli byste se treba na RTF? :))

Nový komentář

Pro přidání komentáře se musíte nejdříve  registrovat Facebookem

Banan.cz