PageEdit un editor de pagini în timp real WYSIWYG [Chrome]

Persoanele care folosesc Chrome sau Firefox pentru scopuri de dezvoltare web știu că există câteva instrumente foarte bune disponibile pentru fiecare browser care fac paginile în curs de dezvoltare mult mai ușor de realizat. Din extensia Firebug de la Firefox, la instrumentele de dezvoltare web încorporate Chrome, dezvoltatorii pot să editeze rapid și ușor codul pe care îl văd pe o pagină și să aibă modificările apărute instantaneu, permițându-le să stabilească ce funcționează și ce nu.

Cu toate acestea, tot procesul va trebui să cunoașteți un lucru sau două despre codul HTML, CSS și Javascript, ceea ce este posibil să nu fie cel mai bun pentru persoanele care nu știu prea multe despre cod. Din fericire, există o extensie pentru Chrome, care vă permite să editați paginile WYSIWYG.

Instalare

Pentru a instala această extensie, faceți clic pe linkul din Chrome pentru a accesa pagina de descărcare a extensiei. Faceți clic din nou și se va instala în câteva secunde. Puteți activa noua extensie prin intermediul butonului din partea din dreapta sus.

Caracteristici principale

Dacă faceți clic pe butonul extensiei, vă veți permite să editați pagina în care vă aflați în prezent și va trebui să faceți clic pe butonul pentru fiecare altă pagină pe care doriți să o editați, chiar dacă aceasta se află într-o altă filă. După ce faceți clic pe buton, vi se oferă o mulțime de instrumente care vă vor permite să faceți o mulțime de lucruri cu conținutul paginii. Nu numai că puteți schimba formatarea, dar puteți modifica, de asemenea, ceea ce se exprimă paginile. Doar faceți clic și începeți să tastați ca și cum ar fi procesorul de text.

Faceți clic dreapta pe Acțiuni de meniu

Dacă faceți clic dreapta pe un element, veți obține o listă cu diferite acțiuni pe care le puteți face cu ceea ce faceți clic pe. Pentru text, aveți opțiuni cum ar fi Lipiți, Editați Div, Eliminați Div, și Proprietăți listă bulletată. Dacă faceți clic pe un link, veți vedea opțiuni pentru a modifica sau elimina linkul. Desigur, puteți adăuga oricând și o legătură utilizând butonul corespunzător din bara de instrumente din partea de sus a paginii.

Proprietăți imagine

Dacă faceți clic pe o imagine, puteți să vă uitați la Proprietățile imaginii, care arată lucruri precum URL-ul, textul alt, lățimea și înălțimea și multe altele, toate acestea fiind și editate. Puteți chiar edita informații mai avansate, cum ar fi adresa URL a link-ului pentru imagine și multe alte lucruri despre care dezvoltatorii web ar ști mai multe despre.

Salvarea modificărilor

În cele din urmă, când ați terminat cu toate modificările, puteți să le priviți până când este timpul să închideți browserul sau să salvați întreaga pagină, inclusiv modificările, într-un fișier HTML. Pur și simplu apăsați pe butonul de salvare, și va apărea o fereastră cu un link pe care puteți face clic dreapta și alegeți “Salvați linkul ca“. Cea mai bună parte a acestui lucru este că salvează sursa, deci aveți întotdeauna acest lucru în cazul în care este necesar.

Concluzie

PageEdit este o extensie destul de îngrijită, care vă permite să editați paginile într-un mod distractiv, care, de asemenea, nu respectă instrumentele tradiționale de dezvoltare. Sperăm că veți putea avea mai multă distracție cu acest instrument decât puteți face cu orice altceva pentru a face pagini web. Ai nevoie de o idee rapidă? Încercați să alegeți o pagină, să o modificați în funcție de preferințe, să o salvați pe unitatea hard disk și să îndreptați browserul spre a fi folosit ca pagină de pornire. De exemplu, puteți să luați pagina de destinație implicită a Google și să înlocuiți logo-ul cu o imagine personalizată.

Dacă doriți să învățați un pic de cod, încercați totuși ghidul nostru pe XHTML!

Credeți că PageEdit este o idee interesantă? V-ați folosi peste instrumentele tradiționale de dezvoltatori? Spuneți-ne în comentariile!

Explorați mai multe despre: Google Chrome, HTML, Web Design, Dezvoltare Web, Instrumente pentru webmasteri, Editoare WYSIWYG.