Vztahy mezi programy

no doporucil by som zacat u HTML, to je latina weberov, na nej vsetko stoji (a pada)

urcite by vam pomohlo pouzivat dreamweaver prepnuty na Coder
tento Koder jednak doplna tagy / a tiez upravuje zle pouzite tagy

photoshop - je bitmapovy editor, teda program na tvorbu stranok ono sa to da najelpsie ucit ruka v ruke
ted ked potrebujes na stranku nejku ikonku alebo obrazok tak si zapnete photoshop a snazite sa vytvorit pozadovany obrazok

o vzajomnej previazanosti sa neda priamo hovorit. vzajomnu previazanost maju napr PhotoShop a Imageready alebo FireWorks a Dreamweaver ale to uz je torchu ina previazanost.

Flash - je nastroj na tvorbu dynamickych animacii, kombinuje vektorovu aj bitmapovu grafiku teda zas nieco uplne ine.

Zacat sa da rozne
napriklad da sazacat tak ze si urobite vo PhotoShope grafiku ktoru si napr cez ImageReady rozrezete a ulozite ako html (volba ulozit optimalizovane ako), potom si pustite dreamweaver a upravite/doplnite kod ktory vygeneroval imageready.

tiez je mozne zacat v dreamwaveru, a doplnat si grafiku podla potrieb.

no a na koniec sa da urobit cela stranka vo flashy, osobne vam to nedoporucujem pretoze flash player (aplikacia umoznujuca prehravanie flash animacii/suborov), je produktom macromedie (teraz uz adobe) a uzivatel si ju musi stiahnut a nainstalovat. teda nie vsetci uzivatelia ju maju

Vyuzitie falshu je velmy prinosne na animovanu grafiku teda rozne, bannery atd...

S pozdravom a prianim peknho zbytku dna
Tomas Domanik | iSOL.cz

takže po poriadku... keď začneš robiť novú webovú prezentáciu najprv je potrebné urobiť grafický návrh (to ako má stránka vyzerať). Keďže sa jedná o grafiku je vhodné nato použiť nejaký grafický editor. Jeden z grafických editorov je napr. Photoshop (sú aj iné) Vo photoshope si proste celú tú stránku nakreslíš, a potom si ju rozrežeš na menšie obrázky a tie rozrezané obrázky si uložíš. Keď už máš obrázky nastupuje časť tvorby html kódu. HTML kód je v podstate text a na písanie textu slúžia textové editory. Tých existuje tiež veľa a niektoré sú špeciálne urobené na písanie HTML kódu, napr. Dreamweaver (oproti obyčajným textovým editorom (poznámkový blok,..) majú niekoľko výhod (napr. že sú html tagy farebne odlíšené od obsahu, čo umožnuje lepšiu orientáciu v kóde, ...). No a keď máš urobenú grafiku + HTML kód, tak stránka je hotová.

Flash dokáže robiť animácie, rôzne efekty z obrázkami, textom, zvukom, .... Je to v podstate taká "nadstavba". Má to však jednu dosť veľkú nevýhodu, a to tú, že keď dáš nejaký flash na stránku, tak niekto, kto si tú stránku pozerá, musí si nainštalovať do svojho počítača program (flash player), ktorý ti ten tvoj flash dokáže zobraziť... Flash sa vkladá do stránky pomocou textového editora (Dreamweaver)

čiže v podstate na tvorbu webu potrebuješ grafický editor, textový editor a veľa chuti do práce :)

Tomáš Domanik

photoshop - je bitmapovy editor
aj s vektormi vie celkom pekne pracovať :)

vie ale je to hlavne bitmapovy editor
s vektormi vie pracovat iba okrajovo
a neda sa zrovnavat s Ilustratorom alebo corelom

Ja to skúsim napísať v niekoľkých bodoch.

