De grundlæggende værktøjer til brug for webdesign er utroligt enkle. Bortset fra en computer og en internetforbindelse er de fleste af de værktøjer, du har brug for til at opbygge et websted, 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 til at uploade filer til din webserver.
Valg af en grundlæggende tekst eller HTML editor
Du kan skrive HTML i et almindeligt tekstredigeringsprogram som Notesblok i Windows 10, TextEdit på Mac eller Vi eller Emacs i Linux. Du indtaster HTML-koden, gemmer dokumentet som en webfil og åbner det i en browser for at sikre, at det ser ud til at det skal.
Hvis du vil have mere funktionalitet end du finder i en almindelig teksteditor, skal du bruge et 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 lukkekoder, du glemmer og fremhæve brudte links. De genkender og rummer andre kodende sprog som CSS, PHP og JavaScript.
Der er mange HTML-redaktører på markedet, og de varierer fra grundlæggende til professionel software. Hvis du er ny til at skrive websider, kan en af WYSIWYG (What You See Is What You Get) redaktører virke bedst for dig. Nogle redaktører viser kun koden, men med nogle af dem kan du skifte mellem kodende visninger og visuelle visninger. Her er et par af de mange HTML-webredaktører til rådighed:
- Komodo IDE og dens brugervenlige interface er velegnet til både begyndere og avancerede webudviklere. Komodo IDEs autofuldføringsfunktion er særligt praktisk til nye udviklere, fordi den ved, hvordan man skriver kode til fælles elementer som links. Softwaren understøtter farvekodning af forskellige kodningstyper som HTML, CSS og mange andre kodningssprog. Komodo IDE er platformsoftware, der kører på Windows, Mac og Linux.
- CoffeeCup HTML Editor er til 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 valideringscheckere for at holde din kode fejlfri. Det omfatter kodeudfyldning og understøtter andre kodningssprog, du kan bruge sammen med HTML. Nybegyndere vil sætte pris på det, når softwaren fremhæver fejl i koden, forklarer hvorfor de dukkede op og fortæller udvikleren hvordan man fikser dem. CoffeeCup HTML Editor kører på Windows.
- Mobirise er et HTML-redaktør til personer, der ikke ønsker at blive involveret i kode. Det handler om at vælge et tema og derefter trække og slippe elementer på siden. Tilføj tekst ligesom du ville i en almindelig tekstredigerer og indsæt billeder, videoer eller ikoner - alt 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
Test dine websider i en browser for at sikre, at de ligner, hvad du har tænkt dig, før du starter siden. Chrome, Firefox, Safari (Mac) og Internet Explorer (Windows) er de mest populære browsere. Tjek din HTML i så mange browsere, som du har på din computer og download mindre kendte browsere, som f.eks. Opera.
Graphics Editor
Den type grafik editor du har brug for afhænger af dit websted. Selvom Adobe Photoshop er guldstandarden til at arbejde med fotos, behøver du muligvis ikke så meget strøm. Du foretrækker måske et vektor grafisk program til logo og illustration arbejde. Nogle grafiske redaktører at se på til grundlæggende webudvikling er:
- GIMP er et gratis, open source fotoredigeringsprogram, der giver mange af funktionerne i sine dyrere konkurrenter. Som open source-software er den tilgængelig til Windows, Mac og Linux.
- Photoshop Elements for Mac og pc er et billedredaktør, der er en let version af sin navnebror, men med masser af strøm til at arbejde med grafik til internettet.
- Corel PaintShop Protil pc'er har næsten alle de nyttige værktøjer, du finder i Photoshop og en grænseflade, der er nem at bruge.
- Inkscape til Windows, Mac og Linux er en gratis vektor grafik editor. Dette alternativ til den prismærke Adobe Illustrator har mere end nok strøm til simpelt designarbejde og webgrafik.
FTP-klient
Du har brug for en FTP-klient til at overføre dine HTML-filer og støtte billeder og grafik til din webserver. Mens FTP er tilgængelig via kommandolinjen i Windows, Macintosh og Linux, er det meget nemmere at bruge en klient. Der er mange FTP-klienter af god kvalitet til rådighed, herunder:
- FileZilla er en gratis FTP-klient 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 fri open source, platformplatformsoftware kendt for sin sømløse integration med eksterne redaktører og dens attraktive brugergrænseflade.
- Gratis FTP og Direkte FTP er lavet af samme firma. Gratis FTP er en minimalistisk klient, men den opfylder alle de grundlæggende filoverførselsbehov. 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.
- Transmit er en premium, Mac-only FTP-klient. Det letter usædvanlige hurtige overførsler og understøtter Amazon CloudFront.
- Sød FTP er en kraftfuld premium FTP-klient, du kan bruge til at lave op til 100 overførsler på samme tid. Det anses for at være en af de mest sikre FTP-klienter rundt.
