

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
16 questions
Los acertijos
Presentation
•
4th Grade
14 questions
Be going to (FORM)
Presentation
•
4th Grade
16 questions
tema 10 anaya 3º primaria
Presentation
•
3rd - 4th Grade
16 questions
PENGANTAR PANCASILA
Presentation
•
4th Grade
17 questions
Underground Railroad
Presentation
•
3rd - 5th Grade
15 questions
IR Friday 18 June
Presentation
•
4th Grade
13 questions
Comprensión de lectura
Presentation
•
KG
15 questions
Pancasila
Presentation
•
4th Grade
Popular Resources on Wayground
10 questions
HCS SCI 03 Summer School Review 4
Quiz
•
3rd Grade
11 questions
HSMS - Standard Response Protocol
Quiz
•
6th - 8th Grade
16 questions
1.1-1.2 Quiz Review
Quiz
•
9th - 12th Grade
12 questions
Exponent Expressions
Quiz
•
6th Grade
20 questions
Adding and Subtracting Integers
Quiz
•
6th - 7th Grade
11 questions
Northeast States
Quiz
•
3rd - 4th Grade
10 questions
Characterization
Quiz
•
3rd - 7th Grade
10 questions
Common Denominators
Quiz
•
5th Grade