Ako sa väčšinou postupuje pri tvorbe stránky:
* Nápad, premyslenie, určenie cieľu
* Graficky návrh, zo začiatku možno v hlave a na papieri
* Realizácia grafického návrhu v bitmapovom/vektorovom editore, napríklad Photoshop, Fireworks (oba Adobe), Paint Sho Pro
* Tvorba šablóny z grafického návrhu - rozrezanie graf. návrhu a vytvorenie layoutu - Notepad, Dreamweaver, KWrite, Vim
* Implementácia skriptov (PHP, JavaScript, ASP atď...), poprípade zakomponovanie šablóny do komplexu - CMS, engine - Notepad, Dreamweaver, KWrite, Vim
* Naplnenie obsahu - Notepad, Dreamweaver, KWrite, Vim, často aj integrovaný editor v komplexe (CMS a pod.)
* Vytvorenie doplnkovej grafiky (reklamné prvky a pod.) - Flash, Photoshop, Fireworks, ImageReady a pod.

Stručný popis programov:
* Photoshop, Fireworks, ... - väčšinou statická grafika, návrhy
* Flash, ImageReady - väčšinou animovaná grafika, poprípade jednoduchšie aplikácie (použitie Flashu)
* Notepad, KWrite, Vim, PSPad - textové editory bez podpory vizuálnej tvorby stránok
* Dreamweaver, Frontpage, GoLive - vizuálna tvorba stránok (s možnosťou editácie kódu)

jozob
Ako sa väčšinou postupuje pri tvorbe stránky:
Volil bych jiné pořadí:
1) Zapřemýšlet, proč chci vlastně stránky udělat, pro koho budou určeny a co na nich bude (informační hodnota)
2) Vytvořím jednotlivé HTML dokumenty (se zřetelem na sémantiku a validitu; zřetel nemusí znamenat 100%), a to bez jakéhokoli CSS formátování (o grafickém formátování pomocí HTML už vůbec nesmí být ani řeč!). Budou-li stránky v PHP, možno tak.
3) Teprve nyní grafický nápad (může ale zrát v hlavě během předchozího; jen by je neměl převážit, protože za důležitější považuji obsah, ne formu); pokud nemám zcela jasnou grafickou představu, tak i na papíře.
4) Papíry zkonzultuji s několika dobrovolníky – co jim přijde na stránce dominantní, co se jak jmenuje (je-li to pochopitelné), třeba slovo menu ¤ navigace atp. Totéž mohu zkusit i na monitoru – jako obrázek, maketu.
5) Vytvoření grafických prvků v příslušných programech (fotošop, fleš…)
6) Poskládání dohromady pomocí CSS
7) Je-li to nutné, přidat javascript
8) Druhá korektura (viz bod 4)
9) Umístit stránky na web.

Miloš
Tvorím stránky vo webdesignérskom teame, tam iné poradie aké som uviedol asi nepripadá do úvahy. Jednoducho to prebieha asi takto:
0.) Vedúci projektu urobí bod 1 (hovorím o mojich, vyššie uvedených bodoch)
1.) Grafik urobí bod 2 a 3
2.) Ja dostanem PSD dokument, ten musím rozrezať a vytvorím HTML šablónu
3.) Vytvorenú HTML šablónu pošlem PHP kóderovi, ten ju zapracuje do systému
4.) Nakoniec sa to naplní obsahom a doplnkovou grafikou

Neviem si predstaviť, ako by to prebiehalo inak. Ja ako HTML kóder nemám šancu uhádnuť layout stránky, na to je treba najskôr grafika. A predsa grafik ako umelec nebude robiť HTML. Čo sa týka oddelenia štruktúry + obsahu od designu, to je samozrejmá vec, o tú sa starám ja (HTML kóder). A mnou popísaným postupom sa robia všetky kvalitné weby, postupuje tak veľa webdesignérských spoločností. Tvoj návrh by síce mohol zvládnúť jeden človek, ale jeden človek nemôže byť naraz profícky grafik, HTML+CSS kóder, JS kóder, vedúci projektu, PHP kóder... U jednoduchších webov to môže fungovať, ale nie u zložitých a veľkých projektov.

jozob
Jasně, ale to asi nebude situace, ve které se nachází misa-s, proto ta moje oprava.