Hoe u uw Website in een Browser kunt bewerken …En bewaar het dan!

We zijn er allemaal geweest:

staren naar uw website en gewoon geobsedeerd over een paar kleine dingen die gewoon niet “goed”lijken.

misschien is het de tekst, het lettertype, de spatiëring, de kleuren of iets anders.

hoe dan ook, je zou gewoon een snelle bewerking willen maken en op Opslaan drukken als alles er perfect uitziet.

het goede nieuws is dat moderne browsers (zoals Chrome, Firefox en Safari) een paar manieren bieden om eenvoudige wijzigingen aan een webpagina te bekijken. Ja, elke webpagina. Zelfs degenen die niet van jou zijn!,

Dit betekent dat u de HTML en CSS (ook bekend als broncode) direct in uw browser kunt wijzigen.

houd in gedachten, dit wijzigt alleen de lokale versie op uw computer en herschrijft eigenlijk niets op de server. Het is maar een voorproefje.

maar wacht, er is meer!

er is nu een manier om wijzigingen aan te brengen aan uw website met behulp van de ontwikkeltools van uw browser die permanent kunnen worden opgeslagen op de server, dus blijf lezen!

Hier is het stap-voor-stap proces voor het bewerken van een webpagina met behulp van Google Chrome.,

een website bewerken met behulp van ontwikkeltools

• Open een webpagina met Chrome en beweeg met de muis over het object dat u wilt bewerken (dwz: tekst, knoppen of afbeeldingen).
• Klik met de rechtermuisknop op het object en kies “inspecteren” uit het contextmenu.De ontwikkelaarstools worden geopend in de onderste helft van uw scherm en het geselecteerde element wordt gemarkeerd in de interface, ook bekend als de DOM.
• Dubbelklik op het geselecteerde object en het zal overschakelen naar de bewerkmodus., U kunt de tekst-of stijlattributen (dwz: kleuren, lettertypen, spatiëring) vervangen en vervolgens buiten de DOM klikken om de wijzigingen toe te passen.
• gebruik de snelkoppeling “Zoeken” om u te helpen bij het zoeken naar specifieke tekst-of stijlkenmerken. (“CMD + F “op Mac of” CTRL + F”op PC)

bewerk de tekst van een website met behulp van onze handige bladwijzer

• Markeer onderstaande vetgedrukte tekst:
  javascript:document.lichaam.contentEditable = ‘true’; document.designMode= ‘on’; void 0
• sleep de gemarkeerde tekst naar uw bladwijzerbalk.,
• klik op het pictogram wanneer u tekst op een pagina wilt bewerken!

Nu u weet hoe u een website kunt wijzigen, gaan we terug naar wat het belangrijkst is.

uw website bewerken en de wijzigingen opslaan

Dit kan niet eenvoudiger. Als uw website is gebouwd en gehost met PageCloud, kunt u de ontwikkeltools van uw browser gebruiken om permanente wijzigingen aan te brengen aan een van uw webpagina ‘ s.

met behulp van de ontwikkeltools met PageCloud:

• Meld u aan bij PageCloud.,
• ga naar de pagina op uw website die u wilt wijzigen.
• klik op het symbool’ pagina Bewerken ‘ in de rechterbenedenhoek. Als je het niet kunt zien, vernieuw dan de pagina. (“CMD + R” op Mac of “CTRL + R” op PC).
• zodra de editor is geladen, volgt u deze stappen.
• druk op Opslaan in de editor of gebruik de sneltoets: (“CMD + s” op Mac of “CTRL + S” op PC).

easy right?

wat dacht je van nog beter nieuws? U kunt de ontwikkelaarstools omzeilen en gewoon wijzigingen aanbrengen in de editor., met

PageCloud kunt u uw pagina ‘ s Volledig aanpassen zonder ooit in de broncode te hoeven gaan. Klik gewoon op en bewerk met behulp van het palet. Als je nog nooit code hebt geschreven, zal dit een veel gebruiksvriendelijker interface zijn!

bekijk hoe u een professionele website maakt voor meer tips over het maken van een website met PageCloud

Als u een ontwikkelaar bent en uw site naar een hoger niveau wilt tillen, kunt u de JavaScript-editor openen met de snelkoppeling “J + S” terwijl u bent aangemeld bij de pagecloud-website-editor.

nog nooit van PageCloud gehoord?,

probeer het vandaag nog gratis en bouw een aangepaste website die u volledige vrijheid biedt om alle gewenste wijzigingen aan te brengen! Meld je aan voor een gratis proefperiode en ga aan de slag met PageCloud!