Webszerkesztés

Keresés és csere

A megoldások során érdemes a keresés és csere funkciót kihasználni, így akár egy lépésben is megoldható az egyébként több lépéses feladatrész.

Keresés ablak megnyitása: C+f

Csere ablak megnyitása: C+h

Keresés/Csere esetén a Find szerkesztőmezőben kell megadni a keresendő kifejezést.
A keresés intelligens, már beíráskor a kurzor az aktuális kurzorpozíciót követő első találatra ugrik.

Három ikon segítségével további beállításokat adhatsz meg:
Aa ikon (Match Case): Bekapcsolása: A+c:
Kis- és nagybetűk között különbséget tesz.
ab ikon (Match Whole Word): Bekapcsolása: A+w:
Csak a teljes szavakat veszi figyelembe.
■* ikon (Use Regular Expression): Bekapcsolása: A+r:
Reguláris kifejezések használata.

Az N leütésére a következő találatra ugrik a kurzor.
Az E leütésére a Keresőablak bezárul, a kurzor az aktuális találatnál lesz.
Az Á vagy a C+d leütésére a kurzor a következő találatra ugrik,
A F+Á leütésére a kurzor az előző találatra ugrik.
Az Ő leütésére az összes találat ki lesz jelölve (multikurzor).

ikon: (Find in Selection): Bekapcsolása: A+l:

Csak a kijelölt részben keres/cserél.

A Replace szerkesztőmezőben kell meg adni, hogy a keresett kifejezést mire kell cserélni.
AB ikon (Preserve Case): Bekapcsolása: A+p:
Megadható, hogy a találatok cseréjekor a találatokban megőrzi a kis- és nagybetűket.

Keresendő kifejezés beírásakor a szerkesztőmező jobb oldalán megjelenik, hogy a szövegben hányadik találatnál van a kurzor, illetve megjelenik, hogy összesen hány találat van.

FONTOS! Első lépésként, ha szükséges, a Find in Selection ikont kell bekapcsolni, ezután a további szükséges ikonokat is be kell kapcsolni, majd csak ezt követően kell a szerkesztőmező(ke)t kitölteni!

A bekapcsolt ikonok kék színűre váltanak:

Összes találat kijelölése (keresés!): A+N
Aktuális találat cseréje: N
Összes találat cseréje: C+A+N

Amennyiben nincs találat, vagy már végrehajtódott a keresés/csere, a Find szerkesztőmező jobb oldalán a a No results felirat jelenik meg.

Keresés/Csere ablak bezárása: E

Reguláris kifejezések

A megoldások során igyekeztem mindig a legrövidebb megoldásokat megadni, de néhányszor ez csak reguláris kifejezésekkel volt lehetséges.

A megoldásokban szereplő reguláris kifejezések magyarázata

04/08: Töröld a táblázatból az Egyéb nevű oszlopot:

Az Egyéb cella alatt - (kötőjelet) tartalmazó cellák vannak!
C+f: Keresés ablak megnyitása:
Aa: A+c: Kis- és nagybetűk között különbséget tesz.
■*: A+r: Reguláris kifejezések használata.
Find mezőbe írd be: (Egyéb|-)<
Reguláris kifejezés jelentése: Jelölje ki a záró jelölő előtti Egyéb vagy a - (kötőjel) tartalmú sorokat.
A | jelentése: vagy, a zárójel azért szükséges, mert a két választható kifejezés után még szerepel egy fix érték is, a záró jelölő < jele is.

05/06: Módosítsd a május, június bekezdéseket számozatlan felsorolás stílusúakra, az alattuk lévő bekezdések jelölőit listaelemekre:

C+f: Keresés ablak megnyitása:
■*: A+r: Reguláris kifejezések használata.
Find mezőbe írd be: május:|június:
Reguláris kifejezés jelentése: Jelölje ki a május: vagy a június: kifejezéseket.
A | jelentése: vagy.

08/03: Módosítsd az ételek képeinek megjelenési tulajdonságait úgy, hogy mindhárom kép szélessége 135 pixel legyen. Ügyelj arra, hogy a képek méretarányai ne torzuljanak.

