Eszköztár
32 Kezdőlap - Webszerkesztés - HTML - Forróbillentyűk
ujdomainek.hu

Hotkeys

vagyis a forróbillentyűk

Jegyzet

A hotkey, vagyis magyarul forróbillentyű olyan billentyűzetkombináció, mely lehetővé teszi egy-egy programon belül bizonyos funkciók gyors elérését, aktiválását. Emiatt szokták gyorsbillentyűnek is nevezni őket. A gyorsaság itt azt jelenti, hogy hamarabb érhetjük el a kívánt funkciókat, mintha menüből, egérrel keresgélve próbálnánk megtalálni a hozzáférést.

Természetesen a forróbillentyűk használatához ismerni kell a forróbillentyűket :)   Ez a lap a forróbillentyűk bemutatásáról szól, alapvetően a webszerkesztés szempontjából közelítve meg a témát. 1. Ctrl+S Alt+Tab F5

Dolgozzunk gyorsabban!

A webszerkesztés folyamata során jellemzően két ablakot biztosan folyamatosan használunk: a szerkesztő programunkat, amiben a forráskódot írjuk, és egy böngészőt, amiben nyomon követjük a weboldalunk aktuális állapotát.
A kezdők tipikus hibája, hogy a készülő weboldal aktuális állapotát rendszerint úgy nézik meg, hogy amikor kíváncsiak a helyzetképre, akkor azt megnyitják böngészőben - majd a megtekintés után egyből be is zárják azt. Némi fejlesztgetés után pedig ez a műveletsor ismétlődik újra és újra. Ne ezt tegyük! Tartsuk folyamatosan nyitva a szerkesztőprogramot is, és a böngészőt is, benne a készülő weboldalunkkal.
Amikor változtattunk valamit a forráskódon, akkor elmenteni e változást egérrel, majd szintén egérrel átballagni a böngészőhöz, és ott egérrel befrissíteni az oldal tartalmát - és ezt szükségszerűen jó sokszor elkövetni - meglehetősen időrabló folyamat. Ehelyett használunk forróbillentyűket az alábbiak szerint: 2. Ctrl+F5

Frissítsük az egészet!

Látni fogjuk, hogy egy korrekt weboldalnak külön fájlban szerkesztjük a tartalmát (HTML nyelven), és egy másik fájlban a dizájnját (CSS nyelven). Amikor az F5 gombbal frissítjük az oldalt, akkor valójában csak a tartalmat frissítjük, és sem a CSS fájlt, sem a képi elemeket nem tölti újra a böngésző, hanem ezeket a gyorsítótárból használja. Ha azt szeretnénk, hogy a weboldalunknak minden eleme frissüljön - pl. mert a szerkesztés során épp a dizájnon változtattunk a CSS fájlban, vagy éppen újraszerkesztettünk, netán lecseréltünk egy képet -, akkor a frissítéshez használjuk a Ctrl+F5 billentyűkombinációt. Nyilván a weboldal teljes tartalmának újratöltése időigényesebb, és nagyobb adatforgalommal jár, ezért nem ez az alapértelmezett frissítési mód. 3. Ctrl+C Ctrl+V

Másoljunk!

A Ctrl+C és a Ctrl+V billentyűkombinációk vélhetően mindenki számára ismertek - ám ennek ellenére sem tehető meg, hogy a kritika elkerülése nélkül ne szerepeljenek egy forróbillentyűkkel foglalkozó összefoglalóban. E két kombináció arra való, hogy szöveges, vagy akár képi tartalmakat (más programokban fájlokat, mappákat és szinte bármi egyebet) tudjunk egyik helyről a másikra másolni. Olykor arra is szükség lehet - különösen pl. fájlkezelő esetében -, hogy a másolással járó duplázódás helyett csupán áthelyezzünk dolgokat egyik helyről a másikra. Ebben az esetben a Ctrl+C helyett a Ctrl+X gyorsbillentyű használandó. 4. Ctrl+A

Jelöljünk ki mindent!

