Znudzeni graniem?



Pisano: 7 marca 2003
Data:


W tym arcie opiszę kilka języków, dzięki którym można stworzyć całkiem dobrze prosperującą Stronkę WWW. Tak, tak o tym będzie ten artykuł ;). Ale ostrzegam, że to baaardzo wciągające! Właśnie zostaliście ostrze(y)żeni.

Na początek może opiszę zalety tworzenia stron:

  • Sława? Pięniądze? =)
  • Satysfakcja :D
  • Będziesz mógł powiedzieć mamie/tacie/babci, która na Ciebie wrzeszczy "Tylko byś grał i grał", że ty nie grasz tylko "pracujesz" :D
  • Zawsze możesz się pochwalić lamerowatym kolegom :D
  • Być może nawiążesz nowe znajomości (to także niestety wada :D)


    Ok, teraz wady (a tych całkiem sporo):

  • Rachunki, Rachunki, Rachunki!
  • Popsute nerwy (po tym jak strona się "krzaczy" za n-tym razem)
  • Za dużo znajomości (niestety po dłuższym okresie czasu można po prostu zdębieć >>tudzież sklonować, zżołędzieć itd.<<). Ja czasem nie wytrzymuje nerwowo, jak wejde na neta... Na gg 15 osób wali mi z prośbami i groźbami w stylu "zrobisz mi layouta/logo; załóż mi server" itd. koszmar (ale od czego są ignory :D)
  • Średnia w szkola (Średnia w szkole jest odwrotnie proporcjonalna do ilości godzin spędzonych przy kompie)
  • Zacznie do Ciebie przychodzić coraz mniej kumpli (o ile wogóle będziesz ich miał)
  • Siedząc przy kompie nie spotkasz raczej dziewczyny życia


    I tym miłym akcentem rozpoczynam opis różnych języków potrzebnych (albo i nie) do stworzenia stronki www:


    Nazwa: HTML (HyperText Markup Language)
    Stopień trudności: Początkujący
    Opis: W sumie najważniejszy język. Bez niego ani rusz! Ale stosunkowo łatwy :D. Przykładową stronkę można stworzyć w notatniku! Wystarczy otworzyć notatnik i wpisać:

    <html>
    <head>
    <title>Tytuł strony
    </head>
    <body>
    <h3>Moja pierwsza strona www</h3>
    Text, Text, Text
    </body>
    </html>


    Potem zapisać jako "strona.html" i zobaczyć rezultat! Proste, prawda? Kurs był w CDA, a prowadził go chyba DarkWater, albo DarkPower (nie pamiętam xywki, więc sorry)
    Kursy: Wpisz w wyszukiwarce (Google) słowa: "Kurs HTML". W interniecie jest mnóstwo kursów (a zwłaszcza HTML-a), no ale jeśli nie masz dostępu do Neta, to poszukaj w starszych ActionMagach w dziale Programista > Webmastering. Ewentualnie w CDA czasem się pojawi jakiś kurs.
    Zalety: Że można w tym napisać stronkę
    Wady: ke?

    Nazwa: JavaScript
    Stopień trudności: Początkujący / Średnio zaawansowany
    Opis: Taki język do "bajerów". Jeśli widziałeś kiedyś stronkę na której wyświetlają się komunikaty, na pasku statusu jest inny napis niż "Gotowe" lub po najechaniu myszką na obrazek, ten zmienia się to musisz wiedzieć że to za sprawą właśnie JavaScript'a. Kilka słów wyjaśnień. Otóż masa osób myli JavaScript z Javą (gry w komórkach, chaty), która nic nie ma wspólnego z JS'em (no może poza nazwą :D). JS jest stosunkowo łatwy (zwłaszcza jeśli pod koniec klasy 1 w Gimnazjum miałeś z Matmy ocenke >= 4-). Zaprezentuję tu prosty skrypt:

    <script>
    function nowe_okno () {
    window.open('znudzeni_graniem.html', 'oknoNew', 'height=480, width=640')
    }
    </script>
    <a href=# OnClick="nowe_okno()">Otwórz okno</a>


    Powyższy prosty skrypcik otwiera nowe okno po kliknięciu w link (Przykład). Ale musze zmartwić tych co leniuchowali na matmie że do tworzenia większych skryptów jest potrzebna umiejętność dodawania, odejmowania, mnożenia i dzielenia :D.
    Kursy: Też można znaleźć w Internecie (Google), i w dziale Programista > Webmastering w AMagu.
    Link: Scrypty.com, Javascript.Jest.O.K.pl
    Zalety: Możliwość ingerowania w przeglądarkę, możliwość tworzenia cookies, ułatwianie życia
    Wady: Dla początkujących dość trudny, zrobienie jednego błedu praktycznie uniemożliwia pracę skryptu, niezgodność różnych wersji JS'a (na Netsape'a, IE, IE na MAC i Netscape'a na Linuxa są "drobne" niezgodności)

    Nazwa: CSS (Cascade Style Sheet)
    Stopień trudności: Początkujący / Średnio Zaawansowany
    Opis: Bardzo przydatne "narzędzie". Dzięki niemu można między innymi wyeliminować brzydki niebieski kolor i podkreślenie spod linka (Przykład), można zmieniać kursory, kolory, wielkość dosłownie wszystkiego na stronie! Powiedzicie które pole wam się bardziej podoba:

       

    Oczywiście nie obejdzie się bez przykładu do wklejenia na Twoją stronę :D

    <style>
    a {
    color: red;
    text-decoration: none;
    }
    a:hover {
    color: black;
    text-decoration: underline;
    }
    </style>
    <a href=link.htm>Link</a>


    Nie powiem wam co to robi =D. Sprawdźcie sami! Aha, i jeszcze coś. Te suwaki po prawej (chodzi mi o kolory) są dziełem CSS-ów
    Kursy: Na pęczki w necie, w kursie HTML-a w CDA coś tam byłoo CSS-ach
    Zalety: Upiększa znacząco stronkę!
    Wady: Niektóre rzeczy (np. suwaki) nie działają na starszych przeglądarkach

    Nazwa: PHP
    Stopień trudności: Zaawansowany
    Opis: Tu zaczynają się dłuugie schody, gdyż bez serwera nie pooglądasz sobie dużo PHP ;(. No i oprócz servera trzeba mieć jeszcze PHP! I zainstalować... Pod windozą to raczej dużo nie zdziałasz, bo windoza ma to do siebie że nie lubi tzw. uprawnień UNIXowych. Tak więc sugerowałbym używanie UNIX'a (tudzież Linuxa) lub po prostu umieszczenie stronki na serverze i tam oglądać. I zwykły serwer nei wystarczy (republika.pl, interia.pl, wp.pl nie mają obsługi PHP). Polecam tu www.host.sk. Innymi darmowymi serwerami oferującymi php są: www.friko.pl, free.komrel.net. Osobiście polecam host.sk ze względu na szybkie łącza, brak reklam, nieograniczona ilość miejsca i MySQL (o czym później). Ale do rzeczy. PHP jest językiem serwerowym, tzn. że skrypt jest wykonywany na serwerze, a dopiero potem wysyłany do użytkownika. W przeciwieństwie do HTML-a, którego źródło można sobie ściągnać w każdej chwili (klikają c prawym przyciskiem myszy na stronie i wybierając opcję "pokaż źródło"), nikt oprócz admina strony (ew. tego co pisał skrypt) nie zna prawdziwego składu skryptu co jest bardzo praktyczne :D. W PHP można napisać praktycznie wszystko: księgi gości, systemy newsowe, sondy, katalog linków, fora i co tylko dusza zapragnie! Podam jak zwykle przykład skryptu:

    Skrypt:

    <?
    $zibi = "http://www.adres.dm/";
    $zibi_text = "link";
    echo("<a href=$zibi>$zibi_text</a>");
    ?>


    Wynik:

    <a href=http://www.adres.dm/>link</a>

    Pierwsze powiedzmy nazwij "test.php" umieść na serwerze otwórz strone, pokaż źródło. I co zobaczysz? To drugie! Czyli wynik! Przydatne, co?
    Kursy: Kurs tompawa w CDA, w dziale Programista > Webmastering w AMagu, także w Internecie (Google, Skrypty.com)
    Zalety: Setki zastosowań, możliwość ingerencji w pliki
    Wady: Potrzeba obsługi PHP na serwerze


    Na tym chyba skończe, bo muszę się zająć swoją stronką (nie będe robił kryptoreklamy). Nie opisałem tu kilku języków (m.in. WML, DHTML, XML, SHTML, ASP, JSP), a także baz danych bardzo ułatwiających życie (MySQL, PostgreSQL i ...Access :P ). Po ptostu gdybym chciał opisać wszystkie jezyki, to plik zajmowałby ok. 40 KB ;D. Wyjaśnie tylko co jest czym:
  • WML - Wireless Markup Language. Język "komórkowy", czyli WAPowy :D
  • DHTML - Dynamic HTML. Macie kurs w Strefie WWW na CD w CDA
  • SHTML - ???
  • ASP - Active Server Pages. Takie, hmmm, jakby to wytłumaczyć? Głownie używany do stron zawierających dużo danych (strony z Cheatami). Przykład: www.cheatelite.com
  • JSP - Java Server Pages. Konkurencyjny język do ASP
  • MySQL, PostgreSQL - Bazy danych


    W texcie nie napisałem o Strefie WWW, która jest IMHO najlepszym źródłem wiedzy o stronkach WWW. Możecie ją znaleźć na krążkach CDA lub na stronie www.strefa.xcom.pl


    Pozdrawiam wszystkich i mam nadzieję, że choć kilka osób przeczyta ten text :D

    drx
    GG: 1664742
    drx@o2.pl



    Powrót do AM