De basisgereedschappen die nodig zijn voor webdesign zijn verbazingwekkend eenvoudig. Afgezien van een computer en een internetverbinding, zijn de meeste hulpmiddelen die u nodig hebt om een website te bouwen softwareprogramma's, waarvan sommige 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
Je kunt HTML schrijven in een gewone teksteditor zoals Notepad in Windows 10, TextEdit op de Mac of Vi of Emacs in Linux. U voert de HTML-code in, slaat het document op als een webbestand en opent het in een browser om er zeker van te zijn dat het lijkt te werken.
Als u meer functionaliteit wilt dan u in een gewone teksteditor vindt, gebruikt u in plaats hiervan een HTML-editor. HTML-editors herkennen code en kunnen coderingsfouten identificeren voordat u het bestand start. Ze kunnen ook afsluitende tags toevoegen die u bent vergeten en onderbroken links markeren. Ze herkennen en passen andere coderingstalen aan, zoals CSS, PHP en JavaScript.
Er zijn veel HTML-editors op de markt en deze variëren van standaard software tot professionele software. Als u net bent begonnen met het schrijven van webpagina's, zou een van de WYSIWYG-bewerkers (het werk dat u ziet is wat u krijgt) het beste voor u kunnen werken. Sommige editors tonen alleen de code, maar bij sommige daarvan kunt u schakelen tussen codeerweergaven en visuele weergaven. Hier zijn enkele van de vele HTML-webeditors beschikbaar:
- Komodo IDE en de gebruikersvriendelijke interface is geschikt voor zowel beginnende als gevorderde webontwikkelaars. De functie AutoAanvullen van Komodo IDE is vooral handig voor nieuwe ontwikkelaars omdat deze code kan schrijven voor algemene elementen zoals koppelingen. De software ondersteunt kleurcodering van verschillende coderingstypen zoals HTML, CSS en vele andere coderingstalen. Komodo IDE is platformonafhankelijke software die op Windows, Mac en Linux draait.
- CoffeeCup HTML Editor is voor nieuwe ontwikkelaars die meer geïnteresseerd zijn in het leren coderen dan in een visuele interface. Deze krachtige editor wordt geleverd met sjablonen en bevat validatiecontroles om uw code foutvrij te houden. Het bevat code-aanvulling en ondersteunt andere codeertalen die u in combinatie met HTML kunt gebruiken. Beginners zullen het op prijs stellen als de software fouten in de code accentueert, uitlegt waarom ze verschenen en de ontwikkelaar vertelt hoe ze deze kunnen oplossen. CoffeeCup HTML Editor werkt op Windows.
- Mobirise is een HTML-editor voor mensen die niet betrokken willen worden bij code. Alles draait om het kiezen van een thema en het slepen en neerzetten van elementen op de pagina. Voeg tekst toe zoals u dat zou doen in een gewone teksteditor en voeg afbeeldingen, video's of pictogrammen in - allemaal zonder een code te schrijven; Mobirise doet dat voor jou. Mobirise is beschikbaar voor Windows en Mac en het is gratis.
Web browsers
Test uw webpagina's in een browser om er zeker van te zijn dat ze eruitzien zoals u van plan was voordat u de pagina startte. Chrome, Firefox, Safari (Mac) en Internet Explorer (Windows) zijn de meest populaire browsers. Controleer uw HTML in zoveel browsers als u op uw computer hebt en download minder bekende browsers, zoals Opera, ook.
Grafische editor
Het type grafische editor dat u nodig hebt, is afhankelijk van uw website. Hoewel Adobe Photoshop de gouden standaard is voor het werken met foto's, hebt u misschien niet zoveel kracht nodig. Misschien heeft u liever een grafisch vectorprogramma voor logo- en illustratiewerk. Enkele grafische editors die u kunt bekijken voor basisgebruik van webontwikkeling zijn:
- GIMP is een gratis, open-source fotobewerkingsprogramma dat veel van de functies van zijn duurdere concurrenten biedt. Als open source-software is het beschikbaar voor Windows, Mac en Linux.
- Photoshop Elements voor de Mac en pc is een beeldbewerker die een lichte versie is van zijn naamgenoot, maar met voldoende kracht voor het werken met afbeeldingen voor het web.
- Corel PaintShop Provoor pc's heeft bijna alle handige hulpmiddelen die u in Photoshop vindt en een interface die gemakkelijk te gebruiken is.
- Inkscape voor Windows, Mac en Linux is een gratis vectorafbeeldingeneditor. Dit alternatief voor de duurdere Adobe Illustrator heeft meer dan voldoende vermogen voor eenvoudig ontwerpwerk en webafbeeldingen.
FTP-client
U hebt een FTP-client nodig om uw HTML-bestanden en ondersteunende afbeeldingen en grafische afbeeldingen over te zetten naar uw webserver. Hoewel FTP beschikbaar is via de opdrachtregel in Windows, Macintosh en Linux, is het een stuk eenvoudiger om een client te gebruiken. Er zijn veel FTP-clients van goede kwaliteit beschikbaar, waaronder:
- FileZilla is een gratis FTP-client beschikbaar voor Windows, Mac en Linux. Het ondersteunt bestandsoverdracht via slepen en neerzetten en heeft een pauze- en hervattingsfunctie voor het uploaden van grote bestanden.
- Cyberduck is gratis open-source, platformonafhankelijke software bekend om zijn naadloze integratie met externe editors en de aantrekkelijke gebruikersinterface.
- Gratis FTP en Directe FTP zijn gemaakt door hetzelfde bedrijf. Free FTP is een minimalistische client, maar het voldoet aan alle standaard vereisten 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.
- overdragen is een premium Mac-only FTP-client. Het vergemakkelijkt ongebruikelijk snelle overdrachten en ondersteunt Amazon CloudFront.
- Leuke FTP is een krachtige premium FTP-client die u kunt gebruiken om tot 100 overdrachten tegelijkertijd aan te maken. Het wordt beschouwd als een van de veiligste FTP-clients in de buurt.
