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
HTML+CSS+JS zur Implementierung des Spiels „Nicht auf das Whiteboard treten“
Inhaltsverzeichnis Hintergrund 1. Gedankenanalyse...
Einige Fähigkeiten, die Sie beim Erstellen von Webseiten kennen müssen
1. Z-Index ist in IE6 ungültig. In CSS wird die E...
SQL IDENTITY_INSERT-Fallstudie
Wenn eine Spalte in einer Datentabelle einmal als...
202 kostenlose, hochwertige XHTML-Vorlagen (1)
Hier präsentiert 123WORDPRESS.COM den ersten Teil...
JavaScript-Wissen: Konstruktoren sind auch Funktionen
Inhaltsverzeichnis 1. Definition und Aufruf des K...
Detaillierte Erläuterung der Vuex-Persistenz in der praktischen Anwendung von Vue
Inhaltsverzeichnis Vuex-Persistenz Zusammenfassen...
Detaillierte Analyse des Tomcat-Servers des Centos 7-Systems
Inhaltsverzeichnis 1. Der Ursprung von Tomcat 1. ...
MySQL 8.0.18 fügt Benutzer zur Datenbank hinzu und erteilt Berechtigungen
1. Es wird empfohlen, den Root-Benutzer für die A...
Eine vollständige Liste häufig verwendeter MySQL-Funktionen (klassifiziert und zusammengefasst)
1. Mathematische Funktionen ABS(x) gibt den Absol...
So verwenden Sie Docker zum Bereitstellen von Front-End-Anwendungen
Docker erfreut sich immer größerer Beliebtheit. E...
Die Breite der Tabellenzelle td ist ungültig und der interne Inhalt dehnt sie immer aus
Beim Erstellen einer Tabellenseite ist die für td ...
Verwenden Sie zum Senden des Formulars ein Bild statt einer Schaltfläche.
Code kopieren Der Code lautet wie folgt: <form...
Beispielcode zur Implementierung des Regentropfen-Animationseffekts mit CSS
Glasfenster Was wir heute erreichen werden, ist d...
MySQL weist eine Riddle-Sicherheitslücke auf, die zum Verlust von Benutzernamen und Passwörtern führen kann
Die Riddle-Sicherheitslücke, die auf die MySQL-Ve...
So begrenzen Sie den Wertebereich von Objektschlüsseln in TypeScript
Wenn wir TypeScript verwenden, möchten wir das vo...