Afgezien van een computer en een internetverbinding, zijn de meeste tools die je nodig hebt om een website te bouwen: software, waarvan sommige mogelijk al op uw computer staan. U hebt een tekst- of HTML-editor, een grafische editor, webbrowsers en een FTP-client nodig om bestanden naar uw webserver te uploaden.
Een basistekst- of HTML-editor kiezen
U kunt HTML schrijven in een platte teksteditor zoals: Kladblok in Windows 10, TekstBewerken en Sublime Text op een Mac, of Vi of Emacs in Linux. U maakt de HTML-codering voor de pagina, slaat het document op als een webbestand en opent het in een browser om er zeker van te zijn dat het eruitziet zoals het hoort.
Als u meer functionaliteit wilt dan een platte teksteditor biedt, gebruikt u in plaats daarvan een HTML-editor. HTML-editors herkennen code en kunnen codeerfouten identificeren voordat u het bestand start. Ze kunnen ook afsluitende tags toevoegen die je bent vergeten en gebroken markeren links. Ze herkennen en accommoderen andere codeertalen zoals CSS, PHP en JavaScript.
De vele HTML-editors op de markt variëren van basis- tot professioneel niveau. Als het schrijven van webpagina's nieuw voor u is, is een van de WYSIWYG (What You See Is What You Get)-editors werken misschien het beste voor u. Sommige editors tonen alleen de code, maar met sommige kunt u schakelen tussen coderingsweergaven en visuele weergaven. Hier zijn enkele van de vele beschikbare HTML-webeditors:
- Komodo IDE en de gebruiksvriendelijke interface zijn geschikt voor zowel beginnende als gevorderde webontwikkelaars. De autocomplete-functie van Komodo IDE is vooral handig wanneer u code schrijft voor veelvoorkomende elementen zoals koppelingen. De software ondersteunt kleurcodering van verschillende codeertalen zoals HTML, CSS en vele andere. Komodo IDE draait op Windows, Mac en Linux.
- CoffeeCup HTML-editor is vooral handig voor nieuwe ontwikkelaars die meer geïnteresseerd zijn in het leren coderen dan in een visuele interface. Deze robuuste editor wordt geleverd met sjablonen en heeft validatiecontroles om uw code vrij van fouten te houden. Het bevat code-aanvulling en ondersteunt andere codeertalen u zou kunnen gebruiken in combinatie met HTML. De software markeert fouten, legt uit waarom ze zijn verschenen en vertelt je hoe je ze kunt oplossen. CoffeeCup HTML Editor draait op Windows.
- mobiliseren is een HTML-editor voor mensen die zich niet met code willen bemoeien. Het draait allemaal om het kiezen van een thema en vervolgens elementen op de pagina te slepen en neer te zetten. Voeg tekst toe net zoals je zou doen in een gewone teksteditor en voeg afbeeldingen, video's of pictogrammen in - allemaal zonder code te schrijven; Mobirise doet dat deel voor u. Mobirise is beschikbaar voor Windows en Mac en is gratis.
Web browsers
Websites kunnen er van browser tot browser anders uitzien, dus het is van cruciaal belang om uw webpagina's te testen om er zeker van te zijn dat ze eruitzien en werken zoals bedoeld. Chrome, Firefox, Safari (Mac), Opera, en Edge (Windows) zijn de meest populaire browsers.
U moet uw pagina's ook testen op uiterlijk en functie in mobiele browsers. De meeste desktopbrowsers bieden de mogelijkheid om websites in vensters van verschillende grootte te bekijken. Er is bijvoorbeeld een schat aan testtools beschikbaar in Google Chrome op: Visie > Ontwikkelaar > Ontwikkelaarstools. Selecteer het smartphonepictogram in de linkerbovenhoek van het ontwikkelaarsvenster om elke pagina in vensters van verschillende grootte en mobiele besturingssystemen te zien.
Grafische Editor
Het type grafische editor dat u nodig heeft, hangt af van uw website. Adobe Photoshop is de gouden standaard, maar je hebt misschien niet zoveel kracht nodig, plus misschien heb je een vectorgrafisch programma nodig voor logo- en illustratiewerk. Enkele grafische editors om naar te kijken voor basiswebontwikkeling zijn:
- GIMP is een gratis, open-source fotobewerkingsprogramma dat veel van de functies van zijn duurdere concurrenten biedt. Net zo open source software, het is beschikbaar voor Windows, Mac en Linux.
- Photoshop-elementen voor de Mac en pc is een lichte versie van zijn naamgenoot, maar heeft veel functies.
- Corel PaintShop Pro voor pc's heeft bijna alle tools die u in Photoshop vindt in een gebruiksvriendelijke interface.
- Inkscape voor Windows, Mac en Linux is een gratis editor voor vectorafbeeldingen. Dit alternatief voor de duurdere Adobe Illustrator heeft meer dan genoeg mogelijkheden voor eenvoudig ontwerpwerk en webafbeeldingen.
FTP-client
U hebt een FTP-client (File Transfer Protocol) nodig om uw HTML-bestanden en ondersteunende afbeeldingen en afbeeldingen naar uw webserver over te brengen. FTP is beschikbaar via de opdrachtregel in Windows, Macintosh en Linux, maar een speciale FTP-client is veel gemakkelijker te gebruiken. De top FTP-clients omvatten:
- FileZilla (gratis) is beschikbaar voor Windows, Mac en Linux. Het ondersteunt bestandsoverdrachten met slepen en neerzetten en heeft een pauze- en hervatfunctie voor het uploaden van grote bestanden.
- Cyberduck is gratis, open-source, platformonafhankelijke software die bekend staat om zijn naadloze integratie met externe editors en zijn aantrekkelijke gebruikersinterface.
- Gratis FTP en Directe FTP worden gemaakt door hetzelfde bedrijf. Gratis FTP is een minimalistische client die voldoet aan de basisbehoeften voor bestandsoverdracht. Direct FTP is een premium-versie die geavanceerde functies biedt. Beide versies worden ondersteund door Windows 7, 8 en Vista, maar alleen Direct FTP is geschikt voor Windows 10.
- zenden is een premium FTP-client voor alleen Mac. Het maakt ongewoon snelle overdrachten mogelijk en ondersteunt Amazon CloudFront.
- Leuke FTP is een krachtige premium FTP-client die u kunt gebruiken om tot 100 overdrachten tegelijk uit te voeren. Het wordt beschouwd als een van de meest veilige FTP-clients die er zijn.