Rozhodnete-li se, ₧e se do v²stavby webovsk²ch strßnek opravdu pustφte, vaÜe prvnφ ·vaha povede sm∞rem k otßzce, kam sv∙j v²tvor umφstit. Prvnφ mo₧nostφ je, ₧e vßÜ internetovsk² poskytovatel (ISP) nabφzφ sv²m zßkaznφk∙m mo₧nost umφstit jejich strßnky -- osobnφ i komerΦnφ -- na svΘm serveru. OvÜem obvykle za urΦitou ·platu. Mnohem levn∞jÜφ eventualita se nask²tß na serverech, kde jejich provozovatel umo₧≥uje jak²mkoli neziskov²m organizacφm a obyΦejn²m u₧ivatel∙m, potulujφcφm se po Internetu, umφstit svΘ strßnky prßv∞ u n∞j, a zcela zdarma. Takov²m serverem je v ╚echßch nap°. znßm² MaMedia (www.mamedia.cz), nebo populßrnφ americkΘ GeoCities (http://www.geocities.com/) Φi CiberCity (http://www.cybercity.hko.net/). Zp∙sob, jak²m si zarezervovat strßnku, je dostateΦn∞ podrobn∞ popsßn na jmenovan²ch serverech.

Plßnujeme

Svoje mφsto na Webu mßte tedy zajiÜt∞no, tak₧e klasik∙v problΘm "kam s nφm" nßs po nßslednΘm zkompletovßnφ strßnek nijak nazaskoΦφ. A m∙₧eme se tedy vrhnout do vym²Ülenφ, plßnovßnφ, rozvrhovßnφ, a rozumn∞ popustit uzdu svojφ fantazii. Jak p°i nßvrhu postupovat, aby vaÜe strßnky byly esteticky p°φjemnΘ, neh²°ily vÜemi druhy pφsma a barev nebo blikajφcφmi nßpisy a vtφrav²mi animacemi (viz vlo₧en² Φlßnek Deset rad, jak vytvo°it skuteΦn∞ nesnesitelnou webovskou strßnku), se takΘ dozvφte hned na n∞kolika mφstech Internetu. Za zhlΘdnutφ stojφ strßnky, kterΘ sv²m designem skuteΦn∞ potvrzujφ to, co jejich auto°i ve sv²ch radßch uvßd∞jφ. Mezi takovΘ pat°φ nap°. p°φjemn∞ st°φdmß Web Page Design Tip (http://stoopidsoftware.com/tips/), rovn∞₧ relativn∞ st°φdmß, ale esteticky velice harmonickß a profesionßlnφ Web Page Design For Designers (http://ds.dial.pipex.com/pixelp/wpdesign/wpdintro.shtml), p°φpadn∞ GDLabs' Design-O-Rama (http://www.glassdog.com/design-o-rama/). Po prostudovßnφ t∞chto materißl∙ budete v∞d∞t, Φeho se na vaÜich domßcφch strßnkßch vyvarovat, Φi naopak jakou "parßdiΦkou" je vylepÜit.

Jazyk HTML

DalÜφ krok na cest∞ za p∞knou a zajφmavou strßnkou je alespo≥ ΦßsteΦnß znalost jazyka HTML. AΦkoli existujφ nßstroje, kterΘ za vßs webovskou strßnku navrhnou v podstat∞ automaticky, a znalost HTML nenφ opravdu pot°eba, jsem trochu na rozpacφch, zda tyto programy s klidn²m sv∞domφm doporuΦit. Snad opravdu jen t∞m, kte°φ technickΘmu (a vlastn∞ i estetickΘmu) aspektu nßvrhu strßnky cht∞jφ v∞novat pouze absolutnφ minimum svΘho Φasu. V p°φpad∞, ₧e se nakonec rozhodnete se na syntaxi, mimochodem velice jednoduchΘho, jazyka HTML podφvat, doporuΦuji nßsledn∞ uvedenΘ adresy. Je p°φjemnΘ, ₧e i na ΦeskΘm Webu se najde plno zajφmav²ch strßnek, kterΘ se zab²vajφ problematikou tohoto jazyka. Poveden² je serißl Ji°φho Koska, kter² vychßzφ v t²denφku Computerworld, a jeho₧ elektronickou podobu naleznete na adrese http://manes.vse.cz/cgi-bin/saczech/toCP1250/~xkosj06/articles/ht ml/index.html. Jin² p°ehledn∞ zpracovan² "manußl" pro tvorbu WWW strßnek hledejte na adrese http://fatty.opf.slu.cz/~slany/www_help/manual.htm, dalÜφ je v tak°ka referenΦnφ podob∞ k dispozici na http://www.kin.vslib.cz/~manca/navody/navod.htm. Pakli₧e vßm z n∞jakΘho d∙vodu odkazy na Φesky psanΘ nßvody nevyhovujφ, lze se rozhlΘdnout i po sv∞t∞. Tam m∙₧e b²t u₧iteΦnΘ navÜtφvit HTML Help (http://www.xmission.com/~giffypop/learnhtm.htm) nebo p∞kn∞ zpracovan² tutorial Teach Me HTML (http://www.geocities.com/Athens/Forum/4977/1.html).

Software

Po n∞kolika dnech, hodinßch nebo minutßch, strßven²ch nad jazykem HTML, si u₧ v∞tÜina z vßs asi troufne pustit se fyzicky do vytvß°enφ webovskΘ strßnky. K tomu bude pot°ebnΘ najφt si na Internetu vhodnΘ nßstroje -- HTML-editory. VelkΘ mno₧stvφ jich m∙₧ete nalΘzt ve znßm²ch sharewarov²ch archivech: www.shareware.com, www.jumbo.com nebo www.windows95.com.

Mezi dobrΘ editory pat°φ nap°. HotDog firmy Sausage Software (http://www.sausage.com/), jen₧ je k dispozici ve verzi Professional a Express (ta je prßv∞ pro ty, kte°φ o HTML nevφ a necht∞jφ v∞d∞t v∙bec nic), dßle editor Luckman WebEdit Pro (http://www.luckman.com/webedit/), dvoucestn² WYSIWYG nßstroj Web Factory Author (http://www.tlco.com/Webfact/author3.htm), znßm² SoftQuad HoTMetaL PRO (http://www.softquad.com/), a zatφm patrn∞ nejlepÜφ HTML-editor, kter² mn∞ osobn∞ p°iÜel pod ruku, HomeSite od Allaire Corp. (http://www.allaire.com). V podstat∞ vÜechny uvedenΘ programy jsou na Internetu k dispozici ve zkuÜebnφch verzφch, tak₧e se m∙₧ete a₧ pozd∞ji rozhodnout, zda zaplatφte po₧adovan² poplatek, a budete editor pou₧φvat i nadßle.

Grafika

Aby vaÜe strßnky nebyly a₧ tak ·pln∞ nezajφmavΘ, urΦit∞ stojφ za to vyÜperkovat je rozumnou dßvkou grafiky. Nemßte-li ₧ßdnou vhodnou p°φmo na svΘm poΦφtaΦi k dispozici, pom∙₧e vßm adresa http://www.ourdomain.com/gallery/index.html a na nφ sφdlφcφ Gallery of Graphics, p°φpadn∞ i nßsledujφcφ strßnky, kterΘ nabφzejφ pom∞rn∞ komplexnφ sadu nßstroj∙, nßvod∙, grafiky a odkaz∙ pro vÜechny tv∙rce webovsk²ch strßnek: The WebDesigners' Heaven (http://home.sol.no/larsarne/heaven/), Mega Web Tools (http://protect.simplenet.com/tools.htm), HTML Goodies (http://www.htmlgoodies.com/).

PoΦφtadlo

A₧ se vßm poda°φ sestavit svou prvnφ webovskou strßnku, urΦit∞ vßs bude zajφmat, kolik nßvÜt∞vnφk∙ vlastn∞ celkem zaznamenala. Proto bude u₧iteΦnΘ umφstit na ni poΦφtadlo. Na zßklad∞ toho si pak snadno odvodφte, ₧e tak mal², resp. velk² "provoz", mß na sv∞domφ bu∩to jejφ obsah, vzhled nebo vÜeobecnß pov∞domost. Jedno takovΘ ve°ejnΘ poΦφtadlo i s nßvodem k instalaci naleznete na tuzemskΘm serveru http://pocitadlo.pinknet.cz/.

Usenet

A jako v₧dy, na zßv∞r (tentokrßt velmi krßtk²) v²Φet diskusnφch skupin Usenetu, kde probφhajφ debaty na dnes probφranΘ tΘma: comp.infosystems.www.authoring.html a comp.infosystems.www.authoring.cgi.

HTML -- (HyperText Markup Language) jednoduch² jazyk, s jeho₧ pomocφ jsou budovßny webovskΘ strßnky. Jeho hlavnφm rysem je mo₧nost vytvß°enφ tzv. hyperlinkov²ch odkaz∙; dφky tomu se m∙₧eme po ¥uknutφ na vybranou Φßst textu nebo na obrßzek p°enΘst t°eba do zcela jinΘho dokumentu, a to v rßmci vlastnφho poΦφtaΦe, lokßlnφ sφt∞ nebo celΘho Internetu.

WWW -- (World Widw Web) dnes nejpopulßrn∞jÜφ Φßst, nebo °ekn∞me slu₧ba, Internetu.

ISP -- (Internet Service Provider) vßÜ poskytovatel pripojenφ k Internetu.

WYSIWYG -- (What You See Is What You Get) "co vidφÜ, to dostaneÜ" -- re₧im, v n∞m₧ pohled na dokument p°i editaci, pln∞ odpovφdß skuteΦnΘ podob∞ dokumentu.

1. Pou₧ijte v²razn² a hodn∞ pestr² podklad, text pak bude tak°ka neΦiteln²
2. Umφst∞te na strßnce co nejvφce animacφ, kterΘ odvedou nßvÜt∞vnφkovu pozornost od obsahu
3. Blikajφcφ text mß podobnou funkci
4. Marquee (na liÜt∞ b∞₧φcφ text) Φte asi jen mßlokdo
5. VelkΘ obrazovΘ mapy zdr₧ujφ nejen u₧ivatele s pomalejÜφm p°ipojenφm
6. ProΦ nepou₧φt i rßmce -- Φφm vφc, tφm lφp
7. Mnoho nefunkΦnφ grafiky vφce ne₧ zdr₧uje a odvßdφ pozornost
8. Hudba na pozadφ je obvykle nesnesitelnß, a nemß-li u₧ivatel zvukovou kartu, je obt∞₧ovßn chybov²mi hlßÜkami
9. SamovolnΘ otvφrßnφ dalÜφch browsovacφch oken snad nepot°ebuje komentß°
10. Neznßm nikoho, koho by zajφmalo oznßmenφ typu Under construction