Kód vyhľadávacieho formulára. Vytvorenie dokonalého vyhľadávacieho panela

Stránka Yandex.Search využíva všetky veľké vyhľadávacie technológie Yandex. Vrátane zohľadňuje rôzne formy slov, opravuje chyby a preklepy, ako aj nesprávne rozloženie klávesnice.

Vyhľadávanie dokáže na stránke nájsť nielen slová, ktoré sa nachádzajú v dopyte používateľa, ale aj ich synonymá. Ak napríklad používateľ hľadá informácie o hre World of Warcraft, nemusí nevyhnutne napísať celý názov. Jeho žiadosť môže vyzerať ako , alebo dokonca [WoW]. Yandex však pochopí, čo človek potrebuje, a dá mu správnu odpoveď.

Yandex.Search pre stránku rozumie rôznym pravopisom slov, dokonca aj nesprávnym

Nastavenie synoným pre vyhľadávanie

Hlavnú databázu synoným vyhľadávania môžete doplniť o svoje vlastné možnosti špecifické pre vašu stránku a vašich používateľov. Na tento účel má web Yandex.Search jednoduché a intuitívne rozhranie.

Do ľavého stĺpca pridajte slová, ktoré používatelia zadajú do vyhľadávacieho formulára, a do pravého stĺpca pridajte ich zodpovedajúce synonymá zo stránok vašej lokality alebo lokalít.

Flexibilné nastavenia

Vy si vyberiete, ako bude vyhľadávanie Yandex vyzerať na vašom webe. Môže to byť jasný prvok rozhrania alebo nie príliš nápadný, ale viditeľný asistent pri navigácii - všetko závisí od vašich preferencií a cieľov.

Je len na vás, či ponecháte štandardný dizajn, ktorý poznajú všetci používatelia Yandexu, alebo navrhnete reťazec vyhľadávania a výsledky vo vlastných podnikových farbách.

A ak sa ukáže, že štandardné možnosti pre štylizáciu vyhľadávacieho formulára a výsledkov vyhľadávania nestačia na to, aby vyhľadávanie dokonale zapadalo do dizajnu vašej stránky, môžete vy (alebo vaši vývojári) použiť vlastné CSS štýly na potrebný formulár alebo SERP prvkov. Vďaka tomu môžete plne ovládať vzhľad vyhľadávania a doplniť ho o prvky, ktoré potrebujete.

Ak nájdené dokumenty obsahujú videá alebo obrázky, ich ukážky sa vložia do výsledkov vyhľadávania. Tieto náhľady si môžete prispôsobiť aj použitím vlastných štýlov CSS.

Výsledky vyhľadávania sa otvárajú buď na stránke vášho webu, alebo na Yandex - takto.

Návrhy vyhľadávania

Vyhľadávanie na stránke, podobne ako hlavné vyhľadávanie Yandex, obsahuje návrhy vyhľadávania - urýchľujú zadávanie dopytu. Ešte predtým, ako návštevník stránky úplne zadá požiadavku, bude môcť prejsť na požadovanú možnosť. Vďaka tomu je oveľa rýchlejší.

Yandex vytvorí súbor návrhov vyhľadávania špeciálne pre vaše potreby. Budú brať do úvahy dopyty vašich používateľov a obsah stránok, ktoré chcete vyhľadávať.

Je v poriadku, ak sa používatelia pri zadávaní dopytu pomýlia. Vyhľadávanie na stránke môže opraviť preklepy, gramatické chyby a nesprávne rozloženie klávesnice – vrátane všetkých naraz. Oprava funguje pre požiadavky v ruštine, angličtine, ukrajinčine, bieloruštine, turečtine a niekoľkých ďalších jazykoch.

Návrhy vyhľadávania môžu opraviť chyby a preklepy, ako aj nesprávne rozloženie klávesnice.

Môžete upraviť návrhy vyhľadávania, ktoré ponúka Yandex. Napríklad pridajte nové, zmeňte poradie existujúcich a odstráňte nepotrebné. Pomocou tohto nástroja je ľahké povedať používateľom, čo majú na vašom webe hľadať.

Upravte výsledky vyhľadávania

