Tinklalapiai


Pasirenkamasis tinklalapių kūrimo pradmenų modulis.

11.1. Tinklalapių kūrimo pradmenų modulio paskirtis – didinti mokinių mokymosi krypties pasirinkimo galimybes, supažindinti juos su tinklalapių kūrimotechnologijos pradmenimis, padėti įvertinti savo polinkius, mokymosi galias ir apsispręsti dėl tolesnio informacinių technologijų mokymosi.Baigdamas šį modulį, mokinys parengia tinklalapį (svetainę) pasirinkta arba mokytojo pasiūlyta tema, pristato savo darbą.

    11.2. Tinklalapių kūrimo pradmenų modulio tikslas – suteikti galimybę visiems mokiniams plėtoti pažinimo, mąstymo gebėjimus, kūrybines galias, susipažinti su HTML kalbos paskirtimi, sintakse, pagrindinėmis sąvokomis, svetainių kūrimo etapais, kurti nesudėtingus tinklalapius, išreikšti save naudojantistinklalapių kūrimo technologija.

    Tinklalapių kūrimo pradmenų modulis apima šias sritis:

    Kiekvienas mokinys baigdamas šį modulį parengia tinklalapį (svetainę) pasirinkta arba mokytojo pasiūlyta tema, pristato savo darbą.

/Bendrojo ugdymo programa/

Rimantas Daubaras, Sigitas Daubaras, Ieva Mackevič, Vaida Paukštė. Šiuolaikiškas žvilgsnis į tinklalapių kūrimą

Informacinių technologijų pasirenkamasis kursas IX–X klasėms.

Papildoma medžiaga:

Kodai.manualai.lt html  pamokos

HTML pamokos studijuok.lt 

Trumpa HTML teorija

Tinklalapių kūrimas

2023_2024 mokslo metai.

bus tvarkoma

1 pamoka. Saugaus darbo kompiuterių klasėje instruktažas. Supažindinimas su saugaus darbo tvarka.

 Supažindinimas su su keliamais mokymosi tikslais ir uždaviniais, numatomu ugdymo turiniu ir veiklos sritimis, vertinimo sistema.

I skyrius. TINKLALAPIŲ KŪRIMO ĮVADAS

1. Tinklapių kūrimo įvadas. Hiperteksto ir multimedijos samprata.

2. HTML kalba. Tinklapių kūrimo pagrindai: struktūra, projektavimas.

Mokomoji medžiaga ir užduotys: 1_Tinklapiu įvadas.pptx 

Pastaba: datos apytikrės, priklauso nuo to, kada grupei vyksta pamoka

1_pamoka     Tinklapių kūrimo įvadas. Internetas - samprata, istorija. TCP/IP protokolas.

2_pamoka    Interneto paslaugos. Žiniatinklis. HTTP ir HTTPS protokolai.  Kompiuterių adresavimas, IP sandara. 

3_pamoka     DNS ir URL adresai. Hipertekstas ir multimedija. Pavojai internete.

Pasitikrinkite žinias:          Kryžiažodis_1       Kryžiažodis_2

Google žaidimas "INTERLAND: būk interneto genijus"

Žaidimas "Surask paslėptas užduotis"

Atsiskaitomasis darbas (teorijos testas)  

2  - . 2  - .

Pastaba: žalia spalva reiškia, kad grupė atsiskaitė; raudona - grupėje yra nedalyvavusių teste - atsiskaityti privaloma, tartis individualiai su mokytoja.

TESTAS   I skyriaus atsiskaitymui

II skyrius. PAPRASČIAUSIO TINKLALAPIO KŪRIMAS.

 tinklalapio struktūra

    pagrindinės gairės

    tinklalapio tekstas, jo "laužymas"

    linijos

    antraštės, pastraipos ir skyriai

    tinklalapio fonas ir šrifto spalva

Mokomoji medžiaga ir užduotys: 2_HTML Paprasčiausio tinklalapio kūrimas.pptx

Pastaba: datos apytikrės, priklauso nuo to, kada grupei vyksta pamoka

1 pamoka 

Tinklapių struktūra. Html kalbos samprata. 

Pagrindinės hipertekstinio dokumento gairės: HTML, HEAD, BODY, TITLE, META. Pagrindinių gairių paskirtis.

 1-16 skaidrės iš mokomosios medžiagos ir užduočių pateikties

Išbandykite HTML kalbą.

Pagalba: video pamoka1 video pamoka2

Pasitikrinkite žinias  testas

2 pamoka 

Gaurės BR ir HR. Linijos savybės.

