Instrumentele de bază necesare pentru designul web sunt uimitor de simple. În afară de un computer și o conexiune la internet, cele mai multe dintre instrumentele de care aveți nevoie pentru a crea un site web sunt programe software, dintre care unele pot fi deja pe computerul dvs. Aveți nevoie de un editor de text sau HTML, un editor grafic, browsere web și un client FTP pentru a încărca fișiere pe serverul dvs. web.
Alegerea unui text de bază sau a unui editor HTML
Puteți scrie HTML într-un editor de text simplu, cum ar fi Notepad în Windows 10, TextEdit pe Mac sau Vi sau Emacs în Linux. Introduceți codul HTML, salvați documentul ca fișier web și deschideți-l într-un browser pentru a vă asigura că se pare că este cazul.
Dacă doriți mai multă funcționalitate decât găsiți într-un editor de text simplu, utilizați în schimb un editor HTML. Editorii HTML recunosc codul și sunt capabili să identifice erorile de codificare înainte de lansarea fișierului. De asemenea, pot adăuga etichete de închidere pe care le uitați și evidențiați link-uri întrerupte. Ei recunosc și găzduiesc alte limbi de codare, cum ar fi CSS, PHP și JavaScript.
Există mulți editori HTML pe piață și diferă de la software-ul de bază la cel profesionist. Dacă sunteți nou la scrierea de pagini web, unul dintre editorii WYSIWYG (Ceea ce vedeți este ceea ce obțineți) ar putea funcționa cel mai bine pentru dvs. Unii editori afișează numai codul, dar cu unele dintre ele puteți comuta între vizualizările de codare și vizualizările vizuale. Iată câțiva dintre editorii de HTML web disponibili:
- Komodo IDE și interfața sa prietenoasă sunt potrivite atât pentru începători, cât și pentru dezvoltatori web avansați. Caracteristica de completare automată a lui Komodo IDE este deosebit de utilă pentru noii dezvoltatori, deoarece știe cum să scrie coduri pentru elemente comune, cum ar fi linkurile. Software-ul suportă codarea culorilor pentru diferite tipuri de codare precum HTML, CSS și multe alte limbi de codare. Komodo IDE este un software cross-platform care rulează pe Windows, Mac și Linux.
- CoffeeCup HTML Editor este pentru dezvoltatorii noi care sunt mai interesați să învețe să codifice decât într-o interfață vizuală. Acest editor robust vine cu șabloane și are checkers de validare pentru a vă menține codul fără erori. Acesta include completarea codului și suportă alte limbi de codare pe care le puteți utiliza împreună cu codul HTML. Începătorii îl vor aprecia atunci când software-ul evidențiază erori în cod, explică de ce au apărut și le spun dezvoltatorului cum să le repare. CoffeeCup HTML Editor rulează pe Windows.
- Mobirise este un editor HTML pentru persoanele care nu doresc să se implice în cod. Este vorba de alegerea unei teme și apoi de glisarea și plasarea elementelor pe pagină. Adăugați textul exact așa cum ați proceda într-un editor de text obișnuit și inserați imagini, videoclipuri sau pictograme - toate fără scrierea unui cod; Mobirise face acea parte pentru tine. Mobirise este disponibil pentru Windows și Mac, și este gratuit.
Web Browsers
Testați-vă paginile web într-un browser pentru a vă asigura că arată exact cum ați intenționat înainte de lansarea paginii. Chrome, Firefox, Safari (Mac) și Internet Explorer (Windows) sunt cele mai populare browsere. Verificați codul HTML în cât mai multe browsere pe care le aveți pe computer și descărcați browsere mai puțin cunoscute, cum ar fi Opera, de asemenea.
Editor grafic
Tipul de editor de grafică de care aveți nevoie depinde de site-ul dvs. Web. Deși Adobe Photoshop este standardul de aur pentru lucrul cu fotografiile, este posibil să nu aveți nevoie de acea multă putere. S-ar putea să preferați un program grafic vectoric pentru lucrul cu logo-ul și ilustrația. Câțiva editori de grafică care se uită la utilizarea de bază pentru dezvoltarea web includ:
- GIMP este un program gratuit de editare a fotografiilor open source care oferă multe dintre caracteristicile concurenților săi mai scumpe. Ca software open source, este disponibil pentru Windows, Mac și Linux.
- Photoshop Elements pentru Mac și PC este un editor de imagini care este o versiune ușoară a lui nameake dar cu o mulțime de putere pentru a lucra cu grafica pentru web.
- Corel PaintShop Propentru PC-uri are aproape toate instrumentele utile pe care le găsiți în Photoshop și o interfață ușor de folosit.
- Inkscape pentru Windows, Mac și Linux este un editor grafic gratuit vector. Această alternativă la cel mai scump Adobe Illustrator are mai mult decât suficientă putere pentru o lucrare de proiectare simplă și grafică web.
Client FTP
Aveți nevoie de un client FTP pentru a vă transfera fișierele HTML și pentru a sprijini imaginile și grafica pe serverul dvs. web. În timp ce FTP este disponibil prin linia de comandă în Windows, Macintosh și Linux, este mult mai ușor de utilizat un client. Există mulți clienți FTP de bună calitate disponibili, inclusiv:
- FileZilla este un client gratuit FTP disponibil pentru Windows, Mac și Linux. Acesta acceptă transferurile de fișiere drag-and-drop și are o caracteristică de pauză și reluare pentru încărcarea fișierelor mari.
- Cyberduck este un software open-source, cross-platform, cunoscut pentru integrarea sa perfectă cu editoarele externe și interfața sa de utilizator atractivă.
- FTP gratuit și FTP direct sunt făcute de aceeași companie. Free FTP este un client minimalist, dar îndeplinește toate nevoile de transfer de fișiere de bază. FTP direct este o versiune premium care oferă funcții avansate. Ambele versiuni sunt acceptate de Windows 7,8 și Vista, dar numai FTP direct este potrivit pentru Windows 10.
- Transmite este un client FTP premium, numai pentru Mac. Facilitează transferurile neobișnuit de rapide și acceptă Amazon CloudFront.
- Cute FTP este un puternic client FTP premium pe care îl puteți utiliza pentru a efectua până la 100 de transferuri în același timp. Acesta este considerat unul dintre cei mai sigure clienți FTP din jur.
