Server-side ir client-side (2)

Jau žinome serverio-kliento technologijos veikimo pamatus, taigi galime pereiti prie server-side bei client-side programavimo kalbų. Iš mano paminetųjų anksčiau naudosimės pradžiai dviejomis: php bei javascript (js).

Skaitom toliau…

Server-side ir client-side (1)

Kaip jau žinote – web programavimo kalbos yra client-side ir server-side. Norint suprasti kuo jos skiriasi ir kaip jos veikia reikia žinoti kaip veikia “internetas” (na elementariai).

Taigi…

Žingsnis atgal.

Ta proga, kad ilgai nerašiau tai pateiksiu santrauką visko apie ką anksčiau pasakojau (ir dar šiek tiek pridėsiu).

Taigi pradedam.

Pagaliau praktika.

XHTML, HTML, tag’ai, CSS, blablabla…. teorija be praktikos yra nieko verta. Juolab, kad iš manęs nekoks teorijos dėstytojas ;) Taigi, pradedam praktikuotis.

Plačiau apie XHTML dokumentus ir tag’us.

Keli faktai:

1. Kone visi internetiniai puslapiai pateikiami HTML arba XHTML dokumentų pavidalu.
2. XHTML dokumentai yra tiesiog tekstiniai failai (viduje tik tekstas ir tag’ai).
3. XHTML galima kurti su paprasčiausiu notepad (rekomenduoju notepad++ ).
4. XHTML failo pletinys gali būti .xhtml, .html, .htm.

Punktai 2,3 ir 4 tinka ir HTML dokumentams.

Plačiau toliau…

CSS

CSS – Cascading Style Sheets (liet. pakopiniai stiliai). CSS yra kalba, naudojama nusakyti puslapio dizainą. Pirma rekomenduoju perskaityti apie HTML ir XHTML Rašoma ji tokiu būdu

identifikatorius {savybė: reikšmė}

XHTML

XHTML – eXtensible HyperText Markup Language (liet. Išplėstine HyperTeksto Žymėjimo Kalba). Pirma rekomenduoju paskaityti apie HTML.

XHTML yra labai panaši į HTML tik kur kas griežtesnė. XHTML kalboje kiekvienas tag’as turi būti uždarytas (</ >),  parašytas mažosiom raidėm ir tinkamoje vietoje (kaip minėjau, negali išeiti už kito tag’o ribų). Taip pat XHTML kalboje tag’ai neturi būti naudojami puslapio atvaizdavimui (pabraukimai, paryškinimai, fono spalvos ir t.t.) formuoti. Tuom užsiima CSS. Kodėl XHTML geriau nei HTML? Todėl, kad laikymasis standartų reiškia, jog jūsų puslapį visos naršyklės (net mobiliųjų telefonų ar delninukų) atvaizduos vienodai teisingai*. Puslapio kodo ir jo dizaino atskyrimas reiškia kur kas lengviau skaitoma ir taisomą kodą (apimtis sumažėja kelis kart).  Puslapio dizainas aprašomas su CSS.

XHTML kalboje nebėra kai kurių tag’ų kurie buvo HTML. Dažniausiai tų kurie nusakydavo tik dizainą, o ne duomenų struktūrą (mano minėtojo <u></u> tag’o nebėra ;) ).

Beje, yra tokių tagų, kurie neapskliaudžia jokio teksto. Tarkim naujos eilutės simbolis “<br />” (jį naršyklė interpretuoja kaip komandą “pradedam iš naujos eilutės”). Tokie tag’ai rašomi ne “<tag>” ir “</tag>”, tiesiog “<tag />” kur “/>” žymi jų pabaigą.

* Internet Explorer naršyklė dažnai nesilaiko standartų ir atvaizduoja puslapius taip kaip nori (ne taip kaip kūrėjai nori). Todėl rekomenduoju naudoti FireFox.

Daugiau apie XHTML – lietuviškoje Wikipedia

HTML

HTML – HyperText Markup Language. Pažodžiui išvertus – Hyperteksto Žymėjimo Kalba. Atkreipkit dėmesį į žodėlį “žymėjimo”. Taip, tai ne programavimo kalba. Programavimo ir žymėjimo kalbos skiriasi tuom, kad pirmosios paskirtis yra aprašyti veiksmų seką (programos veikimą), o antrosios – žymėti duomenis.

Dinaminiai ir statiniai puslapiai.

Dinaminis – nuo žodžio dinamika (kokio nors reiškinio raidos, kitimo eiga; judėjimas, veikimas.)

Statinis – nuo žodžio statika (ramybės arba pusiausvyros būklė).

Internetinius puslapius aš skirstau į dinaminius ir statinius. Statiniai tai tokie, kurie tiesiog atvaizduoja iš anksto suvestus duomenis. Dinaminiai – kintantys pagal vartotojo poreikius.

Įžanga

Blogo tikslai:

• Web programavimas suprantamai.
• Pasidalinti savo menka (kol kas) patirtim.
• Paragauti konstruktyvios (tikiuosi) kritikos.
• Apturėti gero laiko :)

Didelis informacijos kiekis dažniausiai būna painus pradedančiajam. Juolab kai nežinoma nuo ko pradėti. Išsiaiškinsim kas ir kaip.

Pasistengsiu išdėsti nuo A iki Ž tai ką žinau (ir ką sužinosiu) suprantamu tekstu. Kuo mažiau neaiškių terminų, anglų kalbos ir copy/paste kodo gabalų.

Pataisymai ir pasiūlymai maloniai laukiami. Beje, klysti žmogiška ;)