V dnešnej dobe nie je vlastná webová stránka luxusom, ale skôr nevyhnutnosťou. Jeho vytvorenie si vyžaduje určité zručnosti a znalosti html. Vytvorenie jednoduchého webu je celkom jednoduché. Jeho zdobenie a vytváranie interaktívnych prvkov, ktoré poskytujú webu ďalšie funkcie, však spôsobia začiatočníkovi ťažkosti. Jedným z týchto interaktívnych prvkov, ktoré zvyšujú pohodlie návštevníkov stránky, je posúvač. Je to užitočné najmä v poliach webu, ktoré poskytujú jeho spojenie so skriptmi (interakcia webu s používateľmi).
Je to nevyhnutné
Internet alebo akýkoľvek html návod
Inštrukcie
Krok 1
Najdôležitejšou vecou na každom webe je užívateľská prívetivosť. Samotná myšlienka použitia posuvného pruhu na vašom webe bude vhodná, iba ak jeho vzhľad nie je diktovaný vašou túžbou, ale nevyhnutnosťou. Upravte rozloženie stránky, na ktorú chcete umiestniť posúvač. Vyberte miesto pre rolovanie (nazýva sa to tiež rolovacie lišty).
Krok 2
Vyberte umiestnenie posúvača na stránke, ktorá vás zaujíma. Musí byť pevne spojená s nejakým prvkom (napríklad textové pole alebo rozbaľovací zoznam). Toto miesto musíte vypočítať v pixeloch alebo v percentách. To nie je ťažké urobiť, najmä ak má usporiadanie stránok jasnú štruktúru.
Krok 3
Medzi značky BODY musíte pridať štandardný posúvací kód. Nájdete ho v ľubovoľnom html návode. Existujú dve možnosti - buď pridajte tento útržok priamo do html kódu stránky, alebo ho pripojte do šablóny štýlov css. Druhá metóda je pohodlnejšia, ak zmeníte viac ako jednu stránku, ale celý web naraz. Potom musíte zadať farebné parametre posuvného pruhu, inak bude sivý a nezaujímavý. Obrázok zobrazuje a označuje posuvné prvky. Parametre musia byť zadané rovnakým spôsobom, ako je znázornené na obrázku, oddelené bodkočiarkami.
Krok 4
Teraz by ste mali určite otestovať svoje úpravy. Ak chcete, aby posúvač vyzeral rovnako vo všetkých prehľadávačoch, skontrolujte ho v tých hlavných - Internet Explorer, Mozilla Firefox a Opera. Ak na jednom z nich nefunguje, vráťte sa k prvému kroku a opravte chyby.
