05-edytory html
🔹 Co to jest edytor HTML?
Edytor HTML to program (lub aplikacja online), który ułatwia tworzenie i edycję stron internetowych zapisanych w języku HTML (HyperText Markup Language). Można w nim pisać kod ręcznie albo korzystać z narzędzi, które wspierają programistę.
🔹 Rodzaje edytorów HTML
1. Edytory tekstowe (czysty kod)
Pozwalają pisać kod ręcznie, bez dodatkowych „ulepszaczy”.
âś… Dla osĂłb uczÄ…cych siÄ™ podstaw i programistĂłw.
🔧 Przykłady:
-
Notepad++ – prosty i lekki, darmowy.
-
Visual Studio Code (VS Code) – popularny, z wieloma rozszerzeniami.
-
Sublime Text – szybki i minimalistyczny.
2. Edytory WYSIWYG (What You See Is What You Get)
Pozwalają tworzyć stronę jak w edytorze tekstu (np. Word), a kod HTML generuje się automatycznie.
✅ Dla początkujących i osób, które nie chcą pisać dużo kodu.
🔧 Przykłady:
-
Adobe Dreamweaver – rozbudowany, z podglądem wizualnym.
-
BlueGriffon – darmowy i otwartoźródłowy.
3. Edytory online
Nie wymagają instalacji – działają w przeglądarce.
âś… Idealne do szybkich testĂłw i nauki.
🔧 Przykłady:
-
CodePen – świetny do dzielenia się projektami.
-
JSFiddle – prosty do testowania HTML, CSS i JavaScript.
-
JSBin – szybkie prototypowanie.
🔹 Na co zwrócić uwagę przy wyborze edytora?
-
Autouzupełnianie kodu – przyspiesza pisanie.
-
Podświetlanie składni – ułatwia czytanie kodu.
-
Podgląd na żywo – od razu widać efekty zmian.
-
Rozszerzenia i wtyczki – np. obsługa CSS, JavaScript, frameworków.
-
Lekkość i szybkość działania – ważne przy dużych projektach.
🔹 Rekomendacje dla początkujących
-
Jeśli chcesz uczyć się kodu od podstaw → Visual Studio Code.
-
Jeśli chcesz klikać i od razu widzieć efekt → CodePen lub BlueGriffon.