În afară de un computer și o conexiune la internet, majoritatea instrumentelor de care aveți nevoie pentru a construi un site web sunt programe software, dintre care unele pot fi deja pe computerul dvs. Aveți nevoie de un editor text sau HTML, un editor grafic, browsere web și un client FTP pentru a încărca fișiere pe serverul dvs. web.
Alegerea unui editor de text de bază sau HTML
Puteți scrie HTML într-un editor de text simplu, cum ar fi Notepad în Windows 10, TextEdit și Sublime Text pe un Mac, sau Vi sau Emacs în Linux. Creați codarea HTML pentru pagină, salvați documentul ca fișier web și îl deschideți într-un browser pentru a vă asigura că arată așa cum ar trebui.
Dacă doriți mai multe funcționalități decât oferă un editor de text simplu, utilizați în schimb un editor HTML. Editorii HTML recunosc codul și pot identifica erorile de codare înainte de a lansa fișierul. De asemenea, pot adăuga etichete de închidere pe care le uitați și evidențiați rupte link-uri. Ei recunosc și acomodează alte limbaje de codificare, cum ar fi CSS, PHP și JavaScript.
Numeroasele editoare HTML de pe piață variază de la nivelurile de bază la cele profesionale. Dacă sunteți nou la scrierea de pagini web, una dintre WYSIWYG (Ce vedeți este ceea ce obțineți) editorii ar putea funcționa cel mai bine pentru dvs. Unii editori afișează doar codul, dar unii vă permit să comutați între vizualizări de codare și vizualizări vizuale. Iată câteva dintre numeroasele editoare web HTML disponibile:
- Komodo IDE și interfața sa ușor de utilizat sunt potrivite atât pentru dezvoltatorii web începători, cât și pentru cei avansați. Funcția de completare automată Komodo IDE este deosebit de utilă atunci când scrieți cod pentru elemente comune, cum ar fi link-uri. Software-ul acceptă codarea color a diferitelor limbaje de codificare, cum ar fi HTML, CSS și multe altele. Komodo IDE rulează pe Windows, Mac și Linux.
- Editorul CoffeeCup HTML este util mai ales pentru noii dezvoltatori care sunt mai interesați să învețe să codeze decât într-o interfață vizuală. Acest editor robust vine cu șabloane și are verificatori de validare pentru a vă menține codul fără erori. Include completarea codului și acceptă altele limbaje de codare s-ar putea utiliza împreună cu HTML. Software-ul evidențiază erorile, explică de ce au apărut și vă spune cum să le remediați. CoffeeCup HTML Editor rulează pe Windows.
- Mobirise este un editor HTML pentru persoanele care nu doresc să se implice în cod. Este vorba despre alegerea unui temă și apoi trageți și fixați elemente pe pagină. Adăugați text așa cum ați face într-un editor de text obișnuit și introduceți imagini, videoclipuri sau pictograme - totul fără a scrie niciun cod; Mobirise face acea parte pentru tine. Mobirise este disponibil pentru Windows și Mac și este gratuit.
Browsere Web
Site-urile web pot arăta diferit de la un browser la altul, astfel încât testarea paginilor dvs. web pentru a vă asigura că arată și funcționează conform intenției este crucială. Chrome, Firefox, Safari (Mac), Operă, și Edge (Windows) sunt cele mai populare browsere.
Trebuie să testați și aspectele și funcțiile paginilor în browserele mobile. Majoritatea browserelor desktop oferă posibilitatea de a vizualiza site-uri web în ferestre de dimensiuni diferite. De exemplu, o multitudine de instrumente de testare este disponibilă în Google Chrome la Vedere > Dezvoltator > Instrumente de dezvoltare. Selectați pictograma smartphone-ului din stânga sus a ferestrei dezvoltatorului pentru a vedea orice pagină din ferestre și sisteme de operare mobile de dimensiuni diferite.
Editor grafic
Tipul de editor grafic de care aveți nevoie depinde de site-ul dvs. web. Adobe Photoshop este standardul de aur, dar este posibil să nu aveți nevoie de atâta putere - în plus, s-ar putea să aveți nevoie de un program de grafică vectorială pentru lucrul cu logo-uri și ilustrații. Câțiva editori de grafică care trebuie luați în considerare pentru dezvoltarea web de bază includ:
- GIMP este un program gratuit de editare foto open-source care oferă multe dintre caracteristicile concurenților săi mai scumpi. La fel de software open source, este disponibil pentru Windows, Mac și Linux.
- Elemente Photoshop pentru Mac și PC este o versiune ușoară a omonimului său, dar are o mulțime de caracteristici.
- Corel PaintShop Pro pentru PC-uri are aproape toate instrumentele pe care le găsiți în Photoshop într-o interfață ușor de utilizat.
- Inkscape pentru Windows, Mac și Linux este un editor gratuit de grafică vectorială. Această alternativă la mai scumpul Adobe Illustrator are capabilități mai mult decât suficiente pentru lucrări simple de proiectare și grafică web.
Client FTP
Aveți nevoie de un client FTP (protocol de transfer de fișiere) pentru a vă transfera fișierele HTML și imaginile și graficele suport către serverul dvs. web. FTP este disponibil prin linia de comandă în Windows, Macintosh și Linux, dar un client FTP dedicat este mult mai ușor de utilizat. Topul Clienți FTP include:
- FileZilla (gratuit) este disponibil pentru Windows, Mac și Linux. Acceptă transferuri de fișiere drag-and-drop și are o funcție de pauză și reluare pentru încărcarea fișierelor mari.
- Cyberduck este un software gratuit, open-source, multiplataforma, cunoscut pentru integrarea sa perfectă cu editori externi și interfața sa atractivă cu utilizatorul.
- FTP gratuit și FTP direct sunt realizate de aceeași companie. FTP gratuit este un client minimalist care satisface nevoile de bază de transfer de fișiere. Direct FTP este o versiune premium care oferă funcții avansate. Ambele versiuni sunt acceptate de Windows 7, 8 și Vista, dar numai Direct FTP este potrivit pentru Windows 10.
- Transmite este un client FTP premium, exclusiv pentru Mac. Facilitează transferurile neobișnuit de rapide și acceptă Amazon CloudFront.
- FTP drăguț este un client FTP premium puternic pe care îl puteți utiliza pentru a efectua până la 100 de transferuri în același timp. Este considerat a fi unul dintre cei mai siguri clienți FTP disponibili.