Sova v síti - 2/6 - vydáno 1.7.2002
Dobrý den, další číslo Sovy v síti je na světě :-)
OBSAH
-- Setkání autorů a čtenářů Sovy v síti
-- Jak si založit weblog
-- Odpovídáme na dotazy čtenářů
SETKÁNÍ AUTORŮ A ČTENÁŘŮ SOVY V SÍTI
Začalo léto a posezení pod kaštany u chladivého moku je čím dál
tím lákavější. Proto jsme se s Martinem Koptou rozhodli uspořádat
malé, neformální setkání autorů a čtenářů Sovy v síti v pražské
zahradní restauraci Na Květnici (kousek nad Nuselskou radnicí).
Máte-li v úterý 2. července (tj. pro většinu z vás zřejmě dnes)
navečer chvíli čas, přijďte posedět a popovídat si o radostech
a strastech webdesignérských i jiných. Jste vítáni, ať už jste
minulí, současní či budoucí autoři Sovích článků, nebo jen běžní
čtenáři.
Podrobnější informace o akci, místu a čase konání vám pošle
automatický odpovídač, pokud odešlete email na adresu
mailto:na.kvetnici.2002-07-02.18.00@garcon.cz
Email může může být prázdný, ale potěší nás, když nám napíšete
nějaký vzkaz, např. jak se už na nás těšíte ;-) Připsat můžete
i telefon, na který vás případně budeme informovat, dojde-li
k nějaké změně.
Těšíme se na setkání,
Marek Prokop & Martin Kopta
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Doporučte sovu v síti vašim přátelům. Přepošlete jim toto číslo,
nebo použijte formulář na http://www.sovavsiti.cz/recommend.html
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
JAK SI ZALOŽIT WEBLOG
Marek Prokop
Soudě podle statistiky přístupů si mnozí z vás oblíbili weblog
Sovy v síti a pravidelně ho navštěvujete. A protože takový weblog
představuje jeden z technicky nejsnažších způsobů, jak začít
publikovat na Webu, popíši vám, jak si ho založit a spravovat.
+ Co je to weblog a k čemu se hodí
Pro ty z vás, kteří se s weblogy zatím nesetkali, nejprve pár
slov o tom, co to vlastně weblog je. Weblog, často též nazývaný
jen blog, je webová stránka obsahující zpravidla kratší,
chronologicky uspořádané zápisy. Jedná se tedy o jakýsi webový
deník, či seznam novinek.
Zaměření weblogů je velmi pestré. Nejčastěji se jedná
o komentované odkazy na jiné webové stránky, články a aktuální
informace. Weblog je však možné použít i pro přehled firemních
novinek, odborné či všeobecné zpravodajství, publikování článků
a esejí, nebo třebas i poezie. Chcete-li si udělat lepší
představu, podívejte se na weblogy [1], [2] a [3].
Weblog ovšem není jen výsledná stránka, kterou vidí čtenář.
Tímto termínem se zpravidla označuje i systém, kterým se weblog
spravuje. V podstatě se jedná o jednodušší systém pro správu
obsahu (CMS, Content Management System).
Systémů pro správu weblogu existuje možná pár desítek. Já se však
zaměřím na ten nejznámnější s jednoduchým názvem Blogger [4].
+ Jak funguje Blogger
Princip Bloggeru je velmi jednoduchý. Jedná se o aplikaci plně
přístupnou webovým prohlížečem, která vám umožní vkládat,
opravovat a případně též rušit jednotlivé zápisy. Každé přidání
a změna se hned zapíše do databáze Bloggeru a volitelně může být
též ihned promítnuta na vaše stránky.
Aktualizace vašeho webu se děje tak, že Blogger vygeneruje
příslušné soubory (stránky) a protokolem FTP je pošle na váš
server. Vždy se generuje jednak hlavní stránka weblogu obsahující
navolený počet příspěvků a stránka archivu, kde jsou příspěvky
trvale uloženy.
Hlavní stránka může obsahovat buď posledních n zpráv (n lze
zvolit v konfiguraci systému), nebo zprávy za poslední den,
týden, či měsíc. Datum vytvoření přiděluje zprávám Blogger
automaticky při vložení (nikoli opravě).
Archivní stránky seskupují zprávy za týden či měsíc (opět lze
zvolit při konfiguraci). Kromě přístupu ke starým zprávám
poskytují archivní stránky ještě jednu důležitou vlastnost a tou
jsou trvalé odkazy na jednotlivé zprávy (tzv. permanentní linky,
neboli permalinky).
Hlavní stránka má totiž jen jedno URL a jak na ní přibývají nové
zprávy, vytlačují postupně zprávy starší. Tím pádem by nemělo
smysl se na jednotlivé příspěvky na hlavní stránce odkazovat.
Blogger proto vždy, když generuje hlavní stránku, vytvoří
i příslušnou stránku archivní a označí ji záložkou. Do příspěvku
na hlavní stránce pak můžete umístit odkaz na tuto záložku
a umožnit tak čtenářům, odkazovat se na trvalé URL zprávy
v archivu.
Pro generování souborů používá Blogger šablony, které si
vytvoříte při počáteční konfiguraci. Lze vytvořit zvlášť šablonu
pro hlavní stránku a zvlášť šablonu pro index archivu. Šablony
mohou obsahovat libovolný HTML kód a zvláštní značky, které
Blogger při generování stránek nahradí příslušnými údaji. Ti,
kteří vůbec neumí HTML, si mohou vybrat z několika předem
připravených šablon.
Přístup ke všem těmto funkcím má samozřejmě pouze oprávněný
správce weblogu, který se musí přihlásit svým jménem a heslem.
Správcem weblogu však nemusí být vždy jen jeho majitel. Přístup
lze povolit i dalším osobám, která pak mají stejná práva. Tak lze
vytvořit kolaborativní weblog (viz např. [3]), do kterého může
paralelně přispívat více autorů.
+ Jak si založit vlastní weblog
Jediné, co potřebujete k založení vlastního weblogu, je místo na
webovém serveru, kde budou vaše stránky uloženy. Může se jednat
o webhosting s minimem možností. Nepotřebujete žádné skriptování
na straně serveru, žádnou databázi; podmínkou však je standardní
FTP přístup.
Ve skutečnosti ani nemusíte mít vlastní server či hostovaný
prostor. Blogger lze provozovat i na bezplatném hostingu BlogSpot
[5], ale to byste pak nemohli použít vlastní doménu a to by byla
škoda. Proto zde budu popisovat pouze FTP variantu.
Samotné založení weblogu je velmi jednoché. Postupujte takto:
1) Otevřete si domovskou stránku Bloggeru [4] a vytvořte si nový
uživatelský účet (modrý box vpravo).
2) Jakmile se přihlásíte svým jménem a heslem, klikněte na odkaz
"Create new blog" (na pravém okraji). Tím přejdete na první
stránku průvodce pro vytvoření nového weblogu.
3) Do formuláře zadejte název (title) a popis (description)
vašeho weblogu. Dále zvolte, zda má být odkaz na něj zveřejněn na
stránkách Bloggeru v sekci naposledy aktualizovaných weblogů.
4) Dále je třeba zadat údaje o vašem webovém serveru. Zvolte
variantu "FTP" (nikoli "BlogSpot") a na další stránce pak zadejte
URL hlavní stránky vašeho budoucího weblogu a přístupové údaje
k FTP serveru.
5) Na poslední stránce průvodce si vyberte některou z nabízených
šablon (pro začátek). Poté se již dostanete na stránku, kterou
budete nadále používat pro správu vašeho weblogu.
6) Klikněte na odkaz "Settings" (nastavení) v horním menu.
Zde můžete měnit nastavení FTP účtu a další volby. Chcete-li
dosáhnout stejného nastavení, jako má weblog Sovy v síti, zadejte
tyto hodnoty:
Show: 7 days' posts
(na hlavní stránce se budou zobrazovat příspěvky za posledních
sedm dní)
Order Posts: reverse chronologically
(příspěvky budou seřazeny od nejnovějšího k nejstaršímu)
Význam ostatních voleb je jasný, nebo méně podstatný. Zcela dole
na stránce si můžete nainstalovat velmi užitečný příkaz "Blog
This!" (zabloguj to) do kontextového menu nebo toolbaru
prohlížeče (zkoušel jsem s IE5+/Win). To se vám bude hodit, až
budete chtít do weblogu zaznamenat odkaz na nějakou stránku,
kterou budete mít právě otevřenou v prohlížeči.
+ Jak si upravit šablony
Standardní šablony Bloggeru vám asi z jazykových důvodů vyhovovat
nebudou. Klikněte tedy na "Template" v horním menu a dostanete se
do editoru šablon. Vše vám asi bude jasné ze vzorové šablony
a z dokumentace v dolní části stránky, avšak pozor -- dostat do
šablony českou diakritiku není tak jednoduché.
Existuje několik způsobů, jak toho dosáhnout. Pokud máte
k dispozici skriptování na straně serveru, lze všechny české
texty do stránky vkládat pomocí SSI. Obdobně lze české texty
vkládat pomocí externího JS -- ve zdrojovém kódu weblogu Sovy
v síti [1] se můžete podívat jak. Poslední možnost je převést
všechny české znaky na HTML entity. K tomu vám může pomocí
převodník [6], který jsem také použil. Zdrojový kód [1] vám opět
poslouží jako příklad.
Šablonu archivu (přesněji jeho indexu) si upravíte na stránce
"Archive" (z hlavního menu), odkaz "archive template". Kliknutím
na odkaz "archive settings" (ze stránky "Archive"), si také
můžete upřesnit časový rozsah jednotlivých archivních souborů
a další vlastnosti archivu. Podrobný návod je zobrazen přímo na
stránce.
+ Jak do weblogu přispívat
Weblog máte vytvořen a zbývá už jen jediné -- začít ho plnit
příspěvky. Je to velmi jednoduché. Základní způsob spočívá v tom,
že se přihlásíte na stránkách Bloggeru [4] a kliknete na název
svého blogu v pravém sloupci. Tím se dostanete do administračního
rozhraní (které již znáte), do horní části zapíšete text svého
příspěvku a kliknete na příkaz Post & Publish v horní listě
tlačítek.
Já jsem si oblíbil jiný způsob přidávání příspěvků. Pokud
používáte Internet Explorer 5+ (Windows), můžete si
v administračním rozhranní Bloggeru nainstalovat favelet
BlogThis. Ten se usadí jako běžný odkaz v oblíbených položkách
vašeho prohlížeče a když ho pak při prohlížení nějaké stránky
použijete, otevře vám okénko pro zadání příspěvku. V editační
ploše okénka je již předvyplněn odkaz na právě prohlíženou
stránku a k dispozici jsou opět tlačítka Post a Post&Publish.
K administračnímu rozhraní Bloggeru se tak budete vracet jen když
je potřeba něco opravit.
Pokud chcete příspěvek zatím jen uložit, ale ještě nepublikovat,
použijete pouze tlačítko Post. Více dosud nepublikovaných
příspěvků lze publikovat tlačítkem Publish.
Než napíšete první příspěvek, je vhodné si promyslet, jak ho
budete formátovat. Blogger umí automaticky vkládat zalomení řádků
(
; závisí na nastavení), ale pokud jako my preferujete
odstavce (), musíte tuto volbu vypnout (viz výše) a odstavce
vymezovat značkami
ručně. Vhodné je též uvážit, zda budete
jednotlivé příspěvky uvozovat nadpisy, a pokud ano, tak jaké
úrovně (
, , ...).
Přeji vám hezké blogování :-)
+ Odkazy
1. Weblog Sovy v síti
http://www.sovavsiti.cz/weblog/
2. Médiář Miloše Čermáka
http://www.mediar.cz/
3. Kolaborativní weblog MetaFilter
http://www.metafilter.com/
4. Systém pro správu weblogu Blogger
http://blogger.com/
5. Bezplatný hosting BlogSpot
http://www.blogspot.com/
6. Online převodníku českých znaků na Unicode
http://mlha.cz/utf8/utf8.php?n=20ac
ODPOVÍDÁME NA DOTAZY ČTENÁŘŮ
Od vydání posledního čísla Sovy přišlo do redakce tolik dotazů,
že zde můžeme zodpovědět jen malý zlomek. Nenechejte se však
odradit a klidně posílejte dotazy dál. I když se na vás
s odpovědí nedostane, pomůžete nám tím lépe zaměřit budoucí
články.
Takovým typickým dotazem je např. tento:
> Vážená redakce,
> jsem pravidelným čtenářem Vašeho časopisu Sova v síti a pečlivě
> sleduji všechno co se týká CSS. Zhruba rok již programuji ASP
> stránky a měl bych dotaz ohledně CSS. Když udělám formátování
> stránky pomocí CSS (např. Třísloupcový web podle Intervalu) mám
> potom do jednotlivých sloupečků, tzn. divů, vložit tabulky a
> nebo pokračovat dál ve formátování pomocí CSS? Pokud ano mohli
> by jste mi prosím naznačit jakým způsobem, když chci udělat
> složitou strukturu článků, obrázků, atd? Možná by to zajímalo
> i ostatní čtenáře.
Ano, ostatní čtenáře by to jistě zajímalo také a my již proto
máme rozepsaný článek o tom, jak krok za krokem postupovat při
tvorbě stránek plně založených na standardním (X)HTML a CSS.
Jiný čtenář si posteskl:
> Nedávno jste psali článek o vyhledávání na svých stránkách
> pomocí serveru Atomz. Chtěl jsem to tedy vyzkoušet, ale bohužel
> jsem odkaz "members" a mnoho dalších vůbec nenašel.Zřejmě změna
> designu. Mohli byste mi prosím vás aspoň trochu pomoci?
Na fulltextové prohledávání vlastních stránek se stále ptá mnoho
čtenářů a proto náš původní článek o Atomzu brzy zaktualizujeme
a případně přidáme i další možnosti.
Čtenářka Šárka se ptá:
> prosim o radu, ohledne pouzivani CSS stylu - selektory s
> kontrolou existence atrbutu popr. s atributem dane hodnoty.
> Informace jsem cerpala na adrese
> http://www.webtip.cz/art/wt_p_html/wt_cssserial_003.html .
> Uvedene postupy se mi ale nedari prevest do praxe (pouzivam
> IE 5.5).
Bohužel se vám to, Šárko, hned tak nepovede. Tento typ selektorů
totiž zatím funguje jen v Mozille. V IE si na něj ještě budeme
muset počkat. Už teď je však vhodné s touto možností počítat
a částečně ji využít. My např. ve weblogu Sovy v síti zásadně
uvádíme atribut "hreflang" u všech odkazů na stránky v jiných
jazycích (tedy nejčastěji hreflang="en"). Až se více rozšíří
podpora CSS, budeme moci upravit náš stylesheet tak, že se za
každý odkaz na anglický text vloží malá anglická vlaječka.
Zatím by to fungovalo jen v Mozille, která již umí i potřebné
vlastnosti pro generovaný obsah. Šlo by však vytvořit i dočasné
řešení v IE založené na JavaScriptu a DOM. Důležité tedy je, že
obsah už nese tuto informaci, kterou kdykoli v budoucnu budeme
moci dále využít.
A ještě jeden dotaz na CSS:
> mohli by ste mi prosím doporučiť/poslať zaručený (fungujúci vo
> väčšine prehliadačov) návod zhotovenia 2-3 stĺpcové
> poziciovanie s hlavičkou a patičkou spravenú v css štýle?
> Zvolil by som ho ako základ pre moje stránky. Nikde sa k tomuto
> návodu nemôžem dostať.
>
> Osobne používam plávajúci 3 stĺpcový, ibaže má svoje muchy:
> o.i. prostredný stĺpec po zúžení stránky skočí pod ľavý a pravý
> stĺpec = pokazí sa kostra stránky :(
Popsanému efektu při zúžení okna prohlížeče snadno předejdete
tím, že celý obsah stránky (tj. všechny tři sloupce) uzavřete do
jednoho DIVu, který bude mít pevně definovanou šířkou v pixelech
nebo em tak, aby se do něj všechny tři sloupce vešly.
Alternativně též můžete použít layout založený na absolutním
pozicování. Střednímu sloupci určete dostatečně široké svislé
okraje (margin-left a margin-right) a na ně absolutním pozicování
umístěte krajní sloupce.
Na závěr ještě dodám, že popisovaný efekt, tj. přesunutí sloupců
pod sebe při zúžení okna prohlížeče vůbec nemusí být na závadu.
Naopak, stránka se tím stane přístupnější i na velmi úzkých
displejích (např. palmtopů). Je ovšem třeba s tím při návrhu
počítat a správně rozvrhnout logické pořadí sloupců.
A to je pro dnešek vše. Mějte se krásně a pokud vám vyjde
chvilka, zastavte se dnes večer Na Květnici :-)
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Nechcete, nebo naopak chcete dostávat Sovu v síti?
Odběr lze odhlásit odesláním zprávy na unsubscribe@sovavsiti.cz.
Přihlásit se lze odesláním zprávy na subscribe@sovavsiti.cz, nebo
formulářem na adrese http://www.sovavsiti.cz/.
Chcete nám cokoli sdělit? Uvítáme vaše náměty, připomínky,
kritiku, atd. na adrese mailto:redakce@sovavsiti.cz.
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Není-li v konkrétním případě uvedeno jinak, je autorem všech
publikovaných článků Marek Prokop. Tento ezin, nebo jeho
libovolnou část můžete volně šířit dále, pokud současně uvedete
zdroj následujícím způsobem:
_________________________________________________________________
Sova v síti -- (c) 2001 Marek Prokop -- http://www.sovavsiti.cz/