Firefox Szal Fejlesztunk

8/14/2019 Firefox Szal Fejlesztunk

1/31

2007.10.21.

Budapest

Hotel Flandria

Firefox-l fejlesztnk

Webdeveloper & Firebug

Elad: Fodor Zoltn


2/31

Tartalom

Webdeveloper teleptse, rvid ismertetse1

Firebug teleptse, rvid ismertets2

Men talaktsa1.1

1.1Modul talaktsa1.2

Logo talaktsa1.3

Informciszerzs egy honlaprl2.1

Men testreszabsa2.2

Firebug menpontjainak hasznlata

2.3


3/31

Webdeveloper teleptse, rvid ismertetse

Disable: Cache, Javascript, minimlis betmret, sznbelltsok, stb. blokkolsa

Cookies: Stik engedlyezsre, tiltsra szolgl, stkrl informcit jelent meg

CSS: CSS megtekintse, blokkolsa, kzvetlen formzsa, stb., akr azonnali,

vals nzetben

Forms: rlapok tulajdonsgainak megtekintse s ideiglenes tszabsi lehetsgek,

rejtett mezk megjelentse

Images: Egy honlapon megjelen kpek megjelentse, blokkolsa, illetve a kpek

tulajdonsgainak megjelentseInformation: Az aktulisan megjelentett honlap felptsnek tulajdonsgait

mutatja meg (pl. blokkok mrete, div-ek sorrendje, class-ok s id-k kirsa,

hivatkozsok megjelentse, tblzatok tulajdonsgainak kirsa, a honlap

szneinek hexadecimlis kdban val megjelentse, stb.)

Miscellaneous: Privt adatok trlse, segdvonalak s vonalz megjelentse,

HTML kzvetlen formzsa, ltogatott linkek visszalltsa, stb.

Outline: Meghatrozott tartalmak krlhatrolsa (pl. tblzatok, cellk, klshivatkozsok, stb. kijellse) egy vkony kerettel

Resize: Sajtunktl eltr kpernyfelbontsokban val megjelentsre, valamint

a tartalom nagytsra alkalmas

Tools: Elssorban validlshoz hasznlatos eszkzk

View Source: Forrskd megjelentsre szolgl

Options: Bellts


4/31

Men talaktsa

Kivlasztjuk

az talaktandhonlapot.


5/31


6/31

Men talaktsa

A megszerzet informcik alapjn az adatok kikeresse


7/31

Men talaktsa

Az rtkeket trjuk a szmunkra megfelel sznkdokra


8/31

Men talaktsa

A menbelltsaitfinomtjuk


9/31

Men talaktsa

Men talaktsa ksz. Idtartam kb. 2 perc.


10/31

Modul talaktsa

A lehet legtbb informcit prbljuk megszerezni

arrl a modulrl, amelyet talaktani szeretnnk.


11/31

Modul talaktsa

A modulhoz tartoz belltsok kikeresse.


12/31

Modul talaktsa

padding: 5px 0px 5px 12px;

(padding: top, right, bottom, left;


13/31

Modul talaktsa

Eredetimodul Megvltoztatott modul


14/31

Logo talaktsa

1.

2.


15/31

Logo talaktsa

Repeat utasts:repeat | repeat-x | repeat-y |no-repeat

repeat: vzszintes s fggleges ismtlds

(mozaikszer megjelents)

repeat-x: csak vzszintesen ismtldik

repeat-y: csak fgglegesen ismtldik

no-repeat: nincs ismtlds


16/31


17/31

Firebug

Inaktv llapot

Ekkor "nem csinl semmit", csak megszmolja ahibkat az oldal kdjban s kirja a sttuszsorba(pl az www.fejlesztok.hu-n most 1 hibt tallt).

Aktv llapot

Ekkor ki is rja, melyek ezek a hibk.

Inspect Element Ha bekapcsoljuk, kpesek lesznk kijellni a

lthat weblap-elemeket. Miutn kijelltk,megnzhetjk az XML (HTML) kdot, amitartalmazza, s a r rvnyes CSS szablyokat, ahozz tartoz JavaScriptet, illetve azt, hogy azadott doboz milyen tulajdonsgokkal br.


18/31

Firebug

Aktv llapot

Inspect Element


19/31

Firebug

Informci szerzs

Fejlc mretnek meghatrozsa:779x92pxMargin: 0 pxBorder: 6 pxPadding: 0 px


20/31

Firebug

Logo mretnek megllaptsa:

780x92pxMargin: 0 pxBorder: 0 pxPadding: 0 px


21/31

Firebug


22/31

Men testreszabsa

CSS-ben melyik sorban van definilva

Kihzssal jelli, ami fell van definilva

Mit, honnan rkl

Css tulajdonsgai mutatja


23/31

Men testreszabsa

j rtk megadsa, ami azonnal lthat


24/31

Men testreszabsa

rtkek ki-bekapcsolsa. A megvltoztatott bejegyzsek azonnal lthatak


25/31


Vltozk rtknek figyelse script-ben


26/31


Bellthatunk a script-n bell brhol figyelsi pontot

Megmutatja az eddig lefutott vltozok rtkt


27/31


28/31

Firefox nvekedse


29/31

Firefox felhasznlk arnya


30/31

Firefox felhasznlk arnya


31/31

2007.10.21.Budapest

Hotel Flandria

Click to edit company slogan .

Firefox Szal Fejlesztunk

Documents

Transcript of Firefox Szal Fejlesztunk