A számítógép és az internetkapcsolat mellett a legtöbb eszköz a weboldal készítéséhez szükséges szoftver programok, amelyek némelyike már megtalálható a számítógépén. Szüksége van egy szöveges vagy HTML-szerkesztőre, egy grafikus szerkesztőre, webböngészőkre és egy FTP-kliensre, hogy fájlokat töltsön fel a webkiszolgálóra.
Alapszöveges vagy HTML-szerkesztő kiválasztása
HTML-t írhat egyszerű szövegszerkesztőben, például Jegyzettömb a Windows 10 rendszerben, TextEdit és Sublime Text Mac-en, vagy Vi vagy Emacs Linuxon. Létrehozza az oldal HTML-kódolását, elmenti a dokumentumot webfájlként, és megnyitja egy böngészőben, hogy megbizonyosodjon róla, hogy annak kellene lennie.
Ha több funkcionalitást szeretne, mint amit egy sima szövegszerkesztő kínál, használjon inkább HTML-szerkesztőt. A HTML-szerkesztők felismerik a kódot, és képesek azonosítani a kódolási hibákat, mielőtt elindítanák a fájlt. Hozzáadhatják az elfelejtett záró címkéket, és kiemelik a törötteket linkek. Felismerik és befogadják más kódoló nyelveket, mint például a CSS, a PHP és a JavaScript.
A piacon található sok HTML-szerkesztő az alapszinttől a szakmai szintig változik. Ha még nem ismeri a weboldalak írását, akkor az egyik WYSIWYG A (amit látod, amit kapsz) szerkesztők a legjobban működhetnek. Egyes szerkesztők csak a kódot mutatják, de egyesek lehetővé teszik a váltást a kódolási nézetek és a vizuális nézetek között. Íme néhány a sok elérhető HTML webszerkesztő közül:
- Komodo IDE és felhasználóbarát felülete alkalmas mind kezdő, mind haladó webfejlesztők számára. A Komodo IDE automatikus kiegészítés funkciója különösen hasznos, amikor olyan kódot ír be, amely olyan általános elemeket tartalmaz, mint a linkek. A szoftver támogatja a különböző kódolási nyelvek, például a HTML, a CSS és még sok más színkódolását. A Komodo IDE Windows, Mac és Windows rendszereken fut Linux.
- CoffeeCup HTML-szerkesztő különösen hasznos az új fejlesztők számára, akiket jobban érdekel a kódolás megtanulása, mint a vizuális felület. Ez a robusztus szerkesztő sablonokkal érkezik, és ellenőrzési ellenőrzőkkel rendelkezik, amelyek segítenek a kód hibamentesben tartásában. Ez magában foglalja a kód kitöltését, és támogatja a másikat kódoló nyelvek a HTML-lel együtt használhatja. A szoftver kiemeli a hibákat, elmagyarázza, miért jelentek meg, és megmondja, hogyan lehet ezeket kijavítani. A CoffeeCup HTML Editor Windows rendszeren fut.
- Mobirise egy HTML-szerkesztő azok számára, akik nem akarnak bekapcsolódni a kódba. Minden arról szól, hogy a téma majd az elemeket az oldalra húzva. Szöveg hozzáadása ugyanúgy, mint egy szokásos szövegszerkesztőben, és képek, videók vagy ikonok beszúrása - mindez kód beírása nélkül; Mobirise megteszi ezt a részt helyetted. A Mobirise elérhető Windows és Mac rendszerekhez, és ingyenes.
Böngészők
A webhelyek böngészőnként eltérőek lehetnek, ezért döntő fontosságú tesztelni a weboldalakat, hogy megbizonyosodjanak arról, hogy megfelelően néznek ki és működnek. Chrome, Firefox, Safari (Mac), Opera, és az Edge (Windows) a legnépszerűbb böngészők.
Tesztelnie kell oldalainak megjelenését és működését a mobil böngészőkben is. A legtöbb asztali böngésző lehetővé teszi a webhelyek megtekintését különböző méretű ablakokban. Például rengeteg tesztelő eszköz érhető el a Google Chrome böngészőben a következő címen: Kilátás > Fejlesztő > Fejlesztői eszközök. Válassza az okostelefon ikont a fejlesztői ablak bal felső sarkában, ha bármilyen oldalt szeretne látni különböző méretű ablakokban és mobil operációs rendszerekben.
Grafikus szerkesztő
A szükséges grafikus szerkesztő típusa a webhelyétől függ. Az Adobe Photoshop az arany szabvány, de lehet, hogy nincs szüksége ekkora energiára - ráadásul lehet, hogy vektorgrafikus programra van szüksége a logó és az illusztráció munkához. Néhány grafikus szerkesztő, akit meg kell vizsgálni az alapvető webfejlesztéshez, a következőket tartalmazza:
- ZSINÓR egy ingyenes, nyílt forráskódú képszerkesztő program, amely drágább versenytársainak számos funkcióját biztosítja. Mint nyílt forráskódú szoftver, Windows, Mac és Linux rendszereken érhető el.
- Photoshop Elements mert a Mac és a PC a névadójának könnyű változata, de rengeteg funkcióval rendelkezik.
- Corel PaintShop Pro a PC-k számára szinte minden eszközt megtalál, amelyet a Photoshopban talál, egy könnyen használható felületen.
- Inkscape a Windows, Mac és Linux számára egy ingyenes vektorgrafikus szerkesztő. A drágább Adobe Illustrator ezen alternatívája több mint elegendő képességgel rendelkezik az egyszerű tervezési munkákhoz és a webes grafikákhoz.
FTP kliens
Szüksége van egy FTP (fájlátviteli protokoll) kliensre a HTML fájlok, valamint a támogató képek és grafikák webkiszolgálóra történő átviteléhez. Az FTP parancssoron keresztül érhető el Windows, Macintosh és Linux rendszereken, de a dedikált FTP klienst sokkal könnyebb használni. A csúcs FTP kliensek tartalmazza:
- FileZilla (ingyenes) elérhető Windows, Mac és Linux rendszerekhez. Támogatja a fogd és vidd fájlátvitelt, valamint szüneteltetési és folytatási funkcióval rendelkezik a nagy fájlok feltöltéséhez.
- Cyberduck ingyenes, nyílt forráskódú, többplatformos szoftver, amely a külső szerkesztőkkel való zökkenőmentes integrációjáról és vonzó felhasználói felületéről ismert.
- Ingyenes FTP és Közvetlen FTP ugyanaz a cég gyártja. Az ingyenes FTP egy minimalista kliens, amely megfelel az alapvető fájlátviteli igényeknek. A Direct FTP egy prémium verzió, amely fejlett funkciókat kínál. Mindkét verziót támogatja a Windows 7, 8 és a Vista, de csak a Direct FTP alkalmas Windows 10-re.
- Adás egy prémium kategóriájú, csak Mac-en futó FTP kliens. Megkönnyíti a szokatlanul gyors átvitelt és támogatja az Amazon CloudFront.
- Aranyos FTP egy nagy teljesítményű prémium FTP kliens, amellyel akár 100 átutalást is végezhet egyszerre. A rendelkezésre álló egyik legbiztonságosabb FTP-kliensnek számít.