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 új weboldalakat írsz, az egyik WYSIWYG (amit látsz, amit kapsz) szerkesztők a lehető legjobban működnek az Ön számára. 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:
- Komodo IDE és felhasználóbarát kezelőfelülete alkalmas a kezdők és a fejlett webfejlesztők számára. 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.
- CoffeeCup HTML Szerkesztő olyan új fejlesztők számára, akik jobban érdekeltek a kód megismerésében, mint a vizuális felületben. 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.
- Mobirise olyan 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öveg hozzáadása, csakúgy, mint egy normál szövegszerkesztőben, és beilleszthet képeket, videókat vagy ikonokat - mindezt kódok írá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
Ellenőrizze 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 igényel annyi energiát. 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 alapvető webes fejlesztési célokat:
- ZSINÓR 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ő.
- Photoshop Elements a Mac és a PC egy olyan képszerkesztő, amely a névrokon könnyű verziója, de rengeteg energiával rendelkezik a webes grafika használatához.
- Corel PaintShop Proa számítógépeknek szinte minden hasznos eszköze megtalálható a Photoshop-ban és egy könnyen használható felület.
- Inkscape A Windows, a Mac és a 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:
- FileZilla egy ingyenes FTP kliens Windows, Mac és Linux alatt. 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.
- Cyberduck ingyenes, nyílt forrású, többplatformos szoftver, amely a külső szerkesztők és a vonzó felhasználói felülete zökkenőmentes integrációjával ismert.
- Ingyenes FTP és Közvetlen FTP ugyanazon cég készítette. 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.
- továbbít egy prémium, csak 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 legfeljebb 100 átutalást tud készíteni. Az egyik legbiztonságosabb FTP-ügyfélnek számít.
