Web Design

Ahojte na stránke venovanej tvorbe www stránok a všetkého čo je s tým spojené.

Ide tu predovšetkým o praktické záležitosti, ale samozrejme je tu aj troch tej teórie. Keďže hlavne tej teoretickej časti na webe je dostatok, hlavne čo sa týka tvorby pomocou Java Scriptu a Javy rozhodol som sa, že nebudem vytvárať nové návody na učenie sa Java Scriptu a tvorby HTML, ale sústredím sa na praktické záležitosti. Ale aj pre tých, ktorý sa chcú ponoriť hlbšie do Javy a tvorby HTML tu mám množstvo možností. Snažil som sa sem sústrediť všetky dobré on-line príručky k spomínaným problémom a to ako aj v Angličtine, aj v inom zrozumitelnejšom jazyku.
Nosnou časťou tejto stránky má byť však praktická časť okolo tvorby webu. Je tu množstvo obrázkov na pozadia, množstvo ďalšej grafiky určenej na tvorbu webu ale aj návody ako postupovať v grafických programoch pri vytváraní zaujímavých grafických návrhoch pre ľudí ktorí vlastne kresliť nevedia. Veď načo sú nám tie počítače, že.

S množstvom materiálov, ktoré sú tu, ste sa už mohli stretnúť na iných častiach webu. Keď som zvažoval čo všetko by tu malo byť dospel som k záveru, že je zbytočné vytvárať niečo čo už je hotové a možno ešte v lepšej kvalite ako by som bol schopný vytvoriť ja. Ale na druhej strane som nechcel mať stránku plnú odkazov na ďalšie zdroje. A keďže som dostal dostatočný priestor, tak som sem umiestnili výber www stránok s danou problematikou.

Grafika je v dnešnej dobe nosnou časťou webu. Už sa dá nájsť len veľmi málo www stránok, ktoré by nepoužívali grafiku. Nájdeme však aj stránky ktoré su grafikou úplne prešpikované a vlastného textu je tam len veľmi málo. Takéto stránky však nie sú veľmi vhodné na dnešné použitie, lebo však všetci dobre vieme ako rýchlo nám modem ťahá.
Samozrejme, že sa tu nachádza množstvo grafiky k stiahnutiu počínajúc maličkými ikonami, končiac množstvom pozadí.
Na stránkach www.xoom.com nájdete kopu ďalších obrázkov. Konkrétne môžete ísť priamo na server media.xoom.com do adresára website. Tu sú adresáre s obrázkami určené pre web (len adresár animated-gifs má okolo 300MB). Takže príjemný download (ak vám to odtiaľ) pôjde pomaly skúste mi poslať mail, ja by som to mohol mať stiahnuté a dočasne to dať niekde na slovenský server... Ale to len čisto teoreticky, je toho strašne veľa)

Tu sú uvedené základné tipy čo na stránku treba dať a čoho sa radšej vyvarovať.

Výuka HTML: Tu je jeden skvelý popis HTML tagov. Myslím, že je to celé dobre spracované, ku väčšine tagov sú aj príklady a v kombinácii s dobrou knihou je to skvelá vec. Príručku napísal (c) 1996 Till Schwalm, CLS-Online a do češtiny preložil (c) 1996 Ivan Heisler, CHIP Special.
Ďalšou skvelou príručkou HTML je Veľká kniha internetu, ktorú robí Singer. Nájdete tu step-by-step príručku k html, pripravuje sa javascript a java.
Do tretice je na fornaxe SUPERman, čo sú návody ku všeličomu. Tu je taktiež návod na tvorbu html stránok.
Takže je z čoho vyberať

Výuka Java Scriptu: Java script je vec, ktorá dokáže skvele vylepšiť HTML stránku a dokáže veci, ktoré pomocou HTML nie sú dosiahnuteľné. Odporúčam ju používať, aj keď nebeží na všetkých browseroch (textových - nečudujte sa, aj také sa stále v hojnej miere používajú). Výhodné použitie je tam, kde HTML dokument vyzerá čitateľne aj bez Java Scriptu, ale pomocou nej zlepšíme dokument vizuálne. Platí to isté čo o grafike. Bez Javy je všetko funkčné (čitateľné), ale s ňou to je omnoho lepšie. Táto vec je v angličtine, ale je skutočne dobrá (aj ja som sa z nej učil). Napísal ju ©1996,1997 by Stefan Koch. Ak budem mať trocha času, tak sa to pokúsim preložiť, alebo skúste Javascript Destination. Nájdete tu seriál o Java Scripte, ale aj množstvo rôznych hotových programov pripravených na použitie.

Java - ďalšie možnosti na rozhýbanie html stránok. Aj keď podľa mena by sa dalo predpokladať, že je to niečo podobné Java Scriptu, je to úplne niečo iné. V prvom rade je to plnohodnotný programovací jazyk, pravdepodobne najviac sa podobajúci jazyku C. Ja tu nebudem písať o programovaní v Jave, ale dám sem zopár hotových Java apletov, ktoré môžete na svojej stránke použiť. Ďalšie Java Applety nájdete na www.developer.com. Tam kliknite na directories a potom na Java (je tam aj nejaké ActiveX a podobne).