Az oldalon 3 kép szerepel, kettőnek van megadva magasság (height) érték, egynek pedig szélesség (width) értéke.
Ahhoz, hogy ne torzuljanak a képek a jelenlegi méreteket törölni kell, és ezután mindháromnak csak a szélesség értékét kell megadni.
C+f: Keresés ablak megnyitása:
■*: A+r: Reguláris kifejezések használata.
Find mezőbe írd be: height="\d*"
Reguláris kifejezés jelentése: Jelölje ki a height attribútumokat, bármilyen szám értéket tartalmaznak.
Majd ennek törlése után:
Find mezőbe írd be: width="\d*"
Reguláris kifejezés jelentése: Jelölje ki a width attribútumokat, bármilyen szám értéket tartalmaznak.
A \d* jelentése: a fix feltétel a height="", valamint a width=""; az idézőjelek között a \jellel jelezzük, hogy reguláris kifejezés következik, a d jelzi, hogy az attribútum értéke szám legyen, az utána következő *, azt jelenti, bármennyi szám lehet, akár nulla is.

09/07: Alakítsd a táblázat első sorának a celláit fejléc cella típusúvá. Itt a cellaegyesítést szüntesd meg...

Első lépésként ki kell jelölni a táblázat első sorát.
C+h: Csere ablak megnyitása:
■*: A+r: Reguláris kifejezések használata.
Find mezőbe írd be: td colspan="2"|td
Replace mezőbe írd be: th
Reguláris kifejezés jelentése: A kijelölt tartalomból jelölje ki a td colspan="2" vagy a td szövegrészeket és cserélje th-ra. Így egy lépésben megtörtént a cellaegyesítés megszüntetése és a cellák (nyitó és záró jelölőinek!) fejléc cellává alakítása is.

11/02: Alakítsd félkövérré a szövegben a „Hot Salsa Tánciskola” szövegrészt.

A szövegben több helyen szerepel a szövegrész, most a bekezdés jelölő utáni szövegrész szükséges.
C+f: Keresés ablak megnyitása:
■*: A+r: Reguláris kifejezések használata.
Find mezőbe írd be: <p>\w Hot
Reguláris kifejezés jelentése: Jelölje ki a bekezdés jelölő utáni bármely hosszúságú karaktersort, melyet a Hot szöveg követ.
A \w jelentése: \jellel jelezzük, hogy reguláris kifejezés következik, a w jelzi, hogy szókaraktereknek (betű, szám) kell lennie.

11/03: A „Célunk, hogy a minket felkeresők számára...” kezdetű mondattól kezdődő szövegrész kerüljön új bekezdésbe.

A megadott szöveg előtti szóközt jelöld ki.
C+h: Csere ablak megnyitása:
■*: A+r: Reguláris kifejezések használata.
A Find mező kihagyásával a kurzor a Replace mezőben lesz.
Replace mezőbe írd be: </p>\n<p>
Reguláris kifejezés jelentése: A kijelölt szóköz cseréje egy bekezdés záró jelölőre, egy ezt követő sortörésre és egy nyitó bekezdés jelölőre.
A \n jelentése: \jellel jelezzük, hogy reguláris kifejezés következik, az n egy sortörést szúr be a szövegbe.

11/08: Alakítsd a táblázat első oszlopának celláit fejléc cella típusúvá.

C+f: Keresés ablak megnyitása:
■*: A+r: Reguláris kifejezések használata.
Find mezőbe írd be: tr>\n\s*<td>
Reguláris kifejezés jelentése: Jelölje ki a táblázatsorok nyitó jelölőjét, melyek után egy sortörés és ismeretlen számú szóköz van, amelyeket a cellasor első cellájának nyitó eleme áll.
A \n\s* jelentése: \jellel jelezzük, hogy reguláris kifejezés következik, az n egy sortörés, s* ismeretlen számú (bármennyi) szóköz.

18/05: Alakítsd félkövérré a Konditerem, az Uszoda és a Szauna sorokat.

C+f: Keresés ablak megnyitása:
■*: A+r: Reguláris kifejezések használata.
Find mezőbe írd be: p>(Kon|U|S)
Reguláris kifejezés jelentése: Jelölje ki, ha a bekezdés jelölő után Kon, U vagy S karakterrel kezdődik a tartalom. Megjegyzés: Van egy Kombinált kezdetű bekezdés is, ezért nem elég csak a K betű, az első eltérő betűig meg kell adni a feltételt, ami Kon.

22/07. Adj alternatív szöveget a táblázatban található két képnek, az értéke ugyanaz legyen, mint a hozzájuk tartozó oszlop fejlécének tartalma.

Két képet kell megkeresni, más kiterjesztéssel, de a szövegben van több, képnévvel egyező szövegrész is.
C+f: Keresés ablak megnyitása:
■*: A+r: Reguláris kifejezések használata.
Find mezőbe írd be: dj_.*"
Reguláris kifejezés jelentése: Jelölje ki a dj_-jel kezdődő szövegrészeket, melyeket bármennyi, bármilyen karakter követhet, amíg egy idézőjel nem következik.

24/06: Alakítsd félkövérré és dőltté a szövegben előforduló két telefonszámot.

Két telefonszámot kell kijelölni, melyek 06-tal kezdődnek, de nem egyforma formátummal vannak beírva.
C+f: Keresés ablak megnyitása:
■*: A+r: Reguláris kifejezések használata.
Find mezőbe írd be: 06(\s|-|/|\d)*
Reguláris kifejezés jelentése: Jelölje ki a 06-tal kezdődő szövegrészeket, melyek szóközt, vagy - (kötőjelet), vagy / (per jelet), vagy számot tartalmaznak, akárhány előfordulás lehet.
A zárójelek között kell felsorolni |-jelekkel elválasztva a feltételeket, melyek közül legalább az egyiknek teljesülnie kell.
A reguláris kifejezések elé \-jelet kell írni:
A \s jelentése: szóköz karakter;
A \d jelentése: szám karakter.

24/09: A „Melyik a legnagyobb élő madár?” kérdéshez tartozó rádiógombok feliratait alakítsd címke (label) típusúvá.

A feliratok egy- és kétszavasak. A többsoros kurzorral együttes kijelölésük nem lehetséges, ezért kijelölöm a sorokat a sor végén lévő sortörés jelölőig, de a sortörés jelölőkre nincs szükség!
C+f: Keresés ablak megnyitása:
■*: A+l: Keresés csak a kijelölésben.
■*: A+r: Reguláris kifejezések használata.
Find mezőbe írd be: .*[^<br>]
Reguláris kifejezés jelentése: Bármilyen karakter(ek), de ne legyen benne <br>.
A ^ jelentése: ne tartalmazza a felsorolt karaktereket.

26/06: Tedd számozatlan felsorolás stílusúvá a „Vállalati, intézményi referenciák” címsor alatti listát.

A Vállalati lista cégnevekből áll (XYZ, AAA, BBB, CCC), a nevek után egy SZÓKÖZ van majd a cégtípus neve.
C+f: Keresés ablak megnyitása:
■*: A+r: Reguláris kifejezések használata.
■*: A+c: Kis-és nagybetűt megkülönböztet.
Find mezőbe írd be: [YABC] (a végén szóköz!)
Reguláris kifejezés jelentése: Bármilyen felsorolt karaktert és utána egy SZÓKÖZT tartalmaz.

33/07: Adj a termek_kep osztályú elemeken belüli képeknek alternatív szöveget, ezek értéke legyen ugyanaz, mint a képek alatt lévő, zárójelbe tett latin megnevezés.

C+f: Keresés ablak megnyitása:
■*: A+r: Reguláris kifejezések használata.
Find mezőbe írd be: \(.*\)
A nyitó és záró zárójel közötti szöveget jelöli ki.
Amennyiben az alternatív szövegről törölni szeretném a zárójeleket: C+h: Csere ablak megnyitása:
■*: A+r: Reguláris kifejezések használata.
Reguláris kifejezés használata: ALT + R. A Find szerkesztőmezőbe írd be: "\(|\)", A Replace szerkesztőmezőbe írd be: ".