Ahhoz tehát, hogy bármit is vágólapra tudjunk másolni (helyezni), szükség van arra, hogy a kívánt tartalmat kijelöljük. A kijelölés leggyakrabban egérrel valósítható meg, ám abban az esetben, amikor egy adott program aktuális ablakának teljes tartalmát szeretnénk kijelölni, hosszantartó és felesleges művelet ehhez az egérrel bűvészkedni, hiszen a Ctrl+A forróbillentyűvel ez sokkal gyorsabban megvalósítható. 5. Ctrl+F Ctrl+H

Cseréljük le az összeset!

Azt, hogy egy hosszabb szövegben valamilyen rövid, néhány karakternyi szövegrészlet keresése a Ctrl+F billentyűzetkombinációval kezdeményezhető, elég sokan tudjuk. Ám egy forráskód szerkesztésekor gyakran szükség van arra is, hogy ne csak megkeressünk szövegrészlet-előfordulásokat, hanem azok mindegyikét helyettesítsük is valami egyéb karaktersorozattal. Ilyen eset lehet pl. az, amikor le kell cserélnünk minden egyes fájlhivatkozás elérési útvonalát valami másra, vagy amikor a programunkban bármely okból megváltoztatjuk egy változó nevét. Ezekben az esetekben tehát nem elegendő keresni, hanem cserélni is kell tartalmat. Ilyenkor jelenthet komoly segítséget számunkra a Ctrl+H forróbillentyű. 6. Ctrl+Z Ctrl+Y

Vonjuk vissza!

Azt a lehetőséget is sokan ismerjük, hogy szinte minden szerkesztőprogramban az utoljára megvalósított műveletet, vagy műveleteket a Ctrl+Z paranccsal vissza tudjuk vonni. De vajon az is tudjuk, hogy ha meggondoljuk magunkat, akkor a visszavont műveletet mégiscsak végrehajthatjuk annak tényleges újragépelése nélkül? Erre a való a Ctrl-Y. 7. Ctrl+U

Lássuk a forráskódot!

Amikor webszerkesztőként weboldalakkal találkozunk, gyakran láthatunk rajta olyan dolgokat, amik felkelthetik bennünk azt az érdeklődést, hogy vajon az a dolog hogyan lett megvalósítva - például azért, hogy tanuljunk belőle. Ilyenkor szoktunk belenézni az oldal forráskódjába, jellemzően a jobb egérgombbal elérhető helyi menü "forrás megtekintése" pontja révén. Ám ehhez is létezik gyorsabb megoldás, jellemzően minden böngészőben a Ctrl+U. 8. F11

Nézzük teljes képernyőn!

Szintén böngésző-specifikus funkció társul az F11 billentyűhöz: hatására a böngészőnket teljes képernyős nézetre állíthatjuk, értelemszerűen azért, hogy nagyobb felületen láthassuk az aktuális tartalmat - ideiglenesen lemondva ezzel a böngésző információs sorairól, és a menüsorról. A visszaváltás ugyanezen billentyűvel lehetséges. 9. F12

Vizsgálódjunk!

A Ctrl+U-hoz hasonlóan az F12 billentyű is a webszerkesztők, webprogramozók munkáját támogatja, és a forráskódot teszi elérhetővé, ám böngészőkként és verziókként változó módon ugyan, de alapvetően sokkal több lehetőséget kínálva a fejlesztés támogatásához, például "szétszedve" a kód HTML, CSS, és JavaScript vonatkozású tartalmait. Idővel érdemes a funkcióval alaposabban is megismerkedni. Itt érdemes megjegyezetni, hogy ezen funkció használatánál gyakran az egér is nagy segítségünkre lehet, hiszen előfordulhat, hogy kifejezetten egy bizonyos tartalmi elemmel kapcsolatban szeretnénk információt találni a forráskódban. Ilyenkor a jobb egérgombbal az "Elem vizsgálata", vagy "Vizsgálat" pontra kattintva ugyanúgy a fejlesztőket támogató felületet tudjuk megnyitni, ám azonnal kifejezetten a vizsgálandó elemhez tartozó kódrészleteket láthatjuk.
A funkció további előnye lehet - nemcsak webfejlesztők számára -, hogy az esetleg védeni próbált, így picit nehezebben letölthető tartalmakhoz is könnyebben hozzá lehet férni az itt elérhető forráskódon keresztül. Tipikusan ilyen lehet például egy instagram poszt valamely képe, de ugyanezzel a módszerrel férhetünk hozzá jó néhány oldalon a feltöltött videók közvetlen linkjéhez, ahonnan már a videó a Ctrl+S billenytyűkombinációval megszerezhető ;) 10. Ctrl+S Ctrl+O

