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

media

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

Tinklapį

Show answer

Auto Play

Slide 1 / 19

SLIDE