De grunnleggende verktøyene som trengs for webdesign er utrolig enkle. Bortsett fra en datamaskin og en internettforbindelse, er de fleste verktøyene du trenger for å bygge et nettsted programvareprogrammer, hvorav noen kanskje allerede finnes på datamaskinen. Du trenger en tekst eller HTML-editor, en grafikkredigerer, nettlesere og en FTP-klient for å laste opp filer til webserveren din.
Velge en grunnleggende tekst eller HTML-editor
Du kan skrive HTML i et vanlig tekstredigeringsprogram som Notisblokk i Windows 10, TextEdit på Mac, eller Vi eller Emacs i Linux. Du skriver inn HTML-koden, lagrer dokumentet som en webfil, og åpner den i en nettleser for å sikre at den ser ut som den skal.
Hvis du vil ha mer funksjonalitet enn du finner i et vanlig tekstredigeringsprogram, bruk en HTML-editor i stedet. HTML-redaktører gjenkjenner kode og kan identifisere kodingsfeil før du starter filen. De kan også legge til lukkekoder du glemmer og markerer ødelagte koblinger. De gjenkjenner og imøtekomme andre kodende språk som CSS, PHP og JavaScript.
Det er mange HTML redaktører på markedet, og de varierer fra grunnleggende til profesjonelt nivå programvare. Hvis du er ny til å skrive websider, kan en av WYSIWYG (Hva du ser er hva du får) redaktører fungere best for deg. Enkelte redaktører viser kun koden, men med noen av dem kan du bytte mellom kodende visninger og visuelle visninger. Her er noen av de mange HTML-webredaktørene tilgjengelige:
- Komodo IDE og det brukervennlige grensesnittet er egnet for både begynnende og avanserte webutviklere. Komodo IDEs autofullføringsfunksjon er spesielt nyttig for nye utviklere fordi den vet hvordan man skriver kode for vanlige elementer som linker. Programvaren støtter fargekoding av forskjellige kodetyper som HTML, CSS og mange andre kodende språk. Komodo IDE er plattformsoftware som kjører på Windows, Mac og Linux.
- CoffeeCup HTML Editor er for nye utviklere som er mer interessert i å lære å kode enn i et visuelt grensesnitt. Denne robuste redaktøren kommer med maler og har valideringskontrollere for å holde koden feilfri. Den inneholder kodeavslutning og støtter andre kodende språk du kan bruke sammen med HTML. Nybegynnere vil sette pris på det når programvaren fremhever feil i koden, forklarer hvorfor de dukket opp og forteller utvikleren hvordan de skal løses. CoffeeCup HTML Editor kjører på Windows.
- Mobirise er en HTML-editor for folk som ikke vil involvere seg med kode. Det handler om å plukke et tema og deretter dra og slippe elementer på siden. Legg til tekst akkurat som du ville i en vanlig tekstredigerer og sett inn bilder, videoer eller ikoner - alt uten å skrive noen kode; Mobirise gjør den delen for deg. Mobirise er tilgjengelig for Windows og Mac, og det er gratis.
Nettlesere
Test nettsidene dine i en nettleser for å sikre at de ser ut som du hadde tenkt før du startet siden. Chrome, Firefox, Safari (Mac) og Internet Explorer (Windows) er de mest populære nettleserne. Sjekk HTML-en din i så mange nettlesere som du har på datamaskinen din og last ned mindre kjente nettlesere, for eksempel Opera, også.
Grafikkredigering
Den type grafikkredigering du trenger, avhenger av nettstedet ditt. Selv om Adobe Photoshop er gullstandarden for å jobbe med bilder, trenger du kanskje ikke så mye strøm. Du kan foretrekke et vektorgrafisk program for logo og illustrasjonsarbeid. Noen grafikk redaktører å se på for grunnleggende webutvikling bruk inkluderer:
- GIMP er et gratis, åpen kildekode-fotoredigeringsprogram som gir mange av funksjonene til sine dyrere konkurrenter. Som åpen kildeprogramvare er den tilgjengelig for Windows, Mac og Linux.
- Photoshop Elements for Mac og PC er et bilderedigeringsprogram som er en lett versjon av navnebroren sin, men med stor kraft for å jobbe med grafikk på nettet.
- Corel PaintShop Profor PCer har nesten alle de nyttige verktøyene du finner i Photoshop og et grensesnitt som er enkelt å bruke.
- Inkscape for Windows, Mac og Linux er et gratis vektorgrafikredigeringsprogram. Dette alternativet til den pricier Adobe Illustrator har mer enn nok kraft for enkelt designarbeid og webgrafik.
FTP klient
Du trenger en FTP-klient for å overføre HTML-filene dine og støtte bilder og grafikk til webserveren din. Mens FTP er tilgjengelig via kommandolinjen i Windows, Macintosh og Linux, er det mye lettere å bruke en klient. Det finnes mange gode FTP-klienter av høy kvalitet, inkludert:
- FileZilla er en gratis FTP-klient tilgjengelig for Windows, Mac og Linux. Den støtter dra-og-slipp-filoverføringer og har en pause- og CV-funksjon for opplasting av store filer.
- Cyberduck er fri åpen kildekode, plattform programvare kjent for sin sømløse integrasjon med eksterne redaktører og dets attraktive brukergrensesnitt.
- Gratis FTP og Direkte FTP er laget av samme firma. Gratis FTP er en minimalistisk klient, men den oppfyller alle de grunnleggende filoverføringsbehovene. Direkte FTP er en premium versjon som tilbyr avanserte funksjoner. Begge versjonene støttes av Windows 7,8 og Vista, men bare Direct FTP er egnet for Windows 10.
- Overføre er en premium, Mac-only FTP-klient. Det letter uvanlig raske overføringer og støtter Amazon CloudFront.
- Søt FTP er en kraftig Premium FTP-klient du kan bruke til å gjøre opptil 100 overføringer på samme tid. Det regnes som en av de mest sikre FTP-klientene rundt.