Tip 1: Pluginy - Eye Candy 3.0
Pluginy sú tá vec, ktorá pomôže grafickým antitalentom robiť zaujímavé grafické výplody. Týka sa to hlavne textovej grafiky, teda rôznych nápisov a podobne. Ale pomocou pluginou môžeme upraviť už hotový obrázok tak, že ho nikto nespozná a teda je akože náš.
Tip 2: Obrázky v Java Scripte
Je tu návod na použitie jednoduchého Java Scriptu, ktorý vám Rozhýbe Linky (rozumej odkazy na web, nie tie modemové). Skript robí to, že keď prejdete myšou ponad nejaký obrázok, tak sa zmení na iný a tým upúta pozornosť.
Tip 3: Tlačítka
Tu je napísané ako vytvoriť zaujímavé tlačítko (niečo na čo klikáme aby sme sa dostali na inú adresu).
Tip 4: Software
Software = základná časť ak chceme niečo vytvoriť (na počítači). Neviem prečo som sa k tomu dostal až vo 4 časti, ale aspoň vidíte ako sa tvorí bez prípravy. Píšem čo ma napadne. Ale vážne - je tu niečo o HTML editoroch, grafike a o tom ako dostať web na server.
Tip 5: Americký štýl
Americký štýl webu je dosť odlišný od európskeho, aj keď aj európa sa k nemu začína približovať. Nechcem tu písať o Amerike, ale je tu podla mňa typický príklad toho ako vyzerá klasická americká stránka
Tip 6: Nadpisy
Nadpisy robené ako obrázok značne vylepšia www stránku, takže sa podne spolu pozrieť ako na to.
Tip 7: Priehľadnosti
Tu pojednávam trochu o priehľadnosti, hlavne o priehladných textoch a ich pozadiach. Pomocou priehľadností sa dá spraviť zaujímavý efekt. Treba skúsiť.
Tip 8: Pozadie
Pozadie HTML stránky prispieva veľkou časťou k designu. Hovorím tu o použití veľkého obrázku v pozadí, nie malých aké sa tu dajú stiahnuť a bežne sa používajú.
Tip 9: Oblúky
Už ste sa nasýtili pravidelných html stánok ? Čo tak niečo nové - oblúky na www stránke. Každopádne to je dosť zaujímavé na to, aby si to každý všimol. Pomocou tejto techniky je možné mať menšie okno v ktorom je hlavný text a okolo neho mať nejakú grafiku.
Tip 10: Stojace pozadie
Tu je napísané niečo o novom tagu, ktorý síce pozná len MSIE, čo je škoda, ale je celkom zaujímavý. Spraví to, že pozadie nebude skrolovať, skrolovať bude iba text na ňom.
Ďalej tu je príklad, ako spraviť stránku, ktorá bude mať stabilnú veľkosť okna v ktorom je dokument. Teda nie až tak stabilnú, ako určitú. Okno môže byť menšie, nie však väčšie.... (dúfam, že chápete)
Tip 11: Veľká animácia
Tu je napísané niečo o tom, ako si spraviť animáciu, ktorá bude zaberať veľké miesto, ale pritom nebude veľká (čo do bytov). Táto animácia by mala byť ako horný nápis v okne.
Tip 12: Paint Shop Pro 5
A máme tu novú verziu. Kedysi jednoduchý program sa zmenil na niečo veľmi zaujímavé a začína sa približovať profesionálnym grafickým programom.
Tip 13: Xara 3D a Xara WebStyle
Tieto dva geniálne programy určite spríjemnia prácu každému kto vytvára web-stránky a v grafike nie je veľmi zdatný.
Tip 14: Midi hudba v pozadí
Prišiel na mňa dotaz, či neviem ako na midi. Nevedel som. Ale nedalo mi a skúsil som sa po tom poobzerať. Tomu človeku to totiž hralo len v IE a v NN nie. Skúste toto:

<embed src="main.mid" hidden="FALSE" align="baseline" width="25" height="25" autostart="FALSE" loop="TRUE"></embed> Mne toto funguje v IE4 aj v NN4 (ostatne neviem, nemám nainštalované...) ale mohlo by to fungovať aj v starších browseroch. Atribúty nejdem vysvetľovať snáď sú jasné. Len v IE4 mi akosi nefungovalo nastavenie veľkosti a nefungovala hlasitosť... Ja odporúčam nechať atribút HIDDEN="FALSE" aby bolo možné hudbu vypnúť.
Tip 15: Všetko spolu
V tomto tipe je spojené to čo bolo v predchádzajúcich, takže je tu pekne vidieť čo sa dá spraviť pospájaním jednoduchých častí a celé sa to dá spraviť v Paint Shop Pro 5.
Tip 16: Dynamické vrstvy
Tu je ukázané celkom zaujímavé použitie vrstiev v java-scripte pri tlačítkach. V podstate ide o niečo podobné ako v tipe 2, ale s podstatne väčším efektom.
Tip 17: Ako stránky zaregistrovať do vyhladávačov
Takže stránky máte hotové a stále žiadny návštevník. V čom to asi tak môže byť???