Jump to content

Programmeerimise algõpe: Kodulehe alustamine

From Wikiversity


< Programmeerimise algõpe


Kodulehe alustamine[edit]

Leia sobiv majutaja[edit]

Et koduleht oleks teistele kättesaadav, selleks peab ta asuma avalikus serveris ehk internetis ligipääsetavas arvutis. Kui sul enda serverit pole, siis võid sa selle teenuse eest maksta. Internetis pakutakse ka tasuta majutust, mille võid leida kasvõi [Google] otsingu abil. Enamasti lisavad tasuta majutajad sinu loomele mõne turundusteate - näiteks [ http://www.profusehost.net/ Profuse ] [1], aga on selliseidki, kes su üllitisi solkima ei tule - näiteks kodumaine [ http://live.hot.ee/ Elion ]. Viimased pakuvad tavaliselt vähem võimalusi.


Kodulehe alustamine Elion'i näitel[edit]

  1. Läheme [ https://epass.elion.ee/do Elion'i lehele ].
    1. Vajutame linki kirjaga "Registreeri".
  2. Avaneb leht, kus on sisestusread kirjadega "Kasutajatunnus", "Salasõna" jne.
    1. Sisestame kõik nõutud andmed.
    2. Vajutame lingile "e-passi kasutustingimustega" ja loeme tingimused hoolega läbi, et meiega midagi halba ei juhtuks.
    3. Märgime linnukesega ruudu, mille järele on kirjutatud "olen tutvunud ja nõustun e-passi kasutustingimustega".
    4. Vajutame nuppu, millele on kirjutatud [Registreeri], AINULT JUHUL kui me oleme nende tingimustega nõus. (SIINKIRJUTAJA EI VÕTA VASTUTUST TAGAJÄRGEDE EEST.)
  3. Avaneb leht, kus on kirjas "Kasutaja andmed" jm.
    1. Vajutame nuppu kirjaga [Edasi].
  4. Avaneb leht, kus on kirjas "Tellitud teenused" jm.
    1. Vajutame linki kirjaga "Sisene hot.ee-sse".
  5. Avaneb leht, kus on kirjas "Redirection Status" jm.
    1. Vajutame linki kirjaga "http://live.hot.ee/cookiecheck" ja midagi ei muutu.
  6. Läheme teise veebilehitsejaga (prauseriga) [ https://epass.elion.ee/do?service=external/IPizza Elion'i lehele ].
  7. Avaneb leht, kus on sisestusread kirjadega "Kasutajatunnus", "Salasõna" jne.
    1. Sisestame äsja salvestatud andmed.
    2. Vajutame nuppu kirjaga [Sisene].
    3. Firefox küsib "Although this page is encrypted, the information you have entered is to be sent over an unencrypted connection and could easily be read by a third party. Are you sure you want to continue sending this information?" vajutan [Confirm].
  8. Paneme sama veebilehitseja (prauseri) aadressiribale http://live.hot.ee/ ja vajutame [Enter] klahvi, sest miskipärast Firefox arvab, et meie sessioon pole õige.
  9. Avaneb leht, kuhu on kirjutatud "Minu asjad" jm.
    1. Vajutame linki kirjaga "> Koduleht".
  10. Avaneb leht, kuhu on kirjutatud "Internetis on palju lehekülgi, aga ükski neist ei meeldi Sulle? Hot.ee kasutajana võid luua oma unistuste kodulehekülje." jm, aga ilmselt on meid ikkagi sessioonist välja visatud.
    1. Vajutame nuppu kirjaga [Sisene].
  11. Avaneb leht, kus on sisestusread kirjadega "Kasutajatunnus", "Salasõna" jne.
    1. Sisestame äsja salvestatud andmed.
    2. Firefox küsib "Although this page is encrypted, the information you have entered is to be sent over an unencrypted connection and could easily be read by a third party. Are you sure you want to continue sending this information?" vajutan [Confirm].
  12. Avaneb leht, kuhu on kirjutatud "E-kohviku teenuste kasutamise tingimused" jm.
    1. Loeme tingimused hoolega läbi, et meiega midagi halba ei juhtuks.
    2. Vajutame nuppu, millele on kirjutatud [Nõustun], AINULT JUHUL kui me oleme nende tingimustega nõus. (SIINKIRJUTAJA EI VÕTA VASTUTUST TAGAJÄRGEDE EEST.)
  13. Avaneb leht, kuhu on kirjutatud "Minu asjad" jm.
    1. Vajutame linki kirjaga "> Koduleht".
  14. Avaneb leht, kuhu on kirjutatud "Selles kaustas ei ole ühtki faili" jm.
    1. Vajutame linki kirjaga "Lisa fail".
  15. Avaneb leht, kuhu on kirjutatud "Faili asukoht:" jm.
  16. Vahepeal salvestame arvuti töölaua kausta (desktopile) faili nimega "index.html". ( Juhise, kuidas faili salvestada leiad siit: HTML faili salvestamine . )
    1. "index.html" faili sisse kirjutame "Tere tere!" vms.
  17. Läheme tagasi aknale, kuhu oli kirjutatud "Faili asukoht:" vms.
    1. Vajutame nuppu kirjaga [Browse].
  18. Avaneb leht, kuhu on kirjutatud "File Upload" vms.
    1. Vajutame linki kirjaga "Desktop" vm.
  19. Otsime faili nimega "index.html" ja teeme tema kohal topeltklõpsu.
  20. Sulgub leht, kuhu oli kirjutatud "File Upload" vms.
  21. Läheme tagasi aknale, kuhu oli kirjutatud "Faili asukoht:" vms.
    1. Vajutame linki kirjaga "Lisa fail".
  22. Avaneb leht, kuhu on kirjutatud "Faili üleslaadimine õnnestus" vms.
    1. Vajutame "index.html" kirjast paremal asuvale sinisele nupukesele kirjaga "i".
  23. Avaneb leht, kuhu on kirjutatud "Nimi: index.html" jms.
    1. Vajutame "URL:" kirjast paremal asuvale lingile kirjaga "http://www.hot.ee/sinuvarjunimi//index.html".
  24. Avaneb uus aken, kuhu on kirjutatud "Tere tere!" vms.
  • Ennäe - koduleht on olemas ja ei võtnud aastatki.


Kodulehe alustamine Brinkster'i näitel[edit]

  1. Läheme [ http://secure.brinkster.com/order/educational.aspx?package=68 Brinksteri lehele ].
    1. Sisestame oma e-posti aadressi sisestusreale, mille ette on kirjutatud "Email Address:".
    2. Sisestame sama e-posti aadressi sisestusreale, mille ette on kirjutatud "Email Again:"
    3. Vajutame sinist nuppu, millele on kirjutatud [Sign Up].
  2. Avaneb leht, mis käsib meid käia 36 tunni jooksul oma äsja sisestatud aadressiga postkastist kirju lugemas. Teeme seda kohe.
    1. Postkastis oli kiri "Your Brinkster Registration Code", milles ongi kirjas "Registration Code : " ja pikk kahe sidekriipsuga kolmeks jaotatud arv.
    2. Vajutame järgnevat linki "http://www.brinkster.com/Order/EducationalVerification.aspx?A=".
  3. Avaneb Brinkster'i leht, kus on kirjas "Email Address:", "Confirmation Code:" jm.
    1. Vajutame nuppu kirjaga [Continue >>].
  4. Avaneb leht, kus on sisestusread kirjadega "First Name", "Last Name" jne.
    1. Sisestame kõik nõutud andmed.
    2. Vajutame lingile "Terms of Service." ja loeme tingimused hoolega läbi, et meiega midagi halba ei juhtuks.
    3. Märgime linnukesega ruudu, mille järele on kirjutatud "I have read and agree to the Terms of Service.".
    4. Vajutame nuppu, millele on kirjutatud [Finish], AINULT JUHUL kui me oleme nende tingimustega nõus. (SIINKIRJUTAJA EI VÕTA VASTUTUST TAGAJÄRGEDE EEST.)
  5. Avaneb leht, kus on kirjas "Process Complete" jm.
    1. Vajutame nuppu kirjaga [Continue >>].
  6. Avaneb leht, kus on kirjas "Customer Login" jm.
    1. Kirjutama äsja salvestatud varjunime sisestusreale, mille ette on kirjutatud "Username:".
    2. Kirjutama äsja salvestatud salasõna sisestusreale, mille ette on kirjutatud "Password:"
    3. Vajutame nuppu kirjaga [Login].
  7. Avaneb leht, kus on kirjas "Control Panel" jm.
    1. Vajutame linki kirjaga "File manager" ehk paneme aadressiribale https://fm.brinkster.com/ ja vajutame [Enter] klahvi.
  8. Avaneb leht, kus on näha sinu kaustad ja salvestised (failid).
    1. Leiame pildikese ja lingi kirjaga "Index.html".
    2. Vajutame sinise ristküliku alumise parema nurga allasuunatud mustale noolekesele.
    3. Vajutame avanenud loendi lingile kirjaga "Open".
  9. Avaneb ristkülik sinu esilehe HTML koodiga.
    1. Otsime sealt sõnad "Brinkster Member" ja kirjutame nende asemele oma nime.
    2. Vajutame nuppu [Save].
    3. Sulgeme koodiga ristküliku ülalt paremast nurgast [X].
    4. Vajutame vasakult teist (punast ja ümmargust) nuppu. (Kui hiirega nupu peale minna, siis ilmub sinna kiri "Website Settings".) Ehk paneme aadressiribale http://support.brinkster.com/WebsiteSettings.aspx ja vajutame [Enter] klahvi.
  10. Avaneb leht, kus on muu hulgas kirjas "Brinkster.net URL:".
    1. Vajutame sellest paremal olevale lingile kirjaga "http://sinuvarjunimi.brinkster.net".
  11. Avaneb leht, kus on muu hulgas kirjas "Could not locate remote server". Niisiis asi läks untsu.
  12. Palume abi torumehelt. See ütleb, et sinunimelises kaustas (juurikal), kus on ka "db" nimeline kaust, peab olema "webroot" nimeline kaust, mida seal ei ole. Ta teeb selle ja sinna kausta tuleb salvestada ka see "Index.html" nimega fail, kuhu kõik külastajad kõigepealt suunatakse. Miskipärast ei aita seegi. Tehnoabi ütleb, et asi käivitub alles mõne tunni pärast. Järgmisel päeval polnud ikka veel midagi näha. Selle peale rohkem aega ei kuluta.


Ülesanne[edit]

  • 1. Loo endale koduleht internetti!
  • 2. Kirjelda siin muid võimalusi kodulehe saamiseks!


Vastused[edit]

  • õpilane : " Hakkasin alles nüüd kodulehega tegelema, kuid ei saa faili seivida desktopile index.html

tähendab seivin dp ära ja siis hot.ee-s lisan faili ja see faili nimi läheb index.html.txt-ks et milles teema nagu? "


    • õpetaja : "Ei oska kohe öelda. Mind ta lihtsalt ei lase mõnikord sisse, aga sellist asja pole olnud.

Saada see "index.html" fail mulle! Ma vaatan.

Mis prauserit sa kasutad: Internet Explorer'it, Operat, Firefox'i? Ma ei ole uurinud, kas see lisamine käib Javascripti abil.

Äkki sõltub op-süsteemist: Linux või Windows ? Need märgivad reavahetusi erinevate baitidega. Ei tea kuidas hot.ee server sellele reageerib.

Kui kellelgi on sarnane kogemus, siis jaga palun ka teistega! "


  • teine õpilane : Kui notepadiga salvestad siis vaikimisi pannaksegi laiendiks txt. Kui Windows on nii häälestatud (vaikimisi nii on) et ta tuntud failide laiendit ei kuva siis salvetataksegi fail töölauale txt laiendiga. Kui seadistada windows näitama faililaiendeid, siis saab seda ka muuta.
    • õpetaja :

" Sellest peaks saama üle ka niiviisi:

  1. Vajuta salvestamise eel Notepadi nuppu [File]!
  2. Vajuta linki "Save As ..."!
  3. Vali avanenud aknakese Save as type: loendist All Files!
  4. Vajuta salvestamiseks nuppu [Save]!

Siis ta ei tohiks panna failinime lõppu .txt laiendit.

Juhise, kuidas faili salvestada leiad siit: HTML faili salvestamine .

Ausalt öelda ma ei mäleta, et ma oleksin pidanud Windows XP puhul midagi näppima. Arvatavalt see sõltub Windows'i versioonist ja mul pole praegu aega seal seigelda.

Kui viitsid, siis kirjelda, kuidas seda seadistust muuta! "


Viited[edit]


Vaata lisaks[edit]