Post on 30-May-2018
8/14/2019 Firefox Szal Fejlesztunk
1/31
2007.10.21.
Budapest
Hotel Flandria
Firefox-l fejlesztnk
Webdeveloper & Firebug
Elad: Fodor Zoltn
8/14/2019 Firefox Szal Fejlesztunk
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
8/14/2019 Firefox Szal Fejlesztunk
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
8/14/2019 Firefox Szal Fejlesztunk
4/31
Men talaktsa
Kivlasztjuk
az talaktandhonlapot.
8/14/2019 Firefox Szal Fejlesztunk
5/31
8/14/2019 Firefox Szal Fejlesztunk
6/31
Men talaktsa
A megszerzet informcik alapjn az adatok kikeresse
8/14/2019 Firefox Szal Fejlesztunk
7/31
Men talaktsa
Az rtkeket trjuk a szmunkra megfelel sznkdokra
8/14/2019 Firefox Szal Fejlesztunk
8/31
Men talaktsa
A menbelltsaitfinomtjuk
8/14/2019 Firefox Szal Fejlesztunk
9/31
Men talaktsa
Men talaktsa ksz. Idtartam kb. 2 perc.
8/14/2019 Firefox Szal Fejlesztunk
10/31
Modul talaktsa
A lehet legtbb informcit prbljuk megszerezni
arrl a modulrl, amelyet talaktani szeretnnk.
8/14/2019 Firefox Szal Fejlesztunk
11/31
Modul talaktsa
A modulhoz tartoz belltsok kikeresse.
8/14/2019 Firefox Szal Fejlesztunk
12/31
Modul talaktsa
padding: 5px 0px 5px 12px;
(padding: top, right, bottom, left;
8/14/2019 Firefox Szal Fejlesztunk
13/31
Modul talaktsa
Eredetimodul Megvltoztatott modul
8/14/2019 Firefox Szal Fejlesztunk
14/31
Logo talaktsa
1.
2.
8/14/2019 Firefox Szal Fejlesztunk
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
8/14/2019 Firefox Szal Fejlesztunk
16/31
8/14/2019 Firefox Szal Fejlesztunk
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.
8/14/2019 Firefox Szal Fejlesztunk
18/31
Firebug
Aktv llapot
Inspect Element
8/14/2019 Firefox Szal Fejlesztunk
19/31
Firebug
Informci szerzs
Fejlc mretnek meghatrozsa:779x92pxMargin: 0 pxBorder: 6 pxPadding: 0 px
8/14/2019 Firefox Szal Fejlesztunk
20/31
Firebug
Logo mretnek megllaptsa:
780x92pxMargin: 0 pxBorder: 0 pxPadding: 0 px
8/14/2019 Firefox Szal Fejlesztunk
21/31
Firebug
8/14/2019 Firefox Szal Fejlesztunk
22/31
Men testreszabsa
CSS-ben melyik sorban van definilva
Kihzssal jelli, ami fell van definilva
Mit, honnan rkl
Css tulajdonsgai mutatja
8/14/2019 Firefox Szal Fejlesztunk
23/31
Men testreszabsa
j rtk megadsa, ami azonnal lthat
8/14/2019 Firefox Szal Fejlesztunk
24/31
Men testreszabsa
rtkek ki-bekapcsolsa. A megvltoztatott bejegyzsek azonnal lthatak
8/14/2019 Firefox Szal Fejlesztunk
25/31
Firebug menpontjainak hasznlata
Vltozk rtknek figyelse script-ben
8/14/2019 Firefox Szal Fejlesztunk
26/31
Firebug menpontjainak hasznlata
Bellthatunk a script-n bell brhol figyelsi pontot
Megmutatja az eddig lefutott vltozok rtkt
8/14/2019 Firefox Szal Fejlesztunk
27/31
8/14/2019 Firefox Szal Fejlesztunk
28/31
Firefox nvekedse
8/14/2019 Firefox Szal Fejlesztunk
29/31
Firefox felhasznlk arnya
8/14/2019 Firefox Szal Fejlesztunk
30/31
Firefox felhasznlk arnya
8/14/2019 Firefox Szal Fejlesztunk
31/31
2007.10.21.Budapest
Hotel Flandria
Click to edit company slogan .