Mentsük le! Nyissuk meg!

Ha az előzőekben a weboldalak forráskódjáról és tartalmi elemeiről volt szó, akkor érdemes itt megjegyezni azt is, miként van lehetőség akár letölteni is ezek bármelyikét. Ugyanis olykor ez nem is olyan kézenfekvően végrehajtható művelet, mert az oldalak tulajdonosai néha nagyon védik a saját tartalmukat. Példát jelenthetnek erre a közösségi oldalakra feltöltött képek, vagy videók. Ilyen helyzetben nemes egyszerűséggel érdemes lehet letölteni a teljes aktuális weblapot forráskódostul, és minden egyéb képi tartalommal együtt, majd a saját gépünkön kimazsolázni a letöltött tartalomból a számunkra érdekes lényeget. Gyakran adódik, hogy egy alkalmazásban - legyen az böngésző, kódszerkesztő, képszerkesztő, vagy szinte bármi egyéb program - hirtelen akarunk új tartalmat megnyitni, ám az Open menüpont épp nem kézenfekvő helyen található - mint pl. a népszerű böngészőkben -, vagy csupán gyorsabban szeretnénk dolgozni, mintha egérrel kóvályognánk a képernyőn. Ekkor jöhet jól a megnyitás szinte mindenhol működő forróbillentyűje: 11. Ctrl++ Ctrl+- Ctrl+0

Nagyítsunk! Kicsinyítsünk!

Amikor weboldalt szerkesztünk, látvány tekintetében sokszor akár pixelnyi különbségeken is képesek vagyunk önmagunkkal vitatkozni. Nyilván ennek gyakran semmi értelme, de ez ilyen helyzetben nem igazán szokott minket zavarni. Ebben az esetben segíthet döntéseket hozni, ha ránagyítunk a weboldalra, és jobban látjuk a különbségeket. Mint ahogyan szintén a weboldal méretével játszadozunk akkor is, amikor belenagyítunk, vagy a teljes tartalmat lekicsinyítjük annak érdekében, hogy lássuk, más felbontás mellett hogyan viselkedik az oldal. Mindezt megtehetjük a Ctrl gomb nyomva tartása mellett az egér középső gombjának tekergetésével is, de természetesen gyorsbillentyűs megoldás is létezik: 12. Ctrl+PageUp Ctrl+PageDown


Ctrl+1..8 Ctrl+9

Lapozzunk!

Böngészőkről és forróbillentyűkről beszélgetve illik megemlíteni azokat a lehetőségeket is, melyekkel a böngésző lapjai között lehet váltani az egér használatánál olykor gyorsabb módszerrel is. Ezek az alábbiak: 13. Ctrl+T Ctrl+Shift+T


Ctrl+F4

Zárjuk be! Nyissuk újra!

És ha az előző pontban már a böngésző lapjainál jártunk, nézzük meg azt is, hogyan lehet nyitni-zárni őket: 14. Ctrl+Shift+N

Ne hagyjunk nyomot!

Böngészésünk során, bármerre is járunk, nagyon sok nyomot hagyunk magunk után. Az interneten is, és a saját gépünkön is. Az előbbire viszonylag kevés ráhatásunk van - erről itt olvashatunk részletesebben -, de az utóbbit könnyedén "megúszhatjuk". Erre találták ki a böngészés inkognitó módját, amit a Ctrl+Shift+N billentyűkombinációval lehet megnyitni. Az elnevezés erősen megtévesztő, ugyanis inkognitó módban sem leszünk ismeretlenek a különféle meglátogatott webszerverek szemszögéből nézve, de azt valóban elérjük így, hogy a saját gépünkön később nem lesz visszakereshető, merre jártunk, mit csináltunk. Ez nemcsak akkor jöhet jól, ha más is használja ugyanazt a számítógépet, amin mi dolgozunk, hanem akkor is, ha szeretnénk elkerülni, hogy az éppen felkeresett weboldal által létrehozott sütik (cookie fájlok) a későbbiekben releváns reklámokat generáljanak a böngészőnkben. Amit a Google Chrome-ban inkognitó módnak hívnak, az az Edge-ben InPrivate mód, a Firefoxban pedig egyszerűen csak privát böngészés. Ráadásul Firefoxban a megnyitáshoz tartozó forróbillentyű a Ctrl+Shift+P. 15. Ctrl+

