Bortset fra en computer og en internetforbindelse er de fleste af de værktøjer, du har brug for til at opbygge et websted, det softwareprogrammer, hvoraf nogle måske allerede findes på din computer. Du har brug for en tekst- eller HTML-editor, en grafikeditor, webbrowsere og en FTP-klient for at uploade filer til din webserver.
Valg af en grundlæggende tekst eller HTML-editor
Du kan skrive HTML i en almindelig teksteditor som f.eks Notesblok i Windows 10, TextEdit og sublim tekst på en Mac eller Vi eller Emacs i Linux. Du opretter HTML-kodningen til siden, gemmer dokumentet som en webfil og åbner det i en browser for at sikre, at det ser ud som det skal.
Hvis du vil have mere funktionalitet end en almindelig teksteditor tilbyder, skal du bruge en HTML-editor i stedet. HTML-redaktører genkender kode og er i stand til at identificere kodningsfejl, før du starter filen. De kan også tilføje lukkemærker, du glemmer og fremhæver ødelagte links. De genkender og rummer andre kodningssprog som CSS, PHP og JavaScript.
De mange HTML-redaktører på markedet varierer fra grundlæggende til professionelt niveau. Hvis du er ny til at skrive websider, skal en af WYSIWYG (Hvad du ser er hvad du får) redaktører fungerer muligvis bedst for dig. Nogle redaktører viser kun koden, men nogle giver dig mulighed for at skifte mellem kodende visninger og visuelle visninger. Her er et par af de mange tilgængelige HTML-webredaktører:
- Komodo IDE og dets brugervenlige grænseflade er velegnet til både begyndende og avancerede webudviklere. Komodo IDEs autofuldførelsesfunktion er især praktisk, når du skriver kode til almindelige elementer såsom links. Softwaren understøtter farvekodning af forskellige kodningssprog som HTML, CSS og mange andre. Komodo IDE kører på Windows, Mac og Linux.
- CoffeeCup HTML Editor er især nyttigt for nye udviklere, der er mere interesserede i at lære at kode end i en visuel grænseflade. Denne robuste editor leveres med skabeloner og har valideringskontroller, der hjælper med at holde din kode fri for fejl. Det inkluderer færdiggørelse af kode og understøtter andet kodningssprog du muligvis bruger sammen med HTML. Softwaren fremhæver fejl, forklarer hvorfor de dukkede op og fortæller dig, hvordan du retter dem. CoffeeCup HTML Editor kører på Windows.
- Mobirise er en HTML-editor til folk, der ikke ønsker at blive involveret i kode. Det handler om at vælge en tema og derefter trække og slippe elementer på siden. Tilføj tekst ligesom i en almindelig teksteditor, og indsæt billeder, videoer eller ikoner - alt sammen uden at skrive nogen kode; Mobirise gør den del for dig. Mobirise er tilgængelig til Windows og Mac, og det er gratis.
Webbrowsere
Websteder kan se anderledes ud fra browser til browser, så det er afgørende at teste dine websider for at sikre, at de ser ud og fungerer som beregnet. Chrome, Firefox, Safari (Mac), Opera, og Edge (Windows) er de mest populære browsere.
Du skal også teste dine sider for udseende og funktion i mobilbrowsere. De fleste desktop-browsere tilbyder muligheden for at se websteder i forskellige størrelser i vinduer. For eksempel er et væld af testværktøjer tilgængelige i Google Chrome på Udsigt > Udvikler > Udvikler værktøjer. Vælg smartphone-ikonet øverst til venstre i udviklervinduet for at se en hvilken som helst side i windows og mobile operativsystemer med forskellig størrelse.
Grafik Editor
Den type grafikeditor, du har brug for, afhænger af dit websted. Adobe Photoshop er guldstandarden, men du har muligvis ikke brug for så meget magt - plus muligvis et vektorgrafikprogram til logo- og illustrationsarbejde. Et par grafikredaktører at se på for grundlæggende webudvikling inkluderer:
- GIMP er et gratis open source fotoredigeringsprogram, der giver mange af funktionerne hos sine dyrere konkurrenter. Som open source software, den er tilgængelig til Windows, Mac og Linux.
- Photoshop Elements til Mac og pc er en let version af dens navnebror, men har masser af funktioner.
- Corel PaintShop Pro til pc'er har næsten alle de værktøjer, du finder i Photoshop i en brugervenlig grænseflade.
- Inkscape til Windows, Mac og Linux er en gratis vektorgrafikeditor. Dette alternativ til den dyrere Adobe Illustrator har mere end nok muligheder for simpelt designarbejde og webgrafik.
FTP-klient
Du har brug for en FTP (filoverførselsprotokol) klient for at overføre dine HTML-filer og understøttende billeder og grafik til din webserver. FTP er tilgængelig via kommandolinjen i Windows, Macintosh og Linux, men en dedikeret FTP-klient er meget nemmere at bruge. Toppen FTP-klienter omfatte:
- FileZilla (gratis) er tilgængelig til Windows, Mac og Linux. Det understøtter træk-og-slip-filoverførsler og har en pause- og genoptagelsesfunktion til upload af store filer.
- Cyberduck er gratis, open-source, platform på tværs af platforme kendt for sin problemfri integration med eksterne redaktører og dets attraktive brugergrænseflade.
- Gratis FTP og Direkte FTP er lavet af det samme firma. Gratis FTP er en minimalistisk klient, der opfylder de grundlæggende behov for filoverførsel. Direkte FTP er en premium-version, der tilbyder avancerede funktioner. Begge versioner understøttes af Windows 7, 8 og Vista, men kun Direct FTP er egnet til Windows 10.
- Send er en premium, kun Mac-FTP-klient. Det letter usædvanligt hurtige overførsler og understøtter Amazon CloudFront.
- Sød FTP er en stærk premium FTP-klient, du kan bruge til at foretage op til 100 overførsler på samme tid. Det anses for at være en af de mest sikre FTP-klienter til rådighed.