Nincs szükség sok szoftverre, hogy elinduljon webfejlesztőként
A webes tervezéshez szükséges alapvető eszközök meglepően egyszerűek. Számítógép és internetkapcsolat mellett a legtöbb olyan eszköz, amellyel meg kell építeni egy webhelyet, szoftverprogramok, amelyek közül néhány már a számítógépen is megtalálható. Szöveges vagy HTML-szerkesztőre, grafikus szerkesztőre, webböngészőre és FTP-ügyfélre van szüksége fájlok feltöltéséhez a webszerverre.
Alapvető szöveg vagy HTML szerkesztő kiválasztása
A HTML-ben egy egyszerű szövegszerkesztőben, például Notepadban, a Windows 10-ben, a TextEdit a Mac-on vagy a Vi vagy az Emacs-ban Linux-ban írhatsz. A HTML-kódot beírja, a dokumentumot webes fájlként mentheti, és böngészőben megnyithatja annak érdekében, hogy meggyőződjön róla, hogy úgy tűnik, hogy azt állítja.
Ha több funkciót szeretne látni egy egyszerű szövegszerkesztőben, használjon HTML-szerkesztőt. A HTML-szerkesztők felismerik a kódot, és képesek azonosítani a kódolási hibákat a fájl elindítása előtt. Hozzáadhatnak záró címkéket, amelyeket elfelejtenek, és kiemelik a hibás linkeket. Felismerik és befogadják más kódolási nyelveket, például a CSS, a PHP és a JavaScript.
Számos HTML szerkesztő van a piacon, és változik az alapszinttől a professzionális szintű szoftverig. Ha újak vagyunk az internetes oldalak írásához, az egyik WYSIWYG-amit látsz, amit te kapsz-szerkesztők, a legjobbat nyújtani neked. Néhány szerkesztő csak a kódot jeleníti meg, de közülük néhányat átválthat a kódolási nézetek és a vizuális nézetek között. Íme néhány a rendelkezésre álló számos HTML webszerkesztő közül:
- A Komodo IDE és a felhasználóbarát kezelőfelülete alkalmas a kezdeti és a fejlett webfejlesztőknek. A Komodo IDE automatikus kiegészítése funkciója különösen hasznos az új fejlesztők számára, mert tudja, hogyan kell kódot írni a közös elemekhez, például a linkekhez. A szoftver különböző kódolási típusok, például HTML, CSS és sok más kódolási nyelv színkódolását támogatja. A Komodo IDE több platformot tartalmazó szoftver, amely Windows, Mac és Linux alatt fut.
- A CoffeeCup HTML Editor olyan új fejlesztőknek szól, akik jobban érdekli a kód megszerzését, mint a vizuális felületen. Ez a robusztus szerkesztő sablonokkal rendelkezik, és érvényesítési ellenőrzőkkel rendelkezik, hogy a kódot hibamentesen tartsa. Ez magában foglalja a kód kitöltését és támogatja a HTML kóddal együtt használható más kódolási nyelveket. A kezdők nagyra értékelik, ha a szoftver kiemeli a kód hibáit, megmagyarázza, miért jelentek meg, és elmondja a fejlesztőnek, hogyan kell ezeket kijavítani. A CoffeeCup HTML Editor a Windows rendszeren fut.
- A Mobirise HTML szerkesztő azok számára, akik nem akarnak kóddal foglalkozni. Ez egy téma kiválasztásáról, majd elemek húzásáról és elhúzásáról az oldalon. Szöveges szöveget is hozzáadhatsz, mint egy normál szövegszerkesztőben, és beilleszthetsz képeket, videókat vagy ikonokat - minden kód kódolása nélkül; A Mobirise ezt a részt az Ön számára. A Mobirise Windows és Mac számára is elérhető, és ingyenes.
Web böngészők
Vizsgálja meg weboldalai böngészőjében, hogy meggyőződhessen arról, hogy az oldal elindítása előtt úgy tűnik, mintha szándékában állt volna. A Chrome, a Firefox, a Safari (Mac) és az Internet Explorer (Windows) a legnépszerűbb böngészők. Ellenőrizze HTML formátumát annyi böngészőben, mint a számítógépén, és töltse le a kevésbé ismert böngészőket, mint például az Opera.
Grafikus szerkesztő
A szükséges grafikus szerkesztő típus a webhelyétől függ. Bár az Adobe Photoshop az arany szabvány a fotók feldolgozásához, előfordulhat, hogy nem kell ennyi energiát igényel. Lehet, hogy inkább vektoros grafikai programot szeretne használni a logó és illusztráció érdekében. Néhány grafikus szerkesztő, aki megvizsgálja az alapszintű webfejlesztés használatát:
- A GIMP egy ingyenes, nyílt forráskódú fotószerkesztő program, amely drágább versenytársainak számos funkcióját nyújtja. Nyílt forráskódú szoftverként Windows, Mac és Linux alatt is elérhető.
- A Mac és a PC Photoshop Elements egy olyan képszerkesztő, amely a névrokon könnyű változata, de rengeteg energiával rendelkezik a grafika grafikus kezeléséhez.
- A Corel PaintShop Pro PC-hez szinte az összes hasznos eszközt megtalálja a Photoshop-ban és egy könnyen kezelhető felületet.
- Az Inkscape for Windows, Mac és Linux egy ingyenes vektorgrafikus szerkesztő. A pricier Adobe Illustrator ezen alternatívája több mint elegendő teljesítményt biztosít az egyszerű tervezési munkákhoz és a webgrafikákhoz.
FTP kliens
Szüksége van egy FTP kliensre a HTML fájlok átvitelére és a képek és grafikák támogatására a webszerverre. Míg az FTP a Windows, a Macintosh és a Linux parancssori címén érhető el, sokkal könnyebb az ügyfél használata. Számos jó minőségű FTP-ügyfél áll rendelkezésre, többek között:
- A FileZilla egy ingyenes FTP kliens, amely Windows, Mac és Linux alatt áll rendelkezésre. Támogatja a drag-and-drop fájlok átviteleit, és szüneteltetési és újraindítási funkcióval rendelkezik a nagy fájlok feltöltéséhez.
- A Cyberduck ingyenes, nyílt forrású, többplatformos szoftver, amely a külső szerkesztők és vonzó felhasználói felületének zökkenőmentes integrációjával ismert.
- Az ingyenes FTP-t és a közvetlen FTP- t ugyanazon cég végzi. Az ingyenes FTP egy minimalista kliens, de megfelel az alapvető fájlátviteli igényeknek. A közvetlen FTP egy olyan prémium verzió, amely fejlett szolgáltatásokat kínál. Mindkét verziót támogatja a Windows 7,8 és a Vista, de csak a Direct FTP alkalmas a Windows 10 rendszerre.
- A Transmit egy prémium, kizárólag Mac-alapú FTP-ügyfél. Ez szokatlanul gyors átvitelt tesz lehetővé, és támogatja az Amazon CloudFront technológiát.
- Aranyos FTP egy erőteljes prémium FTP kliens, amellyel egyidejűleg akár 100 transzfer is használható. Az egyik legbiztonságosabb FTP-ügyfélnek számít.