Den grunnleggende programvaren du trenger for å bygge et nettsted

click fraud protection

Bortsett fra en datamaskin og en internettforbindelse, er de fleste verktøyene du trenger for å bygge et nettsted programmer, noen av dem kan allerede være på datamaskinen din. Du trenger en tekst- eller HTML-editor, en grafisk editor, nettlesere og en FTP-klient for å laste opp filer til webserveren din.

Velge en grunnleggende tekst eller HTML Editor

Du kan skrive HTML i en ren tekstredigerer som Notisblokk i Windows 10, TextEdit og sublim tekst på en Mac, eller Vi eller Emacs i Linux. Du oppretter HTML-kodingen for siden, lagrer dokumentet som en webfil og åpner det i en nettleser for å sikre at det ser ut som det skal.

Hvis du vil ha mer funksjonalitet enn en ren tekstredigerer tilbyr, bruk en HTML-editor i stedet. HTML-redaktører gjenkjenner kode og kan identifisere kodefeil før du starter filen. De kan også legge til lukkekoder du glemmer og markerer ødelagte lenker. De gjenkjenner og imøtekommer andre kodingspråk som CSS, PHP og JavaScript.

De mange HTML-redaktørene på markedet varierer fra grunnleggende til profesjonelt nivå. Hvis du er ny i å skrive websider, kan en av

instagram viewer
WYSIWYG (Det du ser er det du får) redaktører kan fungere best for deg. Noen redaktører viser bare koden, men noen lar deg veksle mellom kodevisninger og visuelle visninger. Her er noen av de mange tilgjengelige HTML-webredaktørene:

  • Komodo IDE og dets brukervennlige grensesnitt er egnet for både nybegynnere og avanserte webutviklere. Komodo IDEs autofullføringsfunksjon er spesielt nyttig når du skriver kode for vanlige elementer som lenker. Programvaren støtter fargekoding av forskjellige kodingspråk som HTML, CSS og mange andre. Komodo IDE kjører på Windows, Mac og Linux.
Komodo IDE
Lifewire 
  • CoffeeCup HTML Editor er spesielt nyttig 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 valideringskontroller for å holde koden fri for feil. Den inkluderer kodefullføring og støtter annet kodingspråk du kan bruke i forbindelse med HTML. Programvaren fremhever feil, forklarer hvorfor de dukket opp, og forteller deg hvordan du fikser dem. CoffeeCup HTML Editor kjører på Windows.
CoffeeCup HTML editor
 Lifewire
  • Mobirise er en HTML-editor for folk som ikke vil engasjere seg i koden. Det handler om å velge en tema og deretter dra og slippe elementer på siden. Legg til tekst akkurat som 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.
Mobirise HTML-editor
 Lifewire

Nettlesere

Nettsteder kan se annerledes ut fra nettleser til nettleser, så det er avgjørende å teste nettsidene dine for å sikre at de ser ut og fungerer som de skal. Chrome, Firefox, Safari (Mac), Opera, og Edge (Windows) er de mest populære nettleserne.

Du må også teste sidene dine for utseende og funksjon i mobile nettlesere. De fleste stasjonære nettlesere tilbyr muligheten til å se nettsteder i forskjellige størrelser. For eksempel er et vell av testverktøy tilgjengelig i Google Chrome på Utsikt > Utvikler > Utviklerverktøy. Velg smarttelefonikonet øverst til venstre i utviklervinduet for å se hvilken som helst side i forskjellige størrelser på vinduer og mobile operativsystemer.

Menyer som viser Chromes utviklerverktøy
 Lifewire

Grafisk redaktør

Hvilken grafikkredaktør du trenger, avhenger av nettstedet ditt. Adobe Photoshop er gullstandarden, men du trenger kanskje ikke så mye kraft - pluss at du kanskje trenger et vektorgrafikkprogram for logo- og illustrasjonsarbeid. Noen få grafiske redaktører å se på for grunnleggende webutvikling inkluderer:

  • GIMP er et gratis fotoredigeringsprogram med åpen kildekode som gir mange av funksjonene til sine dyrere konkurrenter. Som programvare med åpen kildekode, den er tilgjengelig for Windows, Mac og Linux.
GIMP bildemanipuleringsprogram
 Lifewire
  • Photoshop Elements for Mac og PC er en lett versjon av navnet, men har mange funksjoner.
  • Corel PaintShop Pro for PC har nesten alle verktøyene du finner i Photoshop i et brukervennlig grensesnitt.
  • Inkscape for Windows, Mac og Linux er et gratis vektorgrafikredigeringsprogram. Dette alternativet til dyrere Adobe Illustrator har mer enn nok muligheter for enkelt designarbeid og webgrafikk.

FTP-klient

Du trenger en FTP (file transfer protocol) -klient for å overføre HTML-filer og støtte bilder og grafikk til webserveren din. FTP er tilgjengelig via kommandolinjen i Windows, Macintosh og Linux, men en dedikert FTP-klient er mye enklere å bruke. Toppen FTP-klienter inkludere:

  • FileZilla (gratis) er tilgjengelig for Windows, Mac og Linux. Den støtter dra og slipp filoverføringer og har en pause- og gjenopptaksfunksjon for opplasting av store filer.
FileZilla
Lifewire / Richard Saville
  • Cyberduck er gratis programvare med åpen kildekode, plattform, kjent for sin sømløse integrasjon med eksterne redaktører og det attraktive brukergrensesnittet.
  • Gratis FTP og Direkte FTP er laget av det samme selskapet. Gratis FTP er en minimalistisk klient som oppfyller grunnleggende behov for filoverføring. Direct FTP er en premiumversjon som tilbyr avanserte funksjoner. Begge versjonene støttes av Windows 7, 8 og Vista, men bare Direct FTP passer for Windows 10.
Gratis FTP
Lifewire 
  • Overføre er en premium, kun Mac-FTP-klient. Det muliggjør 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 samtidig. Det regnes som en av de sikreste FTP-klientene som er tilgjengelige.
instagram story viewer