43 Publikálás a világhálón; Készítsünk weblapot!

43 Publikálás a világhálón; Készítsünk weblapot!

1. Telepítsd a Visual Studio Code-ot: 

  • https://code.visualstudio.com/

  • Ingyenes, Windowsra gyorsan felmegy.

  • Nyisd meg, majd válaszd: File → Open Folder…

  • Nyisd meg azt a mappát, ahol a weboldalad lesz.

2. Hozz létre egy új HTML fájlt

  • Bal oldalt: New File

  • Neve: index.html

3. Írd be a HTML5 alap sablont:


! majd ENTER, és kész is!



<!DOCTYPE html> 

<html lang="hu"> <head> 

       <meta charset="utf-8"> 

       <title></title> 

</head> <body> </body> 

4. A VS Code segít a kódban

  • Színezi a tageket → könnyebb olvasni

  • Automatikusan kiegészíti a HTML‑elemeket

  • Mutatja a sorszámokat

  • Hibákat is könnyebb észrevenni

5. Telepítsd a Live Servert (nagyon ajánlott)

  • Bal oldalt: Extensions

  • Keresd: Live Server CTRL+SHIFT+X

  • Telepítés után: jobb klikk az index.html-en → Open with Live Server

Ez automatikusan frissíti a böngészőt, amikor mented a kódot.

6. A weboldal megnyitása

  • Live Serverrel automatikus

  • Vagy dupla kattintás az index.html-re → megnyílik a böngészőben

Vissza