17-23 skaidrės iš mokomosios medžiagos ir užduočių pateikties

3 pamoka 

Praktinė užduotis Poezija1 įgūdžiams formuoti ir įtvirtinti.

4 pamoka 

Teksto antraštės ir pastraipos 

24-33 skaidrės iš mokomosios medžiagos ir užduočių pateikties

Praktinės užduotis  Pasakėčios1 įgūdžiams formuoti ir įtvirtinti.

5 pamoka 

Teksto skyriai. Jungiamasis tarpas

Praktinės užduotys Faktai1 ; Mintukai1 įgūdžiams formuoti ir įtvirtinti.

6 pamoka 

Tinklalapio fonas ir teksto spalva

38-44skaidrės iš mokomosios medžiagos ir užduočių pateikties

Praktinės užduotys Poezija3; Faktai2; Mintukai2; Pasakėčios2 įgūdžiams formuoti ir įtvirtinti.

7 pamoka  Pasiruošimas kontroliniam darbui


Testas  žinių pasitikrinimui.  (kodas  7040 9487)

Kaupiamasis vertinimas

8 pamoka

 Kontrolinis darbas.  Numatoma data:. Gruodžio 4-8 d.

IIab  - gruodžio 4  d. IIe  - gruodžio 5  d. IIcd  - gruodžio 12 d.

Pastaba: žalia spalva reiškia, kad grupė atsiskaitė; raudona - grupėje yra nedalyvavusių  - atsiskaityti privaloma, tartis individualiai su mokytoja.

Tikrinami įgūdžiai:

   * tinklalapio struktūros kūrimas

   * tinklalapio fono ir teksto spalvos nustatymai;

   * pastraipų ir skyrių nustatymas;

   * linjos formavimas;

 TEKSTAS KD1 užduočiai

kd1 uzduotis.pdf -        kompiuteriai nr. 1, 3, 5, 7, 9, 11, 13, 15

kd1 uzduotis.pdf -       kompiuteriai nr. 2, 4, 6, 8, 10, 12, 14

SKOLA tekstas   užduotis

PASTABA: jei reikia atiduoti kelis failus sudarančius vienos užduoties atlikimą, juos reikia sudėti į aplanką ir suarchyvuoti (Spaudžiame dešinį pelės mygtuką  ant aplanko>>"Įdėti į archyvą">>"Gerai" archyvas susikuria šalia orginalaus apklanko), o mokytojui atiduoti archyvą.


Atiduoti užduotį mokytojui

III skyrius. TINKLALAPIO TEKSTO FORMATAVIMAS

teksto stiliaus nustatymai: paryškintas, palinkęs, pabrauktas

 šrifto parametrų nustatymas: šriftas, dydis, splava

 animaciniai efektai - bėganti eilutė

Mokomoji medžiaga ir užduotys: 3_HTML Teksto formatavimas.pptx

simbolių HTML kodai

atsisiųsime nemokamą tekstinį redaktorių Notepad++ 

1 pamoka

 Šrifto stilius: paryškintas, palinkęs, pabrauktas

8- 13 skaidrės iš mokomosios medžiagos ir užduočių pateikties

Praktinės užduotys    Faktai3; Mintys1 įgūdžiams formuoti ir įtvirtinti.

2 pamoka

Padidintas/sumažintas tekstas

14-16 skaidrės iš mokomosios medžiagos ir užduočių pateikties

Praktinė užduotis    Mintukai3 įgūdžiams formuoti ir įtvirtinti.

3 pamoka

Laipsnis ir indeksas

17-21 skaidrės iš mokomosios medžiagos ir užduočių pateikties

Praktinė užduotis  Formules1, Chemija arba Matematika   įgūdžiams formuoti ir įtvirtinti.

Simbolių HTML kodai

4 pamoka

Judantis tekstas

22-23 skaidrės iš mokomosios medžiagos ir užduočių pateikties

Praktinė užduotis  Animacija  įgūdžiams formuoti ir įtvirtinti.

5-6 pamoka

Teksto šriftas, dydis ir spalva. Gairė FONT ir jos atributai.

24-33 skaidrės iš mokomosios medžiagos ir užduočių pateikties

Praktinės užduotys   Ekonomika1;  Dinozaurai  įgūdžiams formuoti ir įtvirtinti.

7 pamoka  Pasiruošimas kontroliniam darbui

Testas žinių pasitikrinimui.   

Kaupiamasis vertinimas

8 pamoka  Kontrolinis darbas.  Numatoma data:.   kovo  4-8 d.

Pastaba: žalia spalva reiškia, kad grupė atsiskaitė; raudona - grupėje yra nedalyvavusių  - atsiskaityti privaloma, tartis individualiai su mokytoja.

K.D.Tinklalapio teksto formatavimas

Tikrinami įgūdžiai:

   Užduotis;   atliktos užduoties paveikslėlis   


  Tekstas KD2 užduočiai

Atiduoti mokytojui

Skola užduotis    tekstas 

Testas 

Pagalba:

Video apie tinklapio teksto stilius užduotys 

Video tęsinys apie stilius užduotys 

Video apie teksto šrifto parametrus, užduotys 


IV skyrius.  ŽENKLINAMIEJI IR NUMERUOJAMIEJI SĄRAŠAI.

 PAVEIKSLAI TINKLALAPYJE.


4. Ženklinamieji ir numeruojamieji sąrašai. Paveikslai tinklalapyje.

Notepad++

Mokomoji medžiaga ir užduotys: 4_HTML zenklinimas_paveiksleliai.pptx 


1 pamoka

Ženklinamieji ir numeruojamieji sąrašai.

Gairės UL, Ol, LI ir jų atributai.

2-14 skaidrės iš mokomosios medžiagos ir užduočių pateikties

Praktinė užduotis    "Si_Sistema"  įgūdžiams formuoti ir įtvirtinti.


2 pamoka

Ženklinamieji ir numeruojamieji sąrašai.

Gairės UL, Ol, LI ir jų atributai.

2-16 skaidrės iš mokomosios medžiagos ir užduočių pateikties

Praktinė užduotis    "Asmenys"  įgūdžiams formuoti ir įtvirtinti.


3 pamoka

Vaizdų apdorojimas. Paveikslėlių redagavimas .

Vektorinė ir taškinė grafika, failų prievardžiai.

Paveikslėlių redagavimas naudojant online redaktorius

17-19 skaidrės iš mokomosios medžiagos ir užduočių pateikties

Praktinės užduotys    įgūdžiams formuoti ir įtvirtinti.


4 pamoka

Vaizdų apdorojimas. Dizaino priemonė Canva

Grafikos vaizdų apdorojimas.

Paveikslėlių kūrimas ir redagavimas  redaktoriumi Canva

20-21 skaidrės iš mokomosios medžiagos ir užduočių pateikties

Praktinės užduotys    įgūdžiams formuoti ir įtvirtinti.


5 pamoka

Vaizdų apdorojimas. Dizaino priemonė Canva

Grafikos vaizdų apdorojimas.

Paveikslėlių  ir gif'ų kūrimas ir redagavimas redaktoriumi Canva

22-23 skaidrės iš mokomosios medžiagos ir užduočių pateikties

Praktinės užduotys    įgūdžiams formuoti ir įtvirtinti.


6 pamoka

Vaizdo failai. Dizaino priemonė Canva

Grafikos vaizdų kūrimas ir apdorojimas.

Reklaminių skydelių kūrimas  naudojant Canva

24-25 skaidrė iš mokomosios medžiagos ir užduočių pateikties

Praktinės užduotys    įgūdžiams formuoti ir įtvirtinti.

   

7 pamoka

Paveikslai tinklalapyje

Gairė IMG ir jos atributai.

27- 312skaidrės iš mokomosios medžiagos ir užduočių pateikties

Praktinė užduotis  "Asmenys2 "


8 pamoka

Paveikslai tinklalapyje

Gairė IMG ir jos atributai.

33 skaidrės iš mokomosios medžiagos ir užduočių pateikties

Praktinė užduotis  "Mažeikiai"


 8 pamoka

 Pasiruošimas kontroliniam darbui

1-37 skaidrės iš mokomosios medžiagos ir užduočių pateikties

Testas žinių pasitikrinimui.


Kaupiamasis vertinimas 

Kontrolinis darbas [3]

K.D. Ženklinamieji ir numeruojamieji sąrašai. Paveikslai tinklalapyje.

Tikrinami įgūdžiai:

Užduočių atlikimas.


   Užduotis    2  var.        kompiuteriai nr 1, 3, 5, 7, 9, 11, 13, 15.

   Užduotis    1  var.         kompiuteriai nr 2, 4, 6, 8, 10, 12, 14.


   Tekstas KD3 užduočiai

Priedai


Atiduoti mokytojui

PASTABA: jei reikia atiduoti kelis failus sudarančius vienos užduoties atlikimą, juos reikia sudėti į aplanką ir suarchyvuoti, o mokytojui atiduoti archyvą.

Pagalba:

Pamokos apie sąrašus video

Pamokos apie paveikslėlius video


V skyrius  Lentelės. SAITAI. Pradžios tinklalapis.

bus tvarkoma

5. Lentelės. Saitai. Pradžios tinklalapis. 

Mokomoji medžiaga ir užduotys:   5_HTML Lenteles_Saitai.pptx

.......... 2023/24 mm Praleisti................................................................................................................................

1-11 skaidrės: Lentelės kūrimas, pagrindiniai atributai

    Užduotis:  Prezidentai.html;- atlikimo laikas 2 pamokos, tiksli data nurodyta tamo nd skiltyje

    Pamokos video

    Pamoka apie užduotį "Prezidentai" ir tai, kaip teisingai atsiųsti failus video

12 - 14 skaidrės: Lentelės langelių apjungimas

   Užduotis: Himnas.html  atlikimo laikas x pamokos, tiksli data nurodyta tamo nd skiltyje

   Pamokos video1   video2

Informatika III - IV kl.: apie pasirinkimo galimybes video

.........................................................................

21 - 25 skaidrės: Saitai tinklalapyje. Pradžios tinklalapis

Gairė A ir jos atributai.

Saitas svetainės viduje

Saitai į išorinius šaltinius

21-29 skaidrės iš mokomosios medžiagos ir užduočių pateikties [5]

   Užduotis (kūrybinė): Projektinis darbas "Mano svetainė" žiūrėti skyrių "Projektas"  

Pagalba:

VIDEO pamoka (2020 m.) apie lentelės kūrimą ir jos atributus

VIDEO pamoka (2020 m.)  apie lentelės langelių apjungimą

PROGRAMELE SeaMonkey Setup 2.21

K.D. Tikrinami įgūdžiai:

VI skyrius 6. Pakopiniai stiliai. Svetainės publikavimas.

Projektinis darbas.


Projektinis darbas "Mano tinklalapis"

Pastaba: Prieš atiduodant projekto aplanką supakuoti

Projektinis darbas "Mano tinklalapis"

 SVETAINĖS KŪRIMAS

Pasirinkite Jums aktualią, patinkančią  temą. Jei neturite savo idėju galite pasinaudoti siulomu sąrašu. Sukurkite svetainę

Svetainės kūrimo etapai:

1. Planavimas (informacijos paieška, svetainės struktūros sudarymas) - 1 pam.

2. Svetainės kūrimas, apipavidalinimas (informacijos pateikimas, turinio sudarymas) - 2 pam.

3.    Svetainės pristatymo kūrimas – 1 pam. 


Bendrieji reikalavimai

 

1.  Svetainę sudaro 5 tinklalapiai, kuriuos sieja pagrindinis svetainės tinklalapis (6asis).

2.  Svetainės informacijos turinys atitinka pasirinktą temą.

3.  Svetainėje pateiktas tekstas surinktas pagal visas rašybos taisykles.

4.  Tinklalapiuose panaudotos  dviejų lygių (pvz.: h1 ir h2) antraščių  stiliaus gairės.

5.  Tinklalapiuose panaudotos teksto šrifto (font) ir stiliaus (pusjuodis ir kursyvas) gairės.

6.  Tinklalapiuose panaudota horizontalios linijos brėžimo gairės.

7.  Tinklalapių fonas derančios spalvos(-ų) ar paveikslėlis(-iai)

8.  Bent viename tinklalapyje panaudotas ženklintas ar numeruotas sąrašas, sudarytas mažiausiai iš 3 pastraipų.

9.  Bent viename tinklalapyje yra lentelė, sudaryta mažiausiai iš 3 stulpelių ir 3 eilučių. (2023/24 mm nereikia)

10.  Kiekviename tinklalapyje yra bent po vieną paveikslėlį, bet visoje svetainėje ne mažiau kaip 5 paveikslėliai. Bent vienas iš jų turi būti .gif ar .mp4 formatu

11.  Iš pagrindinio tinklalapio yra veikiantys saitai į kitus svetainės tinklalapius.

12.  Iš kiekvieno tinklalapio yra veikiantys saitai į pagrindinį tinklalapį.

13.  Yra bent viena veikianti nuoroda į interneto svetainę ar kitą išorinį šaltinį.

14.  Yra autorių teisių ženklas ir autoriaus vardas.

15. Visų tinklalapių kodas užrašytas tvarkingai ir taisyklingai.

16.  Papildomi balai skiriami už pakopinių stilių panaudojimą tinklalapiuose arba sukurtą pakopinių stilių dokumentą. (2023/24 mm nereikia)

    Reikalavimai  smulkiau

video pamoka (2020 m.) apie projektą