Heutzutage ist eine eigene Website kein Luxus, sondern eine Notwendigkeit. Seine Erstellung erfordert bestimmte Fähigkeiten und Kenntnisse in HTML. Das Erstellen einer einfachen Website ist ziemlich einfach. Das Dekorieren und Erstellen interaktiver Elemente, die der Site zusätzliche Funktionen bieten, wird jedoch Anfängern Schwierigkeiten bereiten. Eines dieser interaktiven Elemente, das die Benutzerfreundlichkeit der Website-Besucher verbessert, ist die Bildlaufleiste. Es ist besonders nützlich in den Bereichen der Site, die ihre Verbindung mit Skripten (Interaktion der Site mit Benutzern) herstellen.
Es ist notwendig
Internet oder ein HTML-Tutorial
Anleitung
Schritt 1
Das Wichtigste auf jeder Website ist die Benutzerfreundlichkeit. Die bloße Idee, eine Bildlaufleiste auf Ihrer Website zu verwenden, ist nur dann angemessen, wenn ihr Aussehen nicht von Ihrem Wunsch, sondern von ihrer Notwendigkeit bestimmt wird. Legen Sie das Layout der Seite fest, auf der Sie die Bildlaufleiste platzieren möchten. Wählen Sie einen Platz für das Scrollen (auch Scrollbalken genannt).
Schritt 2
Wählen Sie eine Position für die Bildlaufleiste auf der Seite der Site, an der Sie interessiert sind. Es muss fest mit einem Element verbunden sein (z. B. einem Textfeld oder einer Dropdown-Liste). Sie müssen diese Stelle in Pixeln oder als Prozentsatz berechnen. Dies ist nicht schwierig, insbesondere wenn das Seitenlayout eine klare Struktur aufweist.
Schritt 3
Zwischen den BODY-Tags müssen Sie den Standard-Scrolling-Code hinzufügen. Sie finden es in jedem HTML-Tutorial. Es gibt zwei Möglichkeiten - entweder fügen Sie dieses Snippet direkt in den HTML-Code der Seite ein oder fügen Sie es in das CSS-Stylesheet ein. Die zweite Methode ist bequemer, wenn Sie mehr als eine Seite ändern, aber die gesamte Site auf einmal. Dann müssen Sie die Farbparameter der Bildlaufleiste eingeben, sonst wird sie grau und uninteressant. Die Abbildung zeigt und beschriftet die Scroll-Elemente. Die Parameter müssen wie in der Abbildung dargestellt durch Semikolon getrennt eingegeben werden.
Schritt 4
Jetzt sollten Sie Ihre Modifikationen unbedingt testen. Damit die Bildlaufleiste in allen Browsern gleich aussieht, überprüfen Sie sie in den wichtigsten Browsern - Internet Explorer, Mozilla Firefox und Opera. Wenn es bei einem von ihnen nicht funktioniert, gehen Sie zurück zum ersten Schritt und beheben Sie die Fehler.
