Cum de a crea screenshot-uri de site-uri false cu Firebug

Atunci când vă gândiți la capturi de ecran false sau editate, programele precum Photoshop probabil vă apar în minte. Nu am fost niciodată foarte creativ când vine vorba de design și de lucrarea grafică, așa că aproape că nu mi-a venit problema. Dacă încercați să schimbați chipurile într-o imagine, va trebui să învățați cum să utilizați programe de acest gen. Dacă încercați să faceți ceva de genul modificarea textului într-o conversație Facebook, nu este nevoie. Tot ce ai nevoie este Firebug și o cheie PrtScrn.

Firebug este disponibil pentru fiecare browser major Cum se instalează Firebug pe IE, Safari, Chrome și Opera Cum se instalează Firebug pe IE, Safari, Chrome & Opera Citește mai mult: IE6 +, Firefox, Opera, Safari și Chrome. În acest exemplu, vă vom rula printr-un tutorial despre cum să îl folosiți pentru browserul său nativ, Firefox. Ce este Firebug totuși? Firebug este un add-on pentru browser care vă permite să editați, să depanați și să monitorizați CSS Următorii pași pe drumul de a deveni Master Cd Jedi Următorii pași pe drumul spre a deveni CSS Jedi Master CSS este absolut una dintre cele mai importante tehnologiile de pe Internet astăzi, și în timp ce majoritatea oamenilor recunosc că știu un mic HTML, suntem în general clueless despre CSS. Ultima dată când ți-am prezentat ... Citește mai mult, HTML și JavaScript. Pentru a manipula paginile web așa cum vă voi arăta astăzi, nu va trebui să cunoașteți niciuna dintre aceste limbi.

Instalarea Firebug

Instalarea este incredibil de ușoară. Continuați pe site-ul oficial pentru a descărca programul Add-on [Nu mai este disponibil]. De acolo, selectați browserul dvs. (Firefox este preferat, astfel că urmărirea este mai ușoară). Instalați programul de completare și reporniți browserul, dacă este necesar.

Folosind Firebug

După instalarea Firebug, în mod prestabilit, pictograma ar trebui să fie afișată în bara dvs. de extensii, în meniul Instrumente și, eventual, în meniul contextual. Faceți clic pe pictograma din bara de extensii și veți vedea o nouă filă afișată în partea de jos a ecranului.

Ceea ce vedeți aici este o vizualizare HTML a elementelor paginii web pe care vă aflați. În acest exemplu, este pagina de descărcare Firebug pe fișierele de completare Firefox. Dacă sunteți interesat să utilizați Firebug în scopuri mai obișnuite, nu ezitați să încercați în jurul filelor și să simțiți caracteristicile sale.

Butonul pe care l-am subliniat în acea captură de ecran este instrumentul de inspectare. Acesta este instrumentul pe care îl vom folosi. Faceți clic pe acel buton și apoi veți observa că fiecare zonă de text pe care o plasați pe cursor va deveni evidențiată în vizualizarea paginii Web și apoi evidențiată în jos în vizualizarea HTML a Firebug.

Schimbarea textului

Faceți clic pe blocul de text pe care doriți să îl manipulați. Veți vedea că textul a fost selectat în vizualizarea HTML Firebug. De acolo, faceți dublu clic pe linia HTML care include textul pe care doriți să îl modificați. Puteți începe să tastați în orice doriți.

Pe măsură ce tastați, veți vedea că actualizările de previzualizare sunt live pe pagina web.

Răcoros, nu? Este deosebit de ușor din cauza modului în care Firebug vă permite să izolați textul brut din HTML înfășurat. În acest fel, toate elementele HTML, stilurile CSS și alte imagini importante sunt păstrate astfel încât să pară copia reală.

Pe măsură ce vă familiarizați mai mult cu Firebug sau dacă știți deja codul HTML, veți găsi la fel de ușor să modificați alte elemente de pe pagină, cum ar fi imaginile. Posibilitățile sunt destul de nesfârșite și sunt sigur că deja veniți cu modalități pe care le puteți folosi și abuzați de acest truc mic.

Dați-mi voie să știu ce credeți despre acest mic sfat și împărtășiți-vă modalitățile creative de ao utiliza în comentariile dvs.!

Explorați mai multe despre: HTML, Mozilla Firefox, Screen Capture, editoare WYSIWYG.