Na vytvorenie jednoduchej internetovej stránky netreba nadpriemerné IQ. Dokáže ju vytvoriť naozaj hocikto (každý gramotný človek so štipkou logiky). Na vytvorenie stránky sú podstatné dve veci: dobrý textový editor, akým je napríklad PSPad a znalosť "jazyku" HTML a CSS.
Hneď na začiatok je nutné podotknúť, že všetok kód je vlastne text. To znamená, že budete vytvárať textový súbor. Ak sa vám nechce inštalovať PSPad, postačí vám aj normálny Notepad. Notepad je však pre pokročilé programovanie nepraktický, čiže tým, čo to myslia vážne odporúčam investovať nejaký ten čas inštaláciou niečoho lepšieho.
Ďalším krokom je ovládanie základných tagov (napr.: ) HTML jazyka. HTML je kostra celého webu. Je jednoduchý a efektívny. Skvelá internetová príručka je na stránke Jak psát web - HTML. Sú tam vysvetlené všetky tagy, ich použiteľnosť, atribúty a iné veci.
Iste ste zvyknutí na Word, kde si jednoducho môžete nastaviť veľkosť, štýl, či farbu písma. Internet tento luxus programátorovi žiaľ neponúka. Programovanie štýlov je bežnou rutinou, ktorej sa nikto nevyhne. HTML ponúka množstvo tagov a atribútov na editáciu textu, no v skutočnosti sa využíva len zlomok. Zväčša sa používa len na ohraničenie istej časti stránky. Môže to byť jedno slovo, alebo dokonca celá skupina textov, obrázkov...
Štýly sa ponechávajú na CSS (Cascading Style Sheets). Znova perfektnú príručku nájdete na stránke Jak psát web - CSS. Obsahu, ktorý si ohraničíte pomocou HTML pridáte už spomínaný štýl práve pomocou CSS. Väčšinou sú tieto štýly uložené v externých súborov a volajú sa pomocou HTML kódu. Oddelením štýlov a samotného obsahu sa výrazne zprehladní kód.
Oddeľovať štýly od obsahu sa oplatí už od úplného začiatku. Samozrejme, text môžete formátovať aj pomocou samotného HTML, no vrele odporúčam zvykať si a aktívne používať CSS. Je to pracnejšie, no v budúcnosti sa bez toho nezaobídete.
Pondelok, 2008, máj 12
Pondelok, 2008, marec 24
Webové prehliadače
Je veľa diskusií o tom, ktorý webový prehliadač je na prácu najlepší. Každý ma svoje výhody a nevýhody. Jednému sa môže páčiť IE, no druhý (napríklad ja) preferuje FireFox. Isté však je, že k práci potrebujete všetky. Každý prehliadač má svoje zvláštnosti a chyby v zobrazovaní. Preto je dobré, ak máte nainštalovaný trojlístok v podobe IE7, FireFox2 a Opera8. Ja mám nainštalované najnovšie verzie, no kludne vám stačia aj staršie. Pre istotu pripájam aj štatistiku, ktorá ukazuje ako sú jednotlivé prehliadače používané.
Internet Explorer je mojou nočnou morou. Verzia 7 je ako tak použiteľná no verzia 6 je úplný prepadák. Je to čierna škvrna v histórií Microsoftu. Také množstvo chýb a mylných zobrazení je až do neba volajúcou nehoráznosťou. Je to ale trpký údel programátorov používať tento prehliadač, keďže je ešte stále najviac používaným prehliadačom na svete. (viz. štatistiky)
FireFox je mojím obľúbeným prehliadačom. Nielenže má jednoduché rozhranie, no ponúka množstvo užitočných nástrojov. Vrele odporúčam nainštalovať si Web Development Toolbar. Kedysi som sa rozhodoval, či budem používať Operu, alebo FF a vybral som si Firefox kôli jednej užitočnej funkcií: prezeranie selektovaného kódu. Stačí si vyselektovať akúkoľvek časť na stránke a v "myšovom" menu (po kliknutí na pravé tlačítko) kliknúť na "Zobraziť zdrojový kód výberu". Najlepšie na tom je, že kód je aktuálny. Zobrazí sa reálny kód a to aj po zmene javascriptom.
Čítal som veľa článkov o tom, ktorý prehliadač je najlepší a v drvivej väčšine vyhrala Opera. Opera je naozaj veľmi dobrá a má výbornú podporu. Môžete si vybrať z mnohých zaujímavých nástrojov. Ja ju však nepoužívam kvôli hore uvedenému dôvodu. Nemám čo dodať.
Internet Explorer je mojou nočnou morou. Verzia 7 je ako tak použiteľná no verzia 6 je úplný prepadák. Je to čierna škvrna v histórií Microsoftu. Také množstvo chýb a mylných zobrazení je až do neba volajúcou nehoráznosťou. Je to ale trpký údel programátorov používať tento prehliadač, keďže je ešte stále najviac používaným prehliadačom na svete. (viz. štatistiky)
FireFox je mojím obľúbeným prehliadačom. Nielenže má jednoduché rozhranie, no ponúka množstvo užitočných nástrojov. Vrele odporúčam nainštalovať si Web Development Toolbar. Kedysi som sa rozhodoval, či budem používať Operu, alebo FF a vybral som si Firefox kôli jednej užitočnej funkcií: prezeranie selektovaného kódu. Stačí si vyselektovať akúkoľvek časť na stránke a v "myšovom" menu (po kliknutí na pravé tlačítko) kliknúť na "Zobraziť zdrojový kód výberu". Najlepšie na tom je, že kód je aktuálny. Zobrazí sa reálny kód a to aj po zmene javascriptom.
Čítal som veľa článkov o tom, ktorý prehliadač je najlepší a v drvivej väčšine vyhrala Opera. Opera je naozaj veľmi dobrá a má výbornú podporu. Môžete si vybrať z mnohých zaujímavých nástrojov. Ja ju však nepoužívam kvôli hore uvedenému dôvodu. Nemám čo dodať.
Obrázkové editory
Pri robení stránok určite použiješ rôzne obrázky a animácie. Ak chceš robiť stránky profesionálne, tak sa im nevyhneš. Často krát sú obrázky a dobrá grafika to jediné, čo donúti ľudí zostať na tvojej stránke dlhšie než 3 sekundy. Veď ktorý blázon by sa namáhal s čítaním obsahu, keď zrakom pochopí veci omnoho rýchlejšie. Ďalšie pravidlo programovania znie: Dobrá grafika = pozitívny ohlas. Nemožno hovoriť o väčšej návštevnosti, lebo na to je potrebných kopec iných vecí.
Je zrejmé, že obrázky sa samé od seba nenakreslia a grafika nevytvorí. Ja na robenie grafiky používam úžasný Fireworks a spolu s ním IrfanView a Paint. Fireworks je síce platený, no narozdiel od Dreamweaveru (od tej istej firmy) sa doňho oplatí vraziť svoje úspory. Používam ho na rôzne účely a je naozaj nepostrádateľný pri mojej práci. IrfanView je jednoduchý program na prezeranie a základné upravovanie obrázkov. Samozrejme, že Fireworks dokáže to isté, no dlho sa loaduje a niekedy potrebujem veľmi rýchlo zmeniť rozmery obrázku, alebo zmeniť jeho formát. Na to bohate postačuje IV.
Je zrejmé, že obrázky sa samé od seba nenakreslia a grafika nevytvorí. Ja na robenie grafiky používam úžasný Fireworks a spolu s ním IrfanView a Paint. Fireworks je síce platený, no narozdiel od Dreamweaveru (od tej istej firmy) sa doňho oplatí vraziť svoje úspory. Používam ho na rôzne účely a je naozaj nepostrádateľný pri mojej práci. IrfanView je jednoduchý program na prezeranie a základné upravovanie obrázkov. Samozrejme, že Fireworks dokáže to isté, no dlho sa loaduje a niekedy potrebujem veľmi rýchlo zmeniť rozmery obrázku, alebo zmeniť jeho formát. Na to bohate postačuje IV.
Editory textu
Textových editorov je neúrekom. Obyčajná stránka sa dá už urobiť aj v normálnom Worde. Pre mňa je rozhodujúcim faktorom pri výbere editoru jeho jednoduchosť a zároveň všestrannosť. Pri písaní kódu nepotrebujete editovať text. Text nieje sám o sebe dôležitý, nikto ho neuvidí a nik ho kontrolovať nebude. Je potrebné aby obsahoval aspoň nasledujúce funkcie: číslovanie riadkov (využíva sa pri hľadaní chýb), zvýrazňovanie kódu a pripojenie na ftp.
Mne sa na písanie kódu najviac osvedčil program PSPad. Donedávna som hrdo používal obyčajný Notepad, no zistil som, že na rozsiahle projekty a na používanie kódovania UTF-8 je nedostačujúci. Posúďte sami. Ďalším vynikajúcim programom, ktorý je však platený je Dreamweaver. To je skôr pre tých, ktorý majú bohatého tatka. Ja nemám (aspoň o tom neviem), tak používam PSPad. Obsahuje skoro všetko čo potrebujem.
Mne sa na písanie kódu najviac osvedčil program PSPad. Donedávna som hrdo používal obyčajný Notepad, no zistil som, že na rozsiahle projekty a na používanie kódovania UTF-8 je nedostačujúci. Posúďte sami. Ďalším vynikajúcim programom, ktorý je však platený je Dreamweaver. To je skôr pre tých, ktorý majú bohatého tatka. Ja nemám (aspoň o tom neviem), tak používam PSPad. Obsahuje skoro všetko čo potrebujem.
Čo je potrebné k programovaniu?
Každý programátor (ak sa tak môžeme nazývať) má svoj vlastný štýl, ktorý nemožno považovať za dobrý, ani za zlý. Ako sa hovorí: proti gustu niet dišputy. Aj ja vždy nachádzam nové a nové možnosti a nástroje.
Dôležitou vlastnosťou každého programátora je podľa mňa vôla zisťovať a objavovať, či riešiť problémy. Ja sám som prebdel veľa nocí na internete čítaním z rôznych stránok a večným riešením obyčajných problémov. Počítač ponúka neskonale veľa možností a sám postupne zisťujem, že umožňuje temer všetko. Nestačí robiť iba s tým čo viem. Vždy je nejaké lepšie riešenie. Vždy sa dá niečo urobiť inak, než to robím. Treba len hľadať. Treba sa sa hrať, skúmať a bádať. Samozrejme niekedy je to deprimujúce, lebo akonáhle niečo urobím, už vidím desať iných možností ako to spraviť, no vždy mám dobrý pocit, že som sa niečo nové naučil.
Ďalšou zručnosťou, ktorá sa hodí a uľahčuje prácu, je písanie všetkými desiatimi prstami. Odkedy som sa naučil strojopis, tak môžem robiť oveľa viac vecí v kratšom čase. Naozaj sa to oplatí. Asi dám taký krátky návod ako písať v ďalšom príspevku, lebo toto je základ všetkého. Okrem toho, strojopis využijete naozaj všade. Od písomných úloh až po úradné dokumenty. V budúcnosti sa tomu zrejme nikto nevyhne a budú sa ho učiť všetci od malička. Kto vie? Každopádne vrele doporučujem sa ho naučiť.
Vývojové prostredie je snáď najdôležitejšie. Je treba niekde písať kód, upravovať obrázky, skúšať skripty a tak... Samozrejme existuje mnoho zaujímavých alternatív a každí si má možnosť vybrať to, čo mu najviac vyhovuje. Ďalej ponúkam moju zostavu programov čo používam.
Dôležitou vlastnosťou každého programátora je podľa mňa vôla zisťovať a objavovať, či riešiť problémy. Ja sám som prebdel veľa nocí na internete čítaním z rôznych stránok a večným riešením obyčajných problémov. Počítač ponúka neskonale veľa možností a sám postupne zisťujem, že umožňuje temer všetko. Nestačí robiť iba s tým čo viem. Vždy je nejaké lepšie riešenie. Vždy sa dá niečo urobiť inak, než to robím. Treba len hľadať. Treba sa sa hrať, skúmať a bádať. Samozrejme niekedy je to deprimujúce, lebo akonáhle niečo urobím, už vidím desať iných možností ako to spraviť, no vždy mám dobrý pocit, že som sa niečo nové naučil.
Ďalšou zručnosťou, ktorá sa hodí a uľahčuje prácu, je písanie všetkými desiatimi prstami. Odkedy som sa naučil strojopis, tak môžem robiť oveľa viac vecí v kratšom čase. Naozaj sa to oplatí. Asi dám taký krátky návod ako písať v ďalšom príspevku, lebo toto je základ všetkého. Okrem toho, strojopis využijete naozaj všade. Od písomných úloh až po úradné dokumenty. V budúcnosti sa tomu zrejme nikto nevyhne a budú sa ho učiť všetci od malička. Kto vie? Každopádne vrele doporučujem sa ho naučiť.
Vývojové prostredie je snáď najdôležitejšie. Je treba niekde písať kód, upravovať obrázky, skúšať skripty a tak... Samozrejme existuje mnoho zaujímavých alternatív a každí si má možnosť vybrať to, čo mu najviac vyhovuje. Ďalej ponúkam moju zostavu programov čo používam.
Na počiatku bolo slovo
Slávna to veta: na počiatku bolo slovo. Tak ako aj v reálnom živote je slovo pôvodom všetkého, tak aj v programovaní je slovo základnou zložkou. Bez slova by sme nepoznali emócie, nepoznali by sme radosť, ani smútok. Jedine cez slová sa dajú vyjadriť naše pocity či myšlienky. Áno, aj myšlienky sú iba slová. Nehovoríme ich však nahlas, ale predstavujeme si ich v mysli. Preto si aj naši prakolegovia programátori vybrali za základ celej programovacej štruktúry obyčajné slová. S troškou fantázie možno považovať akýkoľvek kód za hotový román.
Nebudem sa tu rozpisovať o jednotlivých jazykoch, pretože im sa budem venovať v samostatných príspevkoch. Podstatné je si uvedomiť, že počítač ako taký, nikdy (možno sa to zmení v budúcnosti) neurobí ani za náprstok viac, než mu poviete. Rozlúčte sa s pojmom metafora, prirovnanie, či akýmkoľvek iným jazykovým prostriedkom. Programátori sa obmedzujú na holé fakty a strohé informácie. V programovaní záleží na každom jednom znaku, ba dokonca aj medzere, či riadku. Ak niečo nefunguje, stroj nenesie žiadnu zodpovednosť, pretože len slepo poslúcha svojho pána. Platí tu pravidlo: Aký pán, taký program.
Ak by ste mi neverili, dám krátku ukážku:
slnko='žlté';
if (slnko=='žlté') {
alert('Pravda');
}
Preklad do slovenčiny:
Parametrom slnka je žltá farba. Akmá má slnko žltú farbu, tak povec, že je to pravda.
Programovací jazyk je vlastne dorozumievanie sa so strojom. Vy mu dáte príkaz a on ho splní. Z príkladu možno jasne usúdiť, že počítač nebude klamať, keďže nevie ako. Ak je slnko žlté, vždy vyhlási, že je to pravda.
Nebudem sa tu rozpisovať o jednotlivých jazykoch, pretože im sa budem venovať v samostatných príspevkoch. Podstatné je si uvedomiť, že počítač ako taký, nikdy (možno sa to zmení v budúcnosti) neurobí ani za náprstok viac, než mu poviete. Rozlúčte sa s pojmom metafora, prirovnanie, či akýmkoľvek iným jazykovým prostriedkom. Programátori sa obmedzujú na holé fakty a strohé informácie. V programovaní záleží na každom jednom znaku, ba dokonca aj medzere, či riadku. Ak niečo nefunguje, stroj nenesie žiadnu zodpovednosť, pretože len slepo poslúcha svojho pána. Platí tu pravidlo: Aký pán, taký program.
Ak by ste mi neverili, dám krátku ukážku:
slnko='žlté';
if (slnko=='žlté') {
alert('Pravda');
}
Preklad do slovenčiny:
Parametrom slnka je žltá farba. Akmá má slnko žltú farbu, tak povec, že je to pravda.
Programovací jazyk je vlastne dorozumievanie sa so strojom. Vy mu dáte príkaz a on ho splní. Z príkladu možno jasne usúdiť, že počítač nebude klamať, keďže nevie ako. Ak je slnko žlté, vždy vyhlási, že je to pravda.
Nedeľa, 2008, marec 23
Začiatok aneb krátky úvod
Nebudem sa príliš dlho obkecávať. Jednak že nemám vrodený rozprávačský talent a jednak preto, že exponenciálne s počtom slov v texte čo píšem vzrastá aj počet chýb. Veruže jediný jazyk, ktorý momentálne ovládam gramaticky aj logicky správne je PHP. Nie som žiaden preborník, nikde som to neštudoval no predsa len som už nejaký ten piatkový večer strávil zmyslu-zbaveným ťukaním do klávesnice.
PHP je pravdaže vrchol mojej doterajšej programovacej praxe a predchádza ho množstvo iných, podradných, ale zato potrebných jazykov. Ako určite všetci vášnivý ťukatelia do klávesnice, ktorí si chcú vytvoriť aspoň nejakú tú stránku, som začínal s obyčajným HTML. Neskôr, keď som zistil, že HTML jaksi nestačí, som sa pustil do Javascriptu. Javascript je naozaj fascinujúci jazyk, no spolu s CSS mi spôsobuje najviac trápenia a strasti. Potom na scénu ako blesk z jasného neba nastúpilo PHP spolu s MySQL a na koniec už spomínané CSS. Je zaujímavé, že štýly ostali nepovšimnuté po takú dlhú dobu, no lenivosť je lenivosť.
Možno je to na vás príliš veľa pojmov, no nebojte sa, všetko sa pokúsim vysvetliť v nasledujúcich príspevkoch. Ešte raz chcem však pripomenúť, že moje znalosti v oblasti programovania niesu profesionálne a iste sa v nich vyskytujú mnohé nedokonalosti. Dôvod prečo som začal s týmto blogom je, že potrebujem zo seba všetko vypumpovať a tým niekomu ulahčiť a pomôcť pri robote. Berte moje pripomienky a názory s rezervou a improvizujte.
PHP je pravdaže vrchol mojej doterajšej programovacej praxe a predchádza ho množstvo iných, podradných, ale zato potrebných jazykov. Ako určite všetci vášnivý ťukatelia do klávesnice, ktorí si chcú vytvoriť aspoň nejakú tú stránku, som začínal s obyčajným HTML. Neskôr, keď som zistil, že HTML jaksi nestačí, som sa pustil do Javascriptu. Javascript je naozaj fascinujúci jazyk, no spolu s CSS mi spôsobuje najviac trápenia a strasti. Potom na scénu ako blesk z jasného neba nastúpilo PHP spolu s MySQL a na koniec už spomínané CSS. Je zaujímavé, že štýly ostali nepovšimnuté po takú dlhú dobu, no lenivosť je lenivosť.
Možno je to na vás príliš veľa pojmov, no nebojte sa, všetko sa pokúsim vysvetliť v nasledujúcich príspevkoch. Ešte raz chcem však pripomenúť, že moje znalosti v oblasti programovania niesu profesionálne a iste sa v nich vyskytujú mnohé nedokonalosti. Dôvod prečo som začal s týmto blogom je, že potrebujem zo seba všetko vypumpovať a tým niekomu ulahčiť a pomôcť pri robote. Berte moje pripomienky a názory s rezervou a improvizujte.
Prihlásiť na odber:
Príspevky (Atom)
