Så här redigerar du webbsidor online

När du behöver göra en snabb ändring till en webbsida och du inte har en HTML-editor på din dator kan du redigera din kod i din webbläsare. Flera webbplatser har kraftfulla verktyg som låter dig utveckla, testa och tweak webbsidor från alla platser som har en Internetanslutning. Du kan även inkludera JavaScript och Cascading Style Sheets i koden som du skriver in i dessa online redaktörer.

1.

Navigera till JsFiddle webbplats och granska webbplatsens användargränssnitt. Du hittar fyra stora textrutor på sidans högra sida. Tre av dessa lådor låter dig ange en viss typ av HTML-kod. Klistra in HTML-koden i HTML-fältet, JavaScript i JavaScript-rutan och din Cascading Style Sheet-kod i CSS-rutan. När du har gjort det klickar du på "Kör" och JsFiddle visar din webbsida i den fjärde rutan. Du kan spara din sida genom att klicka på "Spara". Webbplatsen skapar en unik webbadress som du kan dela med andra. När de besöker JsFiddle ser de samma fyra rutor du gör. Utvecklare på olika platser använder ofta JsFiddle för att arbeta på webbplatser i samarbete

2.

Besök Quackit HTML Editor-webbplatsen. Quackit har en komplett HTML-redigerare som är enklare att hitta i en stationär applikation. Rader med verktyg längst upp i redigeraren låter dig formatera HTML-text som du anger i redigeraren, hantera hyperlinjer, lägga till bilder och utföra andra HTML-relaterade uppgifter. Redigeraren visar allt i förhandsgranskningsläge, men du kan klicka på redigerarens "Källa" -knapp för att växla till HTML-vy. I den vyn kan du arbeta direkt med HTML-källkoden, precis som du skulle använda skrivbordsredigeraren. När du är klar med redigering markerar du och kopierar koden du ser i källvyn och klistrar in den i ett textdokument på hårddisken.

3.

Gå till W3Schools.com Tryit Editor-webbsidan och hitta redigeringsrutan på sidans vänstra sida. W3Schools är en online handledningssida som har en HTML-editor som heter Tryit som behandlar HTML, CSS och JavaScript-kod i realtid. Klistra in HTML i redigeringsrutan eller skriv HTML från början. När du klickar på knappen "Redigera och klicka mig" längst upp på sidan visar redigeraren din webbsida i en förhandsgranskningsruta bredvid redigeringsrutan. När du lägger till kod i redigeringsrutan skriver du den precis som du skulle om du skulle skriva in den i en vanlig HTML-editor. Du behöver inte skilja din HTML, JavaScript och CSS-kod som du gör på JsFiddle. Eftersom W3Schools är en handledningssida kan du klicka på länken "W3Schools.com" i sidans högra hörn och se en rad olika ämnen som kan hjälpa dig att lära dig Webbprogrammering och upptäcka programmeringstips.

tips

  • Online-redaktörer är också ett bra sätt att testa små HTML-fragment som du upptäcker på Internet eller utvecklar dig själv. Om du till exempel hittar en användbar kodbit som skapar ett bildspel kan du kopiera den koden och klistra in den i en online-redaktör kan lära sig hur det fungerar direkt.
  • Det är en bra idé att kopiera koden du arbetar med regelbundet om din Internetanslutning går ner eller din webbläsare kraschar. Kopiera kod genom att klicka inuti en editor, tryck "Ctrl-A" och tryck sedan på "Ctrl-C".

Populära Inlägg