Sådan redigeres websider online

Når du skal foretage en hurtig ændring til en webside, og du ikke har et HTML-editor på din computer, kan du redigere din kode i din browser. Flere websites har kraftfulde værktøjer, der giver dig mulighed for at udvikle, teste og tilpasse websider fra ethvert sted, der har en internetforbindelse. Du kan endda inkludere JavaScript og Cascading Style Sheets i den kode, du skriver ind i disse online redaktører.

1.

Gå til webstedet JsFiddle og gennemgå webstedets brugergrænseflade. Du finder fire store tekstbokse på højre side af siden. Tre af disse bokse giver dig mulighed for at indtaste en bestemt type HTML-kode. Indsæt din HTML-kode i HTML-kassen, JavaScript i JavaScript-feltet og din Cascading Style Sheet-kode i CSS-boksen. Når du har gjort det, skal du klikke på "Kør" og JsFiddle viser din webside i den fjerde boks. Du kan gemme din side ved at klikke på "Gem". Webstedet opretter en unik webadresse, som du kan dele med andre. Når de besøger JsFiddle, ser de de samme fire kasser du gør. Udviklere på forskellige steder bruger ofte JsFiddle til at arbejde sammen på hjemmesider

2.

Besøg Quackit HTML Editor-webstedet. Quackit har en komplet HTML editor, som du kan finde i en desktop applikation. Rækker af værktøjer øverst i editoren giver dig mulighed for at formatere HTML-tekst, som du indtaster i editoren, administrere hyperlinjer, tilføje billeder og udføre andre HTML-relaterede opgaver. Redaktøren viser alt i Preview-tilstand, men du kan klikke på editorens "Source" -knap for at skifte til HTML-visning. I det synspunkt kan du arbejde direkte med din HTML-kildekode, ligesom du ville bruge din desktop editor. Når du er færdig med redigering, skal du fremhæve og kopiere den kode, du ser i Kildevisning, og indsætte den i et tekstdokument på harddisken.

3.

Gå til W3Schools.com Tryit Editor-websiden og find redigeringstekstboksen på siden til venstre. W3Schools er et online undervisningsside, der har en HTML editor, der hedder Tryit, der behandler HTML, CSS og JavaScript kode i realtid. Indsæt HTML i redigeringstekstboksen eller skriv HTML fra bunden. Når du klikker på knappen "Rediger og klik mig" øverst på siden, viser redaktøren din webside i en forhåndsvisningsboks ved siden af ​​redigeringsboksen. Når du tilføjer kode til redigeringsboksen, skal du skrive den præcis som du ville, hvis du indtaste den i en almindelig HTML-editor. Du behøver ikke adskille din HTML-, JavaScript- og CSS-kode som du gør ved JsFiddle. Fordi W3Schools er et studiewebsted, kan du klikke på linket "W3Schools.com" i højre side af siden og se en række emner, der kan hjælpe dig med at lære Webprogrammering og opdage programmeringstips.

Tips

• Online redaktører er også en god måde at teste små HTML-uddrag på, som du opdager på internettet eller udvikler dig selv. Hvis du f.eks. Finder en nyttig kodestykke, der opretter et diasshow, kan du kopiere den kode, indsætte den i en online editor, der kan lære, hvordan det fungerer med det samme.
• Det er en god ide at kopiere den kode, du arbejder med jævnligt, hvis din internetforbindelse går ned, eller din browser kolliderer. Kopier kode ved at klikke inde i en editor, trykke på "Ctrl-A" og derefter trykke på "Ctrl-C".