Search Header Logo
I pamoka

I pamoka

Assessment

Presentation

•

Other

•

4th Grade

•

Practice Problem

•

Hard

Created by

Giedre G

Used 1+ times

FREE Resource

19 Slides • 0 Questions

1

media

Kaip Atsisiųsti Visual Studio Code ir Sukurti Pirmąjį HTML

Tinklapį

2

media
media

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

media
media

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

media

Kaip Įdiegti Visual Studio Code?

●Atidarykite atsisiųstą failą.

●Sekite ekrane pateikiamas instrukcijas.

●Paspauskite "Finish" (Baigti), kai diegimas baigtas.

5

media

Kaip Įdiegti Papildinį?

●Atidarykite "Extensions" (Papildiniai) skiltį.

●Ieškokite norimo papildinio.

●Paspauskite "Install" (Įdiegti) ir laukite, kol jis bus įdiegtas.

6

media
media

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

media
media

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

media

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

media

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

media

Mano Pirmasis Tinklapis

●<h1>Pagrindinė Antraštė</h1>

●<h2>Antroji Antraštė</h2>

●<h3>Trečioji Antraštė</h3>

11

media
media

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

media

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

media

Apibendrinimas

●Atsisiųskite Visual Studio Code ir Live Server.

●Sukurkite savo pirmąjį HTML tinklapį.

●Eksperimentuokite su antraštėmis ir turiniu.

14

media
media

Kas Yra Aplankas?

15

media
media

Kaip Susikurti
Aplanką?

16

media

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

media
media

https://www.w3schools.com/colors/colors_picker.asp

●

18

media

Žaidimas:
https://blockly.games/movie?lang=en

19

media

Vertimas su Google

● https://translate.google.com

pattern-tertiary
media

Kaip Atsisiųsti Visual Studio Code ir Sukurti Pirmąjį HTML

Tinklapį

Show answer

Auto Play

Slide 1 / 19

SLIDE