PageEdit A Real Time WYSIWYG Page Editor [Chrome]

Personer som bruker Chrome eller Firefox for webutviklingsformål, vet at det er noen veldig gode verktøy tilgjengelig for hver nettleser som gjør utvikler sider mye enklere. Fra Firefox's Firebug-utvidelse, til Chromes innebygde verktøy for webutvikling, kan utviklere raskt og enkelt redigere koden de ser på en side, og få endringene til å vises umiddelbart, slik at de kan bestemme hva som fungerer og hva som ikke gjør.

Men gjennom hele prosessen trenger du fortsatt å vite noe om HTML, CSS og Javascript-kode, noe som kanskje ikke er best for folk som ikke vet mye om koden. Heldigvis er det en utvidelse for Chrome som lar deg redigere sider på WYSIWYG-måten.

Installasjon

For å installere denne utvidelsen klikker du bare på koblingen inne i Chrome for å gå til utvidelsens nedlastingsside. Klikk igjen, og det vil installeres i sekunder. Du kan aktivere den nye utvidelsen via knappen i øverste høyre område.

Hovedtrekkene

Hvis du klikker på utvidelsens knapp, kan du redigere siden du er på, og du må klikke på knappen for hver annen side du vil redigere også, selv om den er i en annen kategori. Etter å ha klikket på knappen, presenteres du med mange verktøy som lar deg gjøre mange ting med sidens innhold. Ikke bare kan du endre formateringen, men du kan også endre hva sidene sier seg selv. Bare klikk og begynn å skrive som om det var tekstbehandleren din.

Høyreklikk menyhandlinger

Hvis du høyreklikker på et element, får du en liste over ulike handlinger du kan gjøre med det du klikket på. For tekst får du alternativer som Lim inn, Rediger Div, Fjern Div, og Egenskaper for punktliste. Hvis du klikker på en kobling, vil du også se alternativer for å endre eller fjerne koblingen. Selvfølgelig kan du alltid legge til en kobling også ved å bruke riktig knapp i verktøylinjen øverst på siden.

Bildeegenskaper

Ved å klikke på et bilde kan du se på bildegenskapene, som viser ting som nettadressen, alt tekst, bredde og høyde og mer, som alle kan redigeres også. Du kan til og med redigere mer avansert informasjon, for eksempel linkadressen til bildet og forskjellige andre ting som webutviklere vil vite mer om.

Lagrer endringene dine

Til slutt, når du er ferdig med alle endringene, kan du enten stirre på dem før det er på tide å lukke nettleseren din, eller du kan lagre hele siden, inkludert endringene, i en HTML-fil. Bare trykk på lagre knappen, og et vindu vil vises med en lenke som du kan høyreklikke og velge “Lagre lenke som“. Det beste ved dette er at det sparer kilden, så du har alltid det hvis det trengs.

Konklusjon

PageEdit er en ganske pen utvidelse som lar deg redigere sider på en morsom måte som også ikke følger de tradisjonelle utviklingsverktøyene. Forhåpentligvis vil du kunne ha det mer moro med dette verktøyet enn du kan med noe annet å lage nettsider. Trenger du en rask ide? Prøv å velge en side, redigere den som du vil, lagre den på harddisken, og pek nettleseren din for å bruke den som startside. For eksempel kan du ta Googles standard destinasjonsside og erstatte logoen med et tilpasset bilde.

Hvis du vil lære litt kode, kan du prøve vår guide på XHTML!

Tror du PageEdit er en kul ide? Vil du bruke den over tradisjonelle utviklerverktøy? Gi oss beskjed i kommentarene!

Utforsk mer om: Google Chrome, HTML, Webdesign, Webutvikling, Webmasterverktøy, WYSIWYG-redaktører.