Uvod mame a teraz sa pozrieme na vnutornosti webu. Pekne si ho jeho tvorbu rozpitveme organ po organe, clanok po clanku.
Ako som uz pisal v uvodnom clanku, poradie tovrenia webu: design, umiestnenie a napln je postup pre zaciatocnikov a nikdy z toho nic dobre nevznikne. Mozno to bude vyzerat pekne ale to je tak vsetko, co takyto web dokaze.
Teraz sa budeme venovat prvej a neodlucitelnej faze uplne kazdeho projektu, nielen z IT. Predpokladam, ze mnohy z Vas uz tusia, ze to je analyza a maju pravdu. Bez toho, aby som vedel co chcem robit, neurobim nic okrem blbosti. To aby nieco dobre vyzeralo je druhorada zalezitost. Ako poznamenal moj spoluziak, aj carbanie a pisanie po okraji novin je istou formou analyzy :).
V prvom rade si detailne ujasnime co chceme robit, ako to ma fungovat. Ak niekto bude tvorit web pre zakaznika treba si detailne povedat, co tam chce mat, a ako to ma fungovat. Styl zadavania zakaziek ako "Chcem prezentaciu na webe" taktiez nestaci.
Pokecame si teda zo zakaznikom, ludia trpiaci samomluvou si mozu aj sami zo sebou a vytiahneme od neho zopar zakladnych informacii. Postupne si vytvorite vlastny zoznam, ktory vam pomoze odstranit informacny sum. Ja tu nacrtnem daky ten zaklad, co by mal kazdy takyto rozhovor obsahovat:
1) o com vlatne web bude a komu bude urceny
2) co vsetko by mal web poskytovat
3) aka je pozadovana/predpokladana navstevnost webu
4) aka velka ma byt uroven administracie
5) aky velky moze byt rozpocet
Mno tak jeden organ je vyrezany. Teraz si ho narezeme na jemne platky, zlahka orestujeme nad miernym ohnom a ako prilohu mozeme podavat hranolky alebo americke zemiaky. OK, zase k tej milej analyze.
1) Z tohoto bodu by mal vychadzat celkovy dojem aby web pre firmu zapodievajucou sa zdravotnymi pomockami nevyzeral ako undergound punk (Nic proti tomuto stylu ale niekde sa fakt nehodi). Ak je web urceny len urcitej skupine ludi, je jeho dojem lepsie specifikovatelny (vid. blackhole pre ludi "poznacenych" konzolou- Me too.).
2) Tento bod by mal urcit, ci zakaznik chce len 4 staticke stranky ako portfolio, kontakt, atd. alebo chce aj istu formu interaktivity ako galerie, fora, newsy, atd. Podla tohto bodu sa mozeme rozhodnut ci pouzijeme opensource cms ako joomla alebo drupal, alebo len vytvorime zopar html stranok. s tadeto taktiez odvodzuje vacsina kriterii pre vyber webhostingu. Ak teda budeme chciet uverejnovat len svoje postrehy alebo nazory na temy, potom nam staci zalozit si blog a mame o tvorbu webu postarane.
3) Ak tvorime web alebo webovy informacny system, ktory sa bude interne vyuzivat, nieje potrebne aby sa dodrziavaly pravidla pre SEO (optimalizacia pre vyhladavace ako google). Ten, kto ma mat k tomuto systemu pristup ho mat bude a ostatnym bude informacia o jeho existencii nanic (vid vysokoskolske informacne systemy pre zapis skusok, kreditov a pod.). Naopak pre komercne firmy alebo organizacie, ktore chcu, aby sa o ich existencii vedelo, tuto optimalizaciu potrebuju viacej ako sol ("Tatinku, ja te mam rada jako... jako... jako optimalizaci." :)).
4) Tu sa tak isto jedna o pouzitie opensource nastrojov, alebo frameworku. Administrovat 4 html stranky a 5 obrazkov v 6 ramcekoch je podla mna blbost. Na druhu stranu, spravit internetovy katalog tovaru a kazdy tyzden ho aktualizovat zo zmenou 50 poloziek v html tiez nieje ziadna vyhra. To radsej pojdem do Ostravy do dolu ako by som mal robit takehoto webmastra pre html (Ale uchylkam v tomto smere sa medze nekladu ;)).
5) Aaa sme pritom. Co chcete a co zato? Taktiez sme spada vyber hostingu s kvalitnym pomerom cena/vykon. Na svojom ohodnoteni takisto nesetrite. Ine uz je, ked nieco robite pre znamych, alebo pre seba. Kazdopadne tato kategoria nam ovplyvni ako hosting, tak pocet komponent webu a aj jeho kvalitu.
Tak na dnes by to bolo vsetko. V bubucej casti sa uz konecne dostaneme k navrhu designu a pohrame sa s Inkscape a Gimpom. Konecne tu nebude len nudny text, ale aj daky ten screenshot.
streda 12. septembra 2007
utorok 11. septembra 2007
Zoznamte sa s Inkscape, SVG a Gimp
Kedze bez vhodnych nastrojov clovek nespravi nic, ako prvy clanok by som chcel venovat dvom nastrojom, podla mna najpopularnejsich z opensource.
Ako prvy by som zmienil Inkscape. Ja ho pouzivam ako zaklad pri tvorbe. Je to vektorovy editor, nieco ako Illustrator alebo CorelDraw. Pracuje s SVG, co je standart xml. Samotny standard podporuje zakladne prvky ako tvary, cesty, prechody, text ... . SVG subor je mozne editovat aj v obycajnom textovom editore. Inkscape ma aj vlastnu skalu nastrojov, ktore dokazu viac veci ako plain SVG. Naprikla mozeme spomenut trasovanie bitmap, texty na krivkach, vrstvy, priame editovanie xml a vela inych. Samozrejme podporuje import formatov jpeg, png, tiff, ai a mnoho ostatnych vektorovych formatov
Dalsim spominanym nastrojom je Gimp. Tento, na rozdiel od inkscape, je bitmapovy editor. Je to nastroj zrovnatelny s Photoshop-om. Dokaze importovat aj vektorove formaty ako svg. S jeho sirokou skalou efektov, scriptov a podporovanych formatov je gimp viac nez dobrou alternativou pre komercne programy.
A teraz, preco som to vlastne vsetko pisal?
Pri tvorbe webu je zakladom funkcnost, design a prehladnost. Tieto casti webu by sa mali plynule prelinat a len tak mozeme dostat kvalitny web. Ja sa budem venovat viac-menej designu, ale ako sami uvidite, zvysne dva prvky su jeho neoddelitelnou sucastou.
Po pripravnej faze (u mna vacsinou carbani na papier) sa mozeme pustit do samotneho designu. A tu prichadza prvy nastroj Inkscape. Rozmietnime si hlavne komponenty, nastylujeme ich, pridame efekty a pre screenshot aj dake texty style Lorem ipsum (ich generator je tiez sucastou inkscape). To bude asi tak vetko, na co inkscape vyuzijeme. Potom si jednotlive casti vyexportujeme. Bohusial inkscape nedokaze exportovat casti objekov ale len cele objekty. Moznost rozrezat objekt a tak ho vyexportovat je tu tiez, ale podla mna, je to zbytocna namaha. Preto teraz prichadza na radu gimp. To mozeme objekty rozrezat, pripadne pridat dalsie efekty.
V predposlednej fazy si uz mozeme vytvorit css a html template. Na to uz nam naozaj staci obycajny textovy editor podla vlastneho vkusu.
Ako vidite, nastrojov je mnoho a treba ich vediet vyuzit. Na buduce by som Vam chcel ukazat, ako vytvorit pekny web aj bez tychto nastrojov a napriek tomu s modernym vzhladom.
Ako prvy by som zmienil Inkscape. Ja ho pouzivam ako zaklad pri tvorbe. Je to vektorovy editor, nieco ako Illustrator alebo CorelDraw. Pracuje s SVG, co je standart xml. Samotny standard podporuje zakladne prvky ako tvary, cesty, prechody, text ... . SVG subor je mozne editovat aj v obycajnom textovom editore. Inkscape ma aj vlastnu skalu nastrojov, ktore dokazu viac veci ako plain SVG. Naprikla mozeme spomenut trasovanie bitmap, texty na krivkach, vrstvy, priame editovanie xml a vela inych. Samozrejme podporuje import formatov jpeg, png, tiff, ai a mnoho ostatnych vektorovych formatov
Dalsim spominanym nastrojom je Gimp. Tento, na rozdiel od inkscape, je bitmapovy editor. Je to nastroj zrovnatelny s Photoshop-om. Dokaze importovat aj vektorove formaty ako svg. S jeho sirokou skalou efektov, scriptov a podporovanych formatov je gimp viac nez dobrou alternativou pre komercne programy.
A teraz, preco som to vlastne vsetko pisal?
Pri tvorbe webu je zakladom funkcnost, design a prehladnost. Tieto casti webu by sa mali plynule prelinat a len tak mozeme dostat kvalitny web. Ja sa budem venovat viac-menej designu, ale ako sami uvidite, zvysne dva prvky su jeho neoddelitelnou sucastou.
Po pripravnej faze (u mna vacsinou carbani na papier) sa mozeme pustit do samotneho designu. A tu prichadza prvy nastroj Inkscape. Rozmietnime si hlavne komponenty, nastylujeme ich, pridame efekty a pre screenshot aj dake texty style Lorem ipsum (ich generator je tiez sucastou inkscape). To bude asi tak vetko, na co inkscape vyuzijeme. Potom si jednotlive casti vyexportujeme. Bohusial inkscape nedokaze exportovat casti objekov ale len cele objekty. Moznost rozrezat objekt a tak ho vyexportovat je tu tiez, ale podla mna, je to zbytocna namaha. Preto teraz prichadza na radu gimp. To mozeme objekty rozrezat, pripadne pridat dalsie efekty.
V predposlednej fazy si uz mozeme vytvorit css a html template. Na to uz nam naozaj staci obycajny textovy editor podla vlastneho vkusu.
Ako vidite, nastrojov je mnoho a treba ich vediet vyuzit. Na buduce by som Vam chcel ukazat, ako vytvorit pekny web aj bez tychto nastrojov a napriek tomu s modernym vzhladom.
pondelok 10. septembra 2007
Oda na blogger
...k zverejneniu svojich postrehov, napadov a k ich komentovaniu nepotrebujete znalost html.
Ako prvy prispevok by som rad venoval tomu, co vlastne umoznuje to, aby ste si mohli citat tenro prispevok. Myslim, skoro kazdy, kto tento prispevok cita, zhruba tusi co to ten blog je. Ja osobne ho tiez pouzivam prvy krat. Mylim si, ze jeho ovladanie je jednoducha ako zalozit si emailovy ucet.
Ak mate v umysle zalozit si svoju vlastnu stranku, ktora by obsahovala nieco o Vas, co robite a co mate radi, tak blog je ta spravna cesta. Nemusite si preto kupovat ziadne velke bichle o html, php a mysql. Staci si nasjt server ako blogger a mozete si jednoducho svoju stranku naklikat. Je to spojenie aplikacie vytvarajucej web ako aj starajucej sa o jej zverejnenie. Pred par rokmi (a to este taky stary niesom), ste si bez znalosi html museli zadovazit daky ten wisywig editor. V nom ste si sice napisali stranku lahko ako na papier ale potom ste si museli zhanat web hosting. Niekoho, kto vam vasu stranku da na web a tak ju spristupni ostatnym. A takuto pracu ste si museli dat len so statickymi strankami.
Blog vam umoznuje dynamicke editovanie Vasich prispevkov a tak isto aj moznost komentovania inymi citatelmi. A to je len velmi zhruba co dokaze ponuknut.
Samozrejme, ze taky blog neznamena rovno spasu ludstva a oslobodenie web developerov od ich prace. Blog sa naozaj hodi len na mensie stranky. Myslim, ze spravit e-shop v blogu je ozaj nemozne. Teda mozno by to aj slo, ale z takej stranky by som usiel okamzite po tom, ako by som objavil jej "intuitivne" ovladanie. Pre vacsie projekty tu mame zo sveta open source pomocku CMS ako joomla a drupal. Ale to si necham na buduce, aby som mal o com pisat. ;)
Ako prvy prispevok by som rad venoval tomu, co vlastne umoznuje to, aby ste si mohli citat tenro prispevok. Myslim, skoro kazdy, kto tento prispevok cita, zhruba tusi co to ten blog je. Ja osobne ho tiez pouzivam prvy krat. Mylim si, ze jeho ovladanie je jednoducha ako zalozit si emailovy ucet.
Ak mate v umysle zalozit si svoju vlastnu stranku, ktora by obsahovala nieco o Vas, co robite a co mate radi, tak blog je ta spravna cesta. Nemusite si preto kupovat ziadne velke bichle o html, php a mysql. Staci si nasjt server ako blogger a mozete si jednoducho svoju stranku naklikat. Je to spojenie aplikacie vytvarajucej web ako aj starajucej sa o jej zverejnenie. Pred par rokmi (a to este taky stary niesom), ste si bez znalosi html museli zadovazit daky ten wisywig editor. V nom ste si sice napisali stranku lahko ako na papier ale potom ste si museli zhanat web hosting. Niekoho, kto vam vasu stranku da na web a tak ju spristupni ostatnym. A takuto pracu ste si museli dat len so statickymi strankami.
Blog vam umoznuje dynamicke editovanie Vasich prispevkov a tak isto aj moznost komentovania inymi citatelmi. A to je len velmi zhruba co dokaze ponuknut.
Samozrejme, ze taky blog neznamena rovno spasu ludstva a oslobodenie web developerov od ich prace. Blog sa naozaj hodi len na mensie stranky. Myslim, ze spravit e-shop v blogu je ozaj nemozne. Teda mozno by to aj slo, ale z takej stranky by som usiel okamzite po tom, ako by som objavil jej "intuitivne" ovladanie. Pre vacsie projekty tu mame zo sveta open source pomocku CMS ako joomla a drupal. Ale to si necham na buduce, aby som mal o com pisat. ;)
Prihlásiť na odber:
Príspevky (Atom)
