Slik redigerer du nettsider på nettet

Når du må gjøre en rask endring til en nettside, og du ikke har et HTML-editor på datamaskinen, kan du redigere koden i nettleseren din. Flere nettsteder har kraftige verktøy som lar deg utvikle, teste og tilpasse websider fra alle steder som har en Internett-tilkobling. Du kan til og med inkludere JavaScript og Cascading Style Sheets i koden du skriver inn i disse elektroniske redaktørene.

1.

Gå til nettsiden til JsFiddle og gå gjennom brukergrensesnittet til nettstedet. Du finner fire store tekstbokser på høyre side av siden. Tre av disse boksene lar deg legge inn en bestemt type HTML-kode. Lim inn HTML-koden i HTML-boksen, JavaScript i JavaScript-boksen og Cascading Style Sheet-koden i CSS-boksen. Etter at du har gjort det, klikk "Kjør" og JsFiddle viser websiden din i den fjerde boksen. Du kan lagre siden ved å klikke på "Lagre". Nettstedet oppretter en unik nettadresse som du kan dele med andre. Når de besøker JsFiddle, ser de de samme fire boksene du gjør. Utviklere på forskjellige steder bruker JsFiddle ofte til å jobbe sammen på nettsteder

2.

Besøk Quackit HTML Editor-nettsiden. Quackit har en fullverdig HTML-editor som er enklest til en du finner i et skrivebordsprogram. Rader med verktøy øverst i redigereren lar deg formatere HTML-tekst som du går inn i redigereren, administrere hyperlinjer, legge til bilder og utføre andre HTML-relaterte oppgaver. Redigereren viser alt i forhåndsvisningsmodus, men du kan klikke på redigeringsens kildekode for å bytte til HTML-visning. I den visningen kan du jobbe direkte med HTML-kilden din, akkurat som du ville bruke skrivebordsdriveren din. Når du er ferdig med redigering, marker og kopier koden du ser i Kildevisning, og lim den inn i et tekstdokument på harddisken din.

3.

Gå til W3Schools.com Tryit Editor-nettsiden og finn redigeringsboksen på sidens venstre side. W3Schools er et online opplæringssted som har en HTML-editor kalt Tryit som behandler HTML, CSS og JavaScript-kode i sanntid. Lim inn HTML i tekstboksen for redigering eller skriv HTML fra grunnen av. Når du klikker på "Rediger og klikker meg" -knappen nær toppen av siden, viser editoren websiden din i en forhåndsvisningsboks ved siden av redigeringsboksen. Når du legger til kode i redigeringsboksen, skriv den akkurat slik du ville hvis du skulle skrive den inn i en vanlig HTML-editor. Du trenger ikke å skille HTML, JavaScript og CSS-koden som du gjør ved JsFiddle. Fordi W3Schools er et opplæringssted, kan du klikke koblingen "W3Schools.com" i høyre hjørne av siden og se en rekke emner som kan hjelpe deg med å lære webprogrammering og oppdage programmeringstips.

Tips

  • Online-redaktører er også en fin måte å teste små HTML-utklipp som du oppdager på Internett, eller utvikler deg selv. Hvis du for eksempel finner en nyttig kodestykke som lager en lysbildefremvisning, kan du kopiere den koden, lim den inn i en online-editor kan lære hvordan det fungerer umiddelbart.
  • Det er en god ide å kopiere koden du jobber med jevnlig hvis Internett-tilkoblingen din går ned eller nettleseren din krasjer. Kopier kode ved å klikke inne i en editor, trykk "Ctrl-A" og trykk deretter "Ctrl-C".

Populære Innlegg