Tinklalapio kūrimas

Temos, eiga


Užsiėmimo tikslas: sukurti asmeninį tinklalapį pasirinkta tema. Svarbu eksperimentuoti ir perprasti funkcijas, kad vėliau dalyviai galėtų dirbti savarankiškai. Svarbus ne svetainės turinys (teksto ar pačios idėjos kokybė ir pan.), o drąsa panaudoti nematytus elementus, juos įdomiai išdėstyti ir pan.


TEMOS:

  • Dalinuosi. Tinklalapis kaip mokytojo įrankis, padedantis dalintis aktualia informacija su mokiniais ir/ar tėvais: nuorodos, skelbimai, naujienos ir pan.

  • Integruoju. Konkrečios pamokos ar temos turinio dėstymas tinklalapio pagalba - su nuorodomis, paveikslėliais, video įrašais ir pan.

  • Ilsiuosi. Tinklalapis asmeniniams poreikiams ar pomėgiams: mėgstamos knygos, kelionės ar motociklai.

EIGA:

  • Pristatymas (10 min) 

  • Temos išsirinkimas bei pasidalijimas grupėmis (10 min)

  • Prototipavimas (15 min)

  • Kuriama su Wix (50 min)

  • Dalinamasi darbais (5 min)

  • Kūrybinė užduotis (20 min)

  • Refleksija (10 min)

Detalesnės instrukcijos dalyviams pateiktos šiame puslapyje: https://www.bitbyte.lt/tvstartas


Pristatymas

Šiame video įraše programuotojai kalba apie internetą, tinklalapius, jų istoriją ir kūrimą:



Prototipavimas


Kai dalyviai pasidalija grupėmis (dirbama po 2 arba individualiai) ir išsirenka temą, metas idėją atvaizduoti popieriuje.

Priemonės:

  • Priemonės piešimui

  • Atspausdinti WEB prototipavimo lapai.

  • (nebūtina) lipdukai, žurnalai iškarpoms, klijai, žirklės.

WEB puslapio kūrimas prasideda nuo prototipo - ranka pieštų eskizų ant popieriaus. Taip sutaupoma laiko, lengva pristatyti idėją bei turėti pagrindą tolimesniam kūrimui. Tik vėliau viskas perkeliama į kompiuterį, kuriama grafinė bei kodo dalys.

Prototipams kurti naudojami lapai, kurių pavyzdžius rasite žemiau. Taip pat, ten rasite ir UI (vartotojo sąsajos) elementų pavyzdžių, kuriuos galima išsikirpti ir priklijuoti prototipuojant.


Prototipavimo lapai:


Ekrano elementai 1

UI-elements-1 (2)
.pdf
Download PDF • 514KB




Ekrano elementai 2

UI-elements-2 (2)
.pdf
Download PDF • 147KB




Skirtingų tinklalapio puslapių išsidėstymas 1

web-wireframe (2)
.pdf
Download PDF • 153KB




Skirtingų tinklalapio puslapių išsidėstymas 2

web-wireframe-stories (2)
.pdf
Download PDF • 195KB




Prisijungimas ir puslapio kūrimas


Prisijungimo informaciją bei instrukcijas rasite https://www.bitbyte.lt/tvstartas, skiltyje „Kaip prisijungti?“

Tinklalapio pavyzdys: čia.

1. Norėdami sukurti naują puslapį spauskite mygtuką “+ Create new site”.

2. Tuomet jūsų paprašys išsirinkti šabloną pagal kurį kursite savo puslapį. Siūlome rinkits “Other” -> “Create from template” -> “Blank Templates” -> “One Page Layout”.

3. Tuomet turėsite bazę, su kuria galite dirbti, nes pasirinkę per sudėtingą šabloną, turėsite trinti nemažai nereikalingų elementų.

4. Atsidarius naują projektą jums turėtų parodyti trumpą video su instrukcijomis, jei jo nepamatysite arba netyčia uždarysite, tai galite pasižiūrėti čia:

5. Tuomet belieka viską apipavidalinti ir sudėlioti, kaip norite.

6. Esamus elementus galite tampyti pelytės pagalba.

7. Galite tiesiog juos ištrinti paspaudę “delete" mygtuką.

8. Norėdami atšaukti padarytą veiksmą, spauskite “ctrl+z” mygtukų kombinaciją arba “undo” rodyklytę meniu viršuje.

9. Naujus elementus galite pridėti pasinaudoję įrankių juosta, kurią matysite kairėje. Paspaudę mygtuką su pliuso ženklu, galėsite išsirinkti norimą puslapio elementą, kaip parodyta paveiksliuke apačioje:

10. Prie kai kurių elementų pastebėsite kameros ikoną, ant jos užvedę pelytę pamatysite mokomąjį video, kuriame paaiškinama, kaip naudotis elementu:

11. Norėdami sukurti naują puslapį, turite įrankių juostoje pasirinkti “Menus & Pages” ir paspausti mygtuką “+ Add Page”. Tuomet galite jį pavadinti ir suprogramuoti perėjimą iš vieno puslapio į kitą, pasinaudoję meniu elementu arba tiesiog mygtuku.

12. Pagrindiniai elementai, kurie jums pravers:

  • Text - galite pridėti įvairaus tipo tekstą, pavyzdžiui, antraštę, pastraipą ir t.t.

  • Image - galite pridėti nuotrauką

  • Video - galite įkelti video failą arba pridėti video iš socialinių platformų: YouTube, Vimeo ir t.t.

  • Button - galite pridėti mygtukus

  • Menu - galite pridėti meniu savo puslapiui

Puslapio įkėlimas į bendrą sieną


Sukurtų programėlių nuorodomis patogu dalintis įrankyje Padlet. Prieš pamoką mokytojas joje turėtų sukurti „darbų lentą“. Tokios lentos pavyzdys.


Mokiniams registruotis nereikės. „Lapelį“ galima pridėti paspaudus pliuso ženklą ekrano dešinėje, apačioje.

19 views