Môžete pomôcť návštevníkom nájsť na vašej stránke presne to, čo potrebujú. Môže ísť napríklad o článok publikovaný v auguste 2010 alebo dokument zo sekcie Recenzie a testy. Vyhľadávanie lokality poskytuje nástroj na spresnenie dopytov – môžete vybrať časť lokality, určiť časové obdobie, ako aj formát alebo jazyk dokumentu.

Máte tiež možnosť zadať kľúčové slová, ktoré môže návštevník pridať do dopytu. Ak napríklad vaša stránka súvisí s hrami, kľúčové slová môžu byť „hra“, „recenzia“, „kúpiť“ atď.

Takto vyzerajú rafinéri vo výsledkoch vyhľadávania.

Hľadať témy

Ak potrebujete zorganizovať vyhľadávanie na mnohých rôznych lokalitách alebo na skupine lokalít s rovnakým predmetom, použite témy vyhľadávania. Jedna téma vyhľadávania môže kombinovať až 100 000 stránok. Ich zoznam sa dá ľahko upravovať pomocou požiadaviek HTTP.

Pripravte si zoznam stránok, vytvorte novú tému a odošlite ju na moderovanie. Po potvrdení témy usporiadajte vyhľadávanie na jej základe pomocou stránky Yandex.Search alebo služby Yandex.XML.

Vytvorte tému: http://site.yandex.ru/themes/new/

štatistiky vyhľadávacích dopytov

Ak chcete vedieť, čo návštevníci vášho webu hľadajú, navštívte sekciu Štatistiky. Obsahuje informácie o požiadavkách používateľov.

Štatistiky žiadostí sa aktualizujú denne a obsahujú nasledujúce informácie:

• zoznam vyhľadávacích dopytov;
• koľkokrát bola každá z týchto otázok položená;
• koľko výsledkov sa zobrazilo pre každý dopyt;
• koľko kliknutí bolo na výsledky vyhľadávania.

Štatistiky vám pomôžu pochopiť, ktoré časti vašej lokality potrebujú zlepšenie.

Rozhranie štatistiky vyhľadávacieho webu.

Vyhľadávací riadok

Tento typ vyhľadávania používame stále, každý deň.

Vyhľadávacie pole pre danú lokalitu. Nápady na dekoráciu

Aby sme našli odpoveď na niektoré z našich otázok, stačí zadať dopyt do panela s adresou a stlačiť Enter

Hľadajte na stránke lokality

CTRL +FNájsť»

internetu

Napravo od tohto poľa sa zadáva suma požadovanej požiadavky. Pomocou šípok nahor a nadol sa môžete presúvať z jedného výsledku na druhý. Aktuálne vybrané slovo bude označené šedou farbou. To vám pomôže určiť, kde sa na stránke nachádzate. Všimnite si tiež, že ak za „internet“ nedáte medzeru, prehliadač zobrazí slovo, ktoré má množinu zadaných znakov. "Internet" - "INTERNET". Preto, ak potrebujete presnú zhodu výsledku vyhľadávania s hľadaným slovom, dajte zaň medzeru.

Klávesová skratka CTRL +F

Nájdite (…) v službe Google

Podobným spôsobom môžete nájsť údaje o akomkoľvek obrázku (obrázku), ktorý sa nachádza na stránke webu. Rovnakým spôsobom kliknite pravým tlačidlom myši na fotografiu a vyberte možnosť „ Nájsť obrázok (Google)»

Alexander Zhurba

V prípade, že musíte pracovať s veľkým dokumentom, vyhľadávanie konkrétneho slova alebo frázy môže byť náročné a časovo náročné. Microsoft Word vám umožňuje automaticky vyhľadávať v dokumente, ako aj rýchlo nahrádzať slová a frázy pomocou tohto nástroja Nájsť a nahradiť. Chcete sa naučiť používať tento nástroj? Potom si pozorne prečítajte túto lekciu až do konca!

Textové vyhľadávanie

Ako príklad si zoberme časť známeho diela a použime príkaz Nájsť nájsť v texte priezvisko hlavnej postavy.

Môžete zavolať príkaz Nájsť stlačením ctrl+f na klávesnici.

Ak chcete otvoriť ďalšie možnosti vyhľadávania, použite rozbaľovaciu ponuku vo vyhľadávacom poli.

