V dnešní době není vlastní web žádný luxus, ale spíše nutnost. Jeho tvorba vyžaduje určité dovednosti a znalosti html. Vytvoření jednoduchého webu je docela snadné. Zdobení a vytvoření interaktivních prvků, které webu poskytují další funkce, však začátečníkovi způsobí potíže. Jedním z těchto interaktivních prvků, které zlepšují pohodlí návštěvníků stránek, je posuvník. Je to užitečné zejména v polích webu, která zajišťují jeho spojení se skripty (interakce webu s uživateli).
Je to nutné
Internet nebo jakýkoli html tutoriál
Instrukce
Krok 1
Nejdůležitější věcí na každém webu je uživatelská přívětivost. Samotná myšlenka použití posuvníku na vašem webu bude vhodná pouze v případě, že jeho vzhled není dán vaší touhou, ale jeho nutností. Upravte rozložení stránky, na kterou chcete umístit posuvník. Vyberte místo pro posouvání (nazývané také posuvníky).
Krok 2
Vyberte umístění posuvníku na stránce webu, který vás zajímá. Musí být pevně spojen s nějakým prvkem (například textové pole nebo rozevírací seznam). Toto místo musíte vypočítat v pixelech nebo v procentech. To není těžké udělat, zvláště pokud má rozložení stránek jasnou strukturu.
Krok 3
Mezi značky BODY musíte přidat standardní rolovací kód. Najdete jej v jakémkoli html tutoriálu. Existují dvě možnosti - buď tento fragment přidejte přímo do html kódu stránky, nebo jej připojte do šablony stylů css. Druhá metoda je pohodlnější, pokud změníte více než jednu stránku, ale celý web najednou. Pak musíte zadat barevné parametry posuvníku, jinak bude šedý a nezajímavý. Obrázek ukazuje a označuje posuvné prvky. Parametry musí být zadány stejným způsobem, jak je znázorněno na obrázku, oddělené středníky.
Krok 4
Nyní byste určitě měli vyzkoušet své úpravy. Chcete-li, aby posuvník vypadal ve všech prohlížečích stejně, zaškrtněte jej u hlavních - Internet Explorer, Mozilla Firefox a Opera. Pokud na jednom z nich nefunguje, vraťte se k prvnímu kroku a opravte chyby.