Nyissuk meg új lapon!

Végül pedig egy példa erejéig kombináljuk a billentyűzetet az egérrel! Ha általában egy linkre kattintunk, akkor a hivatkozott oldal jellemzően az aktuális ablak tartalmát felülírva, annak helyén nyílik meg. Gyakran előfordulhat azonban, hogy az eredeti tartalmat is meg akarjuk még tartani, és ezért a hivatkozott oldalt új lapon szeretnénk látni. Ekkor az egérrel való kattintás előtt nyomjuk le, és kattintás idején tartsuk nyomva a Ctrl billentyűt, és pontosan így fog megnyílni a kért hivatkozás.

A Chrome billentyűparancsai

Sosem eldönthető nagy kérdés, hogy melyik a legjobb böngésző. Ennek számos oka van, ám azt azonban nagyjából konszenzus övezi, hogy a fejlesztéshez a legtöbb támogatást kínáló böngésző a Chrome. Éppen ezért e böngésző esetén érdemes lehet a fentieken túl alaposabban is utánanézni a használható billentyűkombinációknak, és egérfunkcióknak:

Forróbillentyűk A-tól Z-ig

Bár igyekeztünk a fentiekben tematikusan áttekinteni a webszerkesztés során leghatékonyabban használható gyorsbillentyűket és billentyűzetkombinációkat, ezt kiegészítve talán érdekes lehet a forróbillentyűket ABC-sorrendben is összefoglalni. Ugyanakkor meg kell jegyezni, hogy az alábbi összefoglalásban szereplő elemek általános voltuk okán nem minden esetben értelmezhetőek a szerkesztőprogramokra, vagy a böngészőkre, pláne nem minden típusra, ennek megfelelően ne akarjunk belőle mindent kőbe vésett szentírásnak tekinteni.
Ctrl + A Select all minden kijelölése
Ctrl + B Bold félkövér szöveg
Ctrl + C Copy másolás
Ctrl + D Duplicate duplázás
Ctrl + E Center text középre igazítás
Ctrl + F Find keresés
Ctrl + G Go to ugrás
Ctrl + H Replace / History csere / előzmények
Ctrl + I Italic dőlt szöveg
Ctrl + J Justify sorkizárt szöveg
Ctrl + K Hyperlink webcím beírása
Ctrl + L Left align balra igazítás
Ctrl + M Indent behúzás
Ctrl + N New új ablak
Ctrl + O Open megnyitás
Ctrl + P Print nyomtatás
Ctrl + Q Quick / Quit gyorsformázás / kilépés
Ctrl + R Right align jobbra igazítás
Ctrl + S Save mentés
Ctrl + T Hanging indent függő behúzás
Ctrl + U Underline aláhúzott szöveg
Ctrl + V Paste beillesztés
Ctrl + W Window close ablak bezárása
Ctrl + X Cut kivágás
Ctrl + Y Redo ismét, mégis
Ctrl + Z Undo visszavonás

További érdekességek


Alapfogalmak

Színkeverés

Szerszámosláda

előző oldal random oldal következő oldal


Eddig 2 hozzászólás van a témához:

2022-12-16 12:31 fpetya Kedves Admin!
Az F12-nél a funkció véletlenül el van írva.
Üdv:
Petya

2022-12-16 13:11 Admin Köszönöm, Petya, az észrevételt, teljesen jogos volt.
Javítottam :)




Új hozzászólás:
E-mail cím:


Erre a címre küldjük ki a hozzászólás jóvá- hagyásához szükséges linket. Az e-mail címet sehol nem tesszük közzé.

Név:


Ez a név fog megjelenni az Ön hozzászólásai mellett.

Mennyi tizennégy + hat?
Számjegyekkel írja be!



Ez a robotok beírása elleni védelem miatt szükséges ellenőrzés.


© infojegyzet.hu, 2022. november