9 Tipps für das Webseiten-Layout
|
<br />Verwandte Artikel: 9 praktische Vorschläge für die Erstellung von Webinhaltsseiten 4 praktische Vorschläge für die Gestaltung von Webseiten<br /> Layout 1. Zentrieren Sie den Text nicht einfach und verwenden Sie keine Fett- oder Kursivschrift. 2. Verwenden Sie kurze Absätze, Aufzählungszeichen, passende Blockzitate, horizontale Linien zur Unterteilung der Abschnitte und Imagemaps als Orientierung für die Hauptlinks, um Ihre Seiten attraktiv und leicht lesbar zu gestalten. 3. Verwenden Sie nicht auf jeder Seite unterschiedliche Symbole. 4. Füllen Sie die Seite nicht mit Bildern, um sie optisch interessanter zu gestalten. Verwenden Sie nach Möglichkeit farbige Punkte – sie sind kleiner und verleihen Listenelementen Farbe (und können in farbigen Listen verwendet werden). Farbige Trennbalken können die Grafik zudem aufwerten, ohne die Bandbreite zu beeinträchtigen. 5. Seien Sie vorsichtig bei der Verwendung von GIFs als Hintergründe. Sie können einer Seite ein interessantes und sogar professionelles Aussehen verleihen, dekorative Hintergründe können Text jedoch leicht unlesbar machen. Um einen guten Hintergrund zu schaffen, reicht Farbkontrast allein nicht aus. Der Hintergrund ist entweder sehr hell (dunklerer Text) oder sehr dunkel (heller Text). Wenn der Hintergrund ein Bild enthält, sollte der Kontrast niedrig sein, um den Leser nicht zu sehr abzulenken. 6. Fügen Sie der IMG-Zeile ein ALT-Tag hinzu. 7. Sie können auch ALT-Tags in der Trennleiste verwenden, damit Leser, die textbasierte Browser verwenden, etwas Interessanteres sehen als nur eine gerade Linie. 8. Platzieren Sie wichtige Inhalte nicht am Ende der Seite – manche Leser lesen möglicherweise nicht so weit. 9. Machen Sie nichts, das wie ein Knopf aussieht, aber nicht als Knopf funktioniert. |
<<: JavaScript zum Erzielen eines elastischen Navigationseffekts
>>: Warum DOCTYPE HTML verwenden?
Artikel empfehlen
Beispielcode zur Realisierung eines Buchseitenumblättereffekts mit CSS3
Wichtige Erkenntnisse: 1. Beherrschung der CSS3-3...
Docker View JVM-Speichernutzung
1. Rufen Sie den Hostcomputer des Docker-Containe...
CSS3 erstellt eine Webanimation, um einen springenden Balleffekt zu erzielen
Grundlegende Vorbereitung Für diese Implementieru...
Die „3I“-Standards für erfolgreiche Printwerbung
Für viele inländische Werbetreibende ist die Erste...
Optimierung des HTML-Eingabefelds zur Verbesserung des Benutzererlebnisses und der Benutzerfreundlichkeit
Um das Benutzererlebnis und die Benutzerfreundlich...
Klassischer Beispielcode für JavaScript-Funktionsaufrufe
Inhaltsverzeichnis Klassisches Beispiel für einen...
Protokollieren Sie ein langsames Abfrageereignis, das durch eine Fehleinschätzung des Online-MySQL-Optimierers verursacht wurde.
Vorwort: Ich habe Warnungen zu wahnsinnig langsam...
Detaillierte Beschreibung allgemeiner Ereignisse und Methoden von HTML-Text
Veranstaltungsbeschreibung onactivate: Wird ausgel...
Implementierung des iview-Berechtigungsmanagements
Inhaltsverzeichnis iview-admin2.0 integrierte Ber...
Kontinuierliche Bereitstellung mit Jenkins und Docker unter Docker
1. Was ist Continuous Delivery Der Ausgabeprozess...
Analyse des Ausschnitts des Hintergrundbildes des Neunerrasters mit adaptiver Breite und Höhe
<br />Basierend auf dem ursprünglichen, in B...
Ändern des Standard-Bildlaufleistenstils im Front-End-Projekt (Zusammenfassung)
Ich habe viele Projekte geschrieben, bei denen de...
Beispiel für Javascript-Bubblesort
Inhaltsverzeichnis 1. Was ist Bubble Sort 2. Gebe...
So optimieren Sie den Logikbeurteilungscode in JavaScript
Vorwort Zu den logischen Urteilsaussagen, die wir...
Die jQuery + Swiper-Komponente realisiert den Umschalteffekt der gleitenden Jahresregisterkarte in der Zeitleiste
Ergebnis: Implementierungscode: Muss mit der Swip...