Výmena textu

Sú chvíle, keď dôjde k chybe, ktorá sa opakuje v celom dokumente. Napríklad niečie meno je napísané nesprávne alebo určité slovo alebo frázu je potrebné zmeniť na iné. Môžete použiť funkciu Nájsť a nahradiť na rýchle vykonanie opráv. V našom príklade zmeníme celý názov spoločnosti Microsoft Corporation na MS.

Môžete prejsť do dialógu Nájsť a nahradiť stlačením kombinácie klávesov ctrl+h na klávesnici.

Ďalšie možnosti vyhľadávania a nahradenia získate kliknutím Viac v dialógovom okne Nájsť a nahradiť. Tu si môžete vybrať možnosti ako napr Len celé slovo alebo Ignorovať interpunkčné znamienka.

Ahoj. Skôr ako pristúpim k úvahe o našej dnešnej téme, rád by som nám všetkým zablahoželal k minulému sviatku - Veľkému víťazstvu. Povedzte starým otcom, pradedom, ktorí bojovali a tiež ktorí pracovali v tyle. Veľká vďaka. Ďakujeme, že ste stáli, prekonali, vykonali hrdinský čin, za čisté nebo, za mier na našej zemi. A hlboko sa pokloniť tým, ktorí priblížili hodinu víťazstva. Ďakujem!!!

A teraz späť k našej téme. Dnes si povieme, ako používať vyhľadávanie v prehliadači. Poďme sa pozrieť na niekoľko funkcií prehliadača Google Chrome.

Vyhľadávací riadok

Tento typ vyhľadávania používame stále, každý deň. Aby sme našli odpoveď na niektoré z našich otázok, stačí zadať dopyt do panela s adresou a stlačiť Enter

Keď zadávame našu požiadavku, prehliadač s ňou ponúka možné kombinácie, ktoré predtým zadali iní používatelia internetu. Máme na výber: hľadať presne našu požiadavku alebo vybrať inú frázu zo zoznamu prehliadača.

Príklad ukazuje, že sme pozvaní na vyhľadávanie v systéme Google, ale môžete prejsť na iný systém.

Hľadajte na stránke lokality

Niekedy potrebujeme nájsť slovo alebo frázu na webovej stránke. Ale kvôli veľkému množstvu informácií to môže byť niekedy ťažké. Predpokladajme, že ste sa naučili názov piesne svojho interpreta, prejdite na zdroj, kde sú prezentované všetky jeho skladby. Nájsť tú správnu stopu medzi všetkými ostatnými je dosť ťažké. V tomto prípade nám pomôže jedna metóda, ktorú si teraz podrobne rozoberieme.

Otvorili ste si napríklad portál, na ktorom sa, ako predpokladáte, nachádza hľadané slovo, názov mesta, skladby atď. Pre rýchle vyhľadávanie na stránke webu používame klávesovú skratku CTRL +F alebo prejdite do hlavnej ponuky prehliadača a vyberte položku " Nájsť»

Potom sa v pravom hornom rohu okna prehliadača zobrazí pole na zadávanie slov. Počas písania znakov prehliadač začne hľadať a zvýrazňovať v texte poradie písmen, ktoré zadávame.

Ako príklad sa pozrime, koľko slov " internetu“ sa nachádza na hlavnej stránke našej webovej stránky.

Označíme ho v zadanom poli a prehliadač zvýrazní výsledky vyhľadávania žltou farbou.

Napravo od tohto poľa sa zadáva suma požadovanej požiadavky. Pomocou šípok nahor a nadol sa môžete presúvať z jedného výsledku na druhý. Aktuálne vybrané slovo bude označené šedou farbou. To vám pomôže určiť, kde sa na stránke nachádzate.

Všimnite si tiež, že ak za „internet“ nedáte medzeru, prehliadač zobrazí slovo, ktoré má množinu zadaných znakov. "Internet" - "INTERNET". Preto, ak potrebujete presnú zhodu výsledku vyhľadávania s hľadaným slovom, dajte zaň medzeru.

Klávesová skratka CTRL +F na vyhľadávanie zdrojovej stránky je možné použiť akýkoľvek moderný prehliadač. Vo Firefoxe sa toto pole nachádza v ľavom dolnom rohu. Buď opatrný.

Rýchle vyhľadávanie významov slov, fráz, obrázkov

Pri oboznamovaní sa s informáciami o nejakom zdroji sa môžeme stretnúť s pojmom alebo slovom, o ktorého význame máme slabú predstavu. Aby sme rýchlejšie získali údaje o tomto slove alebo fráze, jednoducho vyberieme časť textu na stránke a pomocou pravého tlačidla myši vyvoláme ponuku, v ktorej vyberieme „ Nájdite (…) v službe Google» (zvýraznená fráza alebo slovo bude uvedené v zložených zátvorkách). Napríklad v našom príklade to vyzerá takto.

Podobným spôsobom môžete nájsť údaje o akomkoľvek obrázku (obrázku), ktorý sa nachádza na stránke webu.

Vyhľadávacie pole

Rovnakým spôsobom kliknite pravým tlačidlom myši na fotografiu a vyberte možnosť „ Nájsť obrázok (Google)»

Viac o tom, ako nájsť obrázok v Yandex a Google, sa dozviete v tomto článku a tu.

Tu, možno, a to všetko. Dnes sme sa pozreli na možnosti vyhľadávania v prehliadači. Uvídime sa znovu.

Najlepší spôsob, ako sa naučiť, je byť asistentom profesionála. O niečo horšie je vyskúšať si to sami bez dozoru znalého človeka. Teória je užitočná len ako hypotéza, ktorú je potrebné otestovať v praxi.

Ak už má vaša stránka dostatočné množstvo obsahu, musíte myslieť na pohodlné vyhľadávanie na stránke. Samozrejme, môžete použiť vstavaný CMS vašej stránky, alebo ak je vaša stránka čisto HTML, môžete napísať skript, ktorý bude prehľadávať stránku HTML. Existuje však tretia možnosť a je optimálnejšia - ide o vyhľadávanie na stránkach pomocou vyhľadávacích nástrojov.

Prečo je teda vyhľadávanie na stránkach z vyhľadávačov najefektívnejšie? Existuje niekoľko faktorov v prospech tohto:

• Po prvé, a čo je najdôležitejšie, vyhľadávače, akokoľvek triviálne to môže znieť, sa špecializujú na vyhľadávanie. Preto by ste mali dôverovať kvalite ich vyhľadávacích algoritmov.
• Vyhľadávače berú do úvahy morfológiu jazyka;
• Používajú sa tipy na vyhľadávanie;
• Oprava chýb vo vyhľadávacích dopytoch;
• Štatistiky vyhľadávania.

Vyhľadávanie na stránkach cez Yandex.Search

Vyhľadávací nástroj Yandex poskytuje bezplatný a pohodlný nástroj na integráciu vyhľadávania: Yandex.Search pre stránku.

Ako sme už povedali, vyhľadávanie na stránke berie do úvahy morfológia jazyka, t.j. berie do úvahy rôzne formy slov, pravopis, chyby, preklepy atď. Vyhľadávanie z Yandex je tiež možné hľadať nielen samostatne dané slovo, ale aj jeho synonymá. Môžete vytvoriť základné synonymum pre každé slovo, ktoré by ste chceli použiť pri vyhľadávaní.

Vyhľadajte stránku od spoločnosti Yandex má jednoduché a flexibilné nastavenia, môžete jednoducho prispôsobiť jeho vzhľad: ponechajte štandardný, známy dizajn od Yandex alebo ho navrhnite vo farbách svojej stránky. Máte plnú kontrolu nad prispôsobením, od jeho vzhľadu až po štýl CSS a prvky vyhľadávania. Vyhľadávanie prebieha nielen v textových dokumentoch, ale aj v obrázkoch, videách, zobrazujú sa v náhľade, ktorého dizajn je možné aj meniť.

Pri vyhľadávaní na stránke, ako aj pri vyhľadávaní cez vyhľadávacie pole na yandex.ru, keď zadáte slovo do vyhľadávacieho poľa, zobrazí sa výzva zoznam tipovčo urýchli proces vyhľadávania. Yandex automaticky vytvorí databázu súkromných vyhľadávacích dopytov a v súlade s tým vydá rady.

Vyhľadávací reťazec môže byť doplnený nástrojom spresnenie výsledkov vyhľadávania. To znamená, že osoba bude môcť nájsť presne to, čo potrebuje, pričom bude poznať približný dátum vydania materiálu alebo sekciu stránky, v ktorej sa nachádza (blog, články, pomoc a podpora), alebo jeho formát a jazyk. .

Vyhľadávanie na stránkach zlepší a zrýchli vaše indexovanie vo vyhľadávači Yandex a tiež vám pomôže vytvoriť si vlastný rebríček stránok podľa dôležitosti, podľa ktorého sa problém vyskytne, stačí tieto stránky nahlásiť robotovi Yandex.

v štatistikách vyhľadávania môžete vidieť podrobné informácie o vyhľadávacích dopytoch návštevníkov stránky za určité zvolené časové obdobie.

Ak chcete získať vyhľadávací formulár pre vašu stránku, budete musieť zadať názov vyhľadávania, adresu stránky a súhlasiť s podmienkami služby. Potom môžete prispôsobiť vzhľad vyhľadávacieho formulára a vzhľad výsledkov vyhľadávania. Potom dostanete pripravený HTML kód na inštaláciu na vašu stránku. Podrobné pokyny na inštaláciu nájdete nižšie.

Vyhľadávanie na stránkach Google: Vyhľadávanie na stránkach

Vyhľadávací nástroj Google tiež poskytuje praktický nástroj na vyhľadávanie na vašej lokalite: Vlastný vyhľadávač Google: Vyhľadávajte lokality, tá je, žiaľ, platená, no má možnosť si privyrobiť na AdSense reklame.

Povedzme hneď, že náklady na ročnú údržbu vyhľadávania na stránke od Google vás budú stáť najmenej 100 dolárov. Cena závisí od veľkosti vašej stránky a priemerného počtu ročných žiadostí.

Google Search for work vám ponúka dokonalý zážitok z vyhľadávania pomocou rovnakej technológie ako vyhľadávanie Google. Google garantuje vysokú relevanciu, t.j. splnenie požiadaviek, funkčnosť, integrácia na kľúč.

Uvádzame hlavné funkcie vyhľadávania na stránkach od Google:

• Personalizácia. Vyhľadávanie si môžete usporiadať, ako chcete, môžete odstrániť logo Google a umiestniť svoje vlastné, zmeniť farby, tvar, celkovo celý vzhľad.
• Viacjazyčný. Vyhľadávanie je možné v akomkoľvek jazyku, môžete si nastaviť predvolený jazyk alebo bude detekovaný automaticky.
• Výsledky skreslenia. Poradie a výber výsledkov vyhľadávania môžete manuálne upraviť v závislosti od dátumu zverejnenia, napríklad čím je materiál novší, tým je vo výsledkoch vyššie.
• Spresnenie podľa štítkov je ako spresnenie výsledkov vyhľadávania Yandex, vytvoríte kategórie materiálov, ktoré používateľ v prípade potreby hľadá.
• Vyhľadávanie obrázkov a ilustrácie výsledkov vyhľadávania s obrázkami, ktorých veľkosť môžete meniť alebo upravovať automaticky;
• Nedostatok reklamy;
• Indexovanie na požiadanie, t.j. ak ste pridali nový materiál alebo vykonali zmeny v starom, môžete sami poslať robota Google, aby opravil aktualizácie.
• Synonymá. Katalóg dopytov sa automaticky naplní synonymami, rôznymi pravopismi slov (Toyota, Toyota), ako aj skratkami a ich dekódovaním.
• Vyberte adresu URL na automatické dopĺňanie. Tu môžete manuálne nakonfigurovať a ovládať zoznam výziev, ktoré sa používateľovi otvoria, keď začne zadávať dopyt.
• Výhodou Google vyhľadávania je, že môžete hľadať nielen na jednej stránke, ale na viacerých.
• Prepojenie vyhľadávania na stránkach s inými službami Google. Na ňom budete môcť sledovať štatistiky žiadostí a správania návštevníkov a služba AdWords vám umožní zarábať peniaze zadávaním reklám.

Pri pridávaní vyhľadávania Google na vašu stránku budete musieť zadať názov svojho „vyhľadávača“, popis a špecifikovať stránky, na ktorých chcete hľadať. Potom si musíte vybrať dizajn vyhľadávacieho panela, po ktorom sa navrhuje vyskúšať vyhľadávanie. Potom dostanete kód, ktorý môžete pridať na svoju stránku.

Pokyny: ako vložiť Yandex.Search na stránku

Teraz poďme analyzovať inštaláciu Yandex.Search pre stránku pomocou našej stránky Nubex ako príklad. Servisný kód je možné vložiť do cms, integrovať do stránky alebo jednoducho vložiť kód do akéhokoľvek vhodného bloku stránky.

1. Prejdite na webovú stránku lokality Yandex.Search a kliknite na tlačidlo Nastaviť vyhľadávanie.

2. Vyplňte povinné polia, pridajte svoju stránku do oblasti vyhľadávania, nezabudnite zadať svoju e-mailovú adresu. Ak chcete, aby sa stránka úspešne pridala do oblasti vyhľadávania, uistite sa, že je vaša stránka pridaná do . Prejdite na krok 2.

3. Prispôsobte si vzhľad vyhľadávacieho panela: farbu, písmo, s pozadím alebo bez neho. Prejdite na krok 3.

4. Tretím krokom je doladiť, ako bude výsledok vyhľadávania vyzerať a na ktorej stránke sa bude nachádzať (na stránke Yandex alebo na vašej stránke). V spodnej časti stránky je náhľad výsledkov, na ktoré si môžete pozrieť. Prejdite na krok 4.

5. Skontrolujte výkonnosť vyhľadávania na svojej stránke. A prejdite na ďalší krok.

6. Teraz musíte skopírovať kód služby a nainštalovať ho na stránku. Upozorňujeme, že existujú dva rôzne kódy pre vyhľadávanie a pre výsledky vyhľadávania. Prečo je to potrebné? Vyhľadávací reťazec môžete nastaviť v jednom poli alebo v bočnom stĺpci a zobraziť výsledky na samostatnej stránke. Používateľ teda zadá dotaz a bude presmerovaný na stránku s výsledkami.

7. Kód výsledkov vyhľadávania môže byť 2 rôznych typov: iframe a html&css. V čom je rozdiel? Iframe je jednoduchšia verzia kódu, je vhodnejšia pre weby so zložitým dizajnom, ale obmedzuje vzhľad výsledkov pri prispôsobení. Html&CSS – výsledky vyhľadávania budú naformátované v súlade so štýlom css vašej stránky a kód je vložený do celej štruktúry stránky.

8. Teraz prejdeme na administratívny panel stránky. Rozhodli sme sa nainštalovať vyhľadávací panel na hlavnú stránku našej stránky, takže prejdeme do sekcie "Dokumenty lokality" -> "Stĺpec na hlavnej". A kliknite na tlačidlo "Vytvoriť blok textu".

9. V poli pre vkladanie textu kliknite na tlačidlo "Zdroj". Uvidíte HTML kód stránky, sem vložte skopírovaný kód vyhľadávacieho formulára a výsledky. Kliknite na tlačidlo "Uložiť".

10. Obnovte svoju webovú stránku. Mal by sa zobraziť panel vyhľadávania.

Záver

Pri používaní akéhokoľvek vlastného vyhľadávacieho nástroja, či už ide o vyhľadávanie stránok Google alebo Yandex, musíte pamätať na to, že vyhľadávanie sa neuskutočňuje na vašej lokalite ako takej, ale na stránkach vašej lokality, ktoré sa nachádzajú v indexe. vybraného vyhľadávacieho nástroja. Preto sa musíte postarať o to, aby všetky stránky lokality, ktoré chcete sprístupniť na vyhľadávanie, boli otvorené na indexovanie a zahrnuté do indexu vyhľadávacieho nástroja.

Tvorca webových stránok Nubex má vstavanú miniaplikáciu vyhľadávania, ktorú je možné povoliť pre bočné panely.

Zdravím všetkých čitateľov a predplatiteľov stránky. Dnes budem hovoriť o tom, ako vytvoriť štýlový vyhľadávací formulár HTML pre webovú stránku.

Väčšina stránok a blogov s množstvom rôznych informácií používa takéto formuláre. Umožňujú návštevníkom nájsť ten správny článok podľa kľúčových slov, myslím, že ich videl každý.

Z pohľadu prehliadača ide o jednoduché HTML formuláre, s dvoma prvkami: textovým poľom a tlačidlom, ktoré odošle požiadavku. Niekedy nemusí byť tlačidlo, v takom prípade sa formulár odošle stlačením klávesu Enter.

Ako príklad som si zobral jednu z prác z premiumpixels.com. Tu je odkaz na samotný príspevok. Tento bezplatný súbor psd so šiestimi typmi tvarov vyzerá ako na obrázku nižšie. Samotné PSD si môžete stiahnuť z tejto stránky, pretože je zadarmo.

Obmedzíme sa na vytvorenie svetlej a tmavej verzie, keďže tretia, v modrej farbe, je veľmi podobná svetlej.

Čo získame ako výsledok, pozri nižšie:

Takže, ako som povedal, HTML kód je formulár s dvoma vstupnými prvkami. Pre jednoduchosť dizajnu som každý z nich zabalil do div bloku.

Pre všetky typy dizajnu bude tento kód rovnaký.

Tí, ktorí pracovali s Drupal 7, môžu vidieť, že táto štruktúra je veľmi podobná štandardnému vyhľadávaciemu formuláru v Drupale 7. Je. Ak tento dizajn vložíte na svoju stránku v tomto CMS, nebudete musieť vo výstupe HTML nič meniť (okrem zástupného symbolu, pozri nižšie).

Pre vstupné pole nastavíme atribút zástupný symbol. Hodnota tohto atribútu sa zobrazí vo vstupnom poli a zmizne, keď pole bude aktívne. Veľmi výhodná nehnuteľnosť.

V predvolenom nastavení v rôznych prehliadačoch bude celý tento vyhľadávací formulár vyzerať inak a nie všade veľmi štýlovo. Napríklad jeho vzhľad v Opere a Safari je uvedený nižšie:

Preto sa nezaobídeme bez označenia štýlu. Zvážte štýly pre okrúhlu svetlú verziu. Do súboru CSS vložte nasledujúci kód:

#search-block-form( width:248px; height:28px; border-radius:15px; border:#c9c9c9 solid 1px; background:url(images/searchBg.png) left top repeat-x; ) .focus-active( border-color:#aaa !important; background:#fff !important; ) #search-block-form input( padding:0; margin:0; display:block; border:none; outline:none; background:none; width :100%; výška:100%; ) #search-block-form .form-actions( width:28px; height:28px; float:left; background:url(images/searchIcon.png) 5px 2px no-repeat; ) #search-block-form .form-actions input:hover(kurzor:ukazovateľ; ) #search-block-form .form-actions input( overflow:hidden; text-indent:-9999px; ) #search-block-form . form-item( width:210px; padding:0px 5px; float:right; height:28px; ) #search-block-form .form-item input( font:13px/16px "Trebuchet MS", Arial, Helvetica, sans- serif;color:#222;height:auto !important;padding:6px 0; ) .placeholder(color:#cbcbcb !important;)

Zoberme si to pekne po poriadku a podrobnejšie. Najprv zadáme samotný formulár s ID #search-block-form , rozmery, farbu orámovania a zaoblenie rohov.

#search-block-form( width:248px; height:28px; border-radius:15px; border:#c9c9c9 solid 1px; background:url(images/searchBg.png) left top repeat-x; )

Všetky vnútorné prvky nebudú mať farbu pozadia ani okraja, takže prepíšeme všetky predvolené vlastnosti na oboch vstupných značkách.

#search-block-form input( padding:0; margin:0; display:block; border:none; obrys:none; background:none; width:100%; height:100%; )

Dizajn nastavíme, ak je to možné, na divy, v ktorých sú prvky zabalené, a nie na ne.

Blok s akciami formulára bude vľavo a položka formulára vpravo. Tlačidlo na odoslanie formulára obsahuje text, ale my ho nepotrebujeme, preto ho odstránime nasledujúcou známou metódou.

#search-block-form .form-actions input( overflow:hidden; text-indent:-9999px; )

#search-block-form .form-item input( font:13px/16px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#222; height:auto !important; padding:6px 0; )

Teraz sa pozrime na kód JavaScript.

Zdá sa, prečo je tu potrebný JavaScript? V skutočnosti pridáva niekoľko užitočných vecí pre použiteľnosť.

Po prvé, vlastnosť zástupného symbolu prišla s HTML5 a jej podpora v starších prehliadačoch ponecháva veľa požiadaviek. Existuje však jednoduché riešenie v podobe jQuery pluginu jQuery-Placeholder , ktorý poskytne podporu pre túto vlastnosť vo všetkých prehliadačoch (vrátane IE6!).

Za týmto účelom zahrnieme samotný súbor a povolíme túto funkciu:

$("vstup").placeholder();

Ak sme zahrnuli jQuery, môžeme urobiť niečo iné. Povedzme napríklad, že keď formulár dostane zameranie, nejako sa zmení.

Na tento účel sme vytvorili špeciálnu triedu zameranú na aktívnu aktivitu. Keď pridáte túto triedu do formulára, farba pozadia sa zmení na bielu a farba okraja bude mierne tmavšia. Formulár bude reagovať na akcie užívateľa.

Focus-active( border-color:#aaa !important; background:#fff !important; )

Trieda .placeholder formátuje text z atribútu zástupného symbolu v starších prehliadačoch. Túto triedu je možné použiť iba vtedy, ak používame rovnaký doplnok jQuery.

Zástupný symbol(color:#cbcbcb !dôležité;)

To je všetko. Vytvorili sme vyhľadávací formulár, ktorý sa dá ľahko integrovať do väčšiny stránok.

Ostatné verzie sa príliš nelíšia, pozri zdrojový kód demo stránok, tam sú potrebné komentáre.

To je na dnes všetko. Do komentárov napíšte, o čom by ste si chceli prečítať v nových blogových príspevkoch, rovnako ako sa prihláste na odber RSS a buďte prvý, kto dostane informácie o aktualizácii stránky!

Operačný systém Windows poskytuje niekoľko spôsobov vyhľadávania súborov a priečinkov. Na vyhľadávanie súborov, priečinkov, programov a e-mailových správ v počítači môžete použiť vyhľadávacie pole v ponuke Štart. Ale keď sa pokúsim niečo vyhľadať v ponuke Štart, nie je tam žiadne vyhľadávacie pole.

Existuje niekoľko možností, ako všetko vrátiť na svoje miesto.

Prvá možnosť

Najjednoduchším spôsobom je pokúsiť sa vrátiť vyhľadávacie pole pomocou nástrojov systému Windows. Otvorte Ovládací panel - Programy a funkcie. Vyberte kartu "Zapnite alebo vypnite funkcie systému Windows Nájdite komponent Windows Search. Ak komponent nie je vybratý, začiarknite políčko.

Kliknite na tlačidlo OK. Teraz skontrolujte, či je služba povolená alebo nie Windows Search. Ak to chcete urobiť, otvorte Ovládací panel - Nástroje na správu - Služby. Kontrola servisného režimu Windows Search. Musí stáť Automaticky.

Druhá možnosť

Použiť . Ak to chcete urobiť, v ponuke Štart - Spustiť zadajte príkaz gpedit.msc a OK. Teraz hľadáme Konfiguráciu používateľa - Šablóny pre správu - Ponuka Štart a Panel úloh. V pravej polovici okna vyhľadajte položku Odstrániť odkaz „Hľadať“ z ponuky „Štart“. Skontrolujte hodnotu tohto parametra. Musí byť Nie je nastavené.

Tretia možnosť

Táto možnosť je užitočná pre používateľov, ktorí majú inú verziu systému Windows ako Pro, Enterprise a Ultimate. Podporujú iba tieto verzie Editor miestnej politiky skupiny.

Otvorte Editor databázy Registry: Stlačte kláves Win + R a zadajte príkaz regedit A OK. Nájdenie sekcie

HKEY_CURRENT_USER\Software\Microsoft\Windows\CurrentVersion\Policies\Explorer

ak je v tejto časti parameter Žiadne hľadanie- musí sa odstrániť.