

I pamoka
Presentation
•
Other
•
4th Grade
•
Practice Problem
•
Hard
Giedre G
Used 1+ times
FREE Resource
19 Slides • 0 Questions
1
Kaip Atsisiųsti Visual Studio Code ir Sukurti Pirmąjį HTML
Tinklapį
2
Kas yra Visual Studio
Code?
●Visual Studio Code (VS Code) yra
nemokama programavimo aplinka.
●Ji padeda rašyti kodą ir kurti tinklapius.
●Su VS Code galite dirbti su įvairiomis
programavimo kalbomis.
3
Kaip Atsisiųsti Visual
Studio Code?
●Eikite į oficialią svetainę:
code.visualstudio.com.
●Paspauskite mygtuką "Download"
(Atsisiųsti).
●Pasirinkite savo kompiuterio operacinę
sistemą (Windows, Mac, Linux).
4
Kaip Įdiegti Visual Studio Code?
●Atidarykite atsisiųstą failą.
●Sekite ekrane pateikiamas instrukcijas.
●Paspauskite "Finish" (Baigti), kai diegimas baigtas.
5
Kaip Įdiegti Papildinį?
●Atidarykite "Extensions" (Papildiniai) skiltį.
●Ieškokite norimo papildinio.
●Paspauskite "Install" (Įdiegti) ir laukite, kol jis bus įdiegtas.
6
Kaip Rasti Populiariausius
Papildinius?
●Atidarykite Visual Studio Code.
●Paspauskite ant "Extensions" (Papildiniai)
kairėje pusėje.
●Pasirinkite "Popular" (Populiariausi) skyrių,
kad pamatytumėte, kurie papildiniai yra
dažniausiai naudojami.
7
Kodėl Naudoti
Papildinius?
●Papildiniai padeda išplėsti VS Code
funkcijas.
●Jie gali supaprastinti darbą ir padėti rašyti
kodą greičiau.
●Pavyzdžiui, Live Server leidžia matyti
tinklapio pokyčius realiu laiku.
8
Top 3 Populiariausi Papildiniai
●Galite turėti daug aplankų, kad viskas būtų tvarkinga.**Prettier**:
padeda automatiškai suformatuoti kodą.
●**ESLint**: tikrina jūsų JavaScript kodą ir padeda rasti klaidas.
●**GitLens**: leidžia geriau suprasti, kas ir kada keitė jūsų kodą.
9
Kaip Atsisiųsti Live Server Papildinį?
●Atidarykite Visual Studio Code.
●Paspauskite ant "Extensions" (Papildiniai) kairėje pusėje.
●Ieškokite "Live Server" ir paspauskite "Install" (Įdiegti).
10
Mano Pirmasis Tinklapis
●<h1>Pagrindinė Antraštė</h1>
●<h2>Antroji Antraštė</h2>
●<h3>Trečioji Antraštė</h3>
11
Kodėl HTML Antraštės Yra
Svarbios?
●Antraštės padeda struktūrizuoti tinklapio
turinį.
●Jos nurodo, kas yra svarbiausia.
●Naudokite skirtingus dydžius, kad
sukurtumėte hierarchiją.
12
Kaip Atidaryti Tinklapį su Live Server?
●Dešiniuoju pelės mygtuku spustelėkite ant HTML failo.
●Pasirinkite "Open with Live Server" (Atidaryti su Live Server).
●Tinklapis atsidarys naršyklėje.
13
Apibendrinimas
●Atsisiųskite Visual Studio Code ir Live Server.
●Sukurkite savo pirmąjį HTML tinklapį.
●Eksperimentuokite su antraštėmis ir turiniu.
14
Kas Yra Aplankas?
15
Kaip Susikurti
Aplanką?
16
Kaip Susikurti Aplanką Aplankale?
●Atidarykite aplanką, kuriame norite sukurti naują aplanką.
●Paspauskite dešinį pelės mygtuką ir pasirinkite "New" (Naujas) ir
"Folder" (Aplankas).
●Įveskite pavadinimą ir paspauskite "Enter".
●Kiek aplankų norėtumėte sukurti?
17
https://www.w3schools.com/colors/colors_picker.asp
●
18
Žaidimas:
https://blockly.games/movie?lang=en
19
Vertimas su Google
● https://translate.google.com
Kaip Atsisiųsti Visual Studio Code ir Sukurti Pirmąjį HTML
Tinklapį
Show answer
Auto Play
Slide 1 / 19
SLIDE
Similar Resources on Wayground
10 questions
PRUEBA DE ETICA 4º
Presentation
•
4th Grade
13 questions
Texto instructivo
Presentation
•
3rd - 4th Grade
17 questions
Nervous System Introduction
Presentation
•
KG
15 questions
Los determinantes numerales e indefinidos.
Presentation
•
5th Grade
13 questions
Information Technology
Presentation
•
4th Grade
15 questions
Palabras homófonas y homógrafas
Presentation
•
4th Grade
12 questions
Estructura párrafo
Presentation
•
4th Grade
11 questions
Variety
Presentation
•
KG
Popular Resources on Wayground
10 questions
Safety Day 2026 – Student Review
Quiz
•
9th Grade
21 questions
Continents and Oceans
Quiz
•
6th Grade
20 questions
Parts of Speech
Quiz
•
5th Grade
16 questions
Subject & Predicate
Quiz
•
5th Grade
25 questions
Multiplication Facts
Quiz
•
5th Grade
12 questions
Map Skills
Quiz
•
3rd Grade
22 questions
Continents and Oceans
Quiz
•
5th Grade
15 questions
Rounding Decimals
Quiz
•
5th Grade
Discover more resources for Other
20 questions
Inferences
Quiz
•
4th Grade
20 questions
Multiplication and Division Facts
Quiz
•
4th Grade
10 questions
3 digit by 1 digit multiplication
Quiz
•
4th Grade
15 questions
Subject/Verb agreement
Quiz
•
4th Grade
21 questions
Multiplication Facts
Quiz
•
4th Grade
10 questions
Subtraction with Regrouping
Quiz
•
4th Grade
8 questions
Context Clues Practice
Quiz
•
4th Grade
10 questions
Multiplication Facts
Quiz
•
4th Grade