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?

Miniprogramm zur Implementierung der Rechnerfunktion

9 Tipps für das Webseiten-Layout

Miniprogramm zur Implementierung der Rechnerfunktion

Einführung in mögliche Probleme nach der Installation von Tomcat

4 Möglichkeiten, doppeltes Einfügen von Daten in Mysql zu vermeiden

Virtuelle Maschinen zwischen VMware Workstation und vSphere migrieren (Bild und Text)

Detaillierte Erklärung der Front-End-Sicherheit: JavaScript-Anti-HTTP-Hijacking und XSS

Detaillierte Erläuterung von vier Lösungen zur Implementierung von Inline-Scrolling auf Mobilgeräten

Detaillierte Erläuterung der Leistungsüberwachung des MySQL-Servers mit Prometheus und Grafana

Holen Sie sich eine Liste der 10 am häufigsten verwendeten Terminalbefehle in Linux

Detaillierte Erklärung zum Ziehen von Tabellenspalten mit Vue Element Sortablejs

Detaillierte Erläuterung der drei Möglichkeiten zum Schneiden von Catalina.out-Protokollen in Tomcat

Artikel empfehlen

Lösung zum Vergessen des MySQL-Datenbankkennworts unter MAC

JavaScript-Implementierung von Lupendetails

Implementierung der Docker-Bereitstellung von ElasticSearch und ElasticSearch-Head

So lösen Sie das Phantomleseproblem in MySQL

Vue-Statusverwaltung: Verwendung von Pinia statt Vuex

So verwenden Sie das MySQL-Limit und lösen das Problem großer Paging-Aufgaben

Beispiel für die Verwendung verschachtelter HTML-Seiten (Frameset-Verwendung)

Tutorial zur Installation und Konfiguration der kostenlosen Installationsversion von MySQL 5.7.20\5.7.21

html Option deaktivieren auswählen auswählen deaktivieren Option Beispiel

CSS3 erzielt einen unendlichen Scroll-/Karusselleffekt der Liste

Natives JS implementiert ein Minesweeper-Spiel mit benutzerdefiniertem Schwierigkeitsgrad

Tutorial-Diagramm zur VMware-Installation des Centos8-Systems (chinesischer Grafikmodus)

IP-Whitelist für die Linux-Serverkonfiguration zum Verhindern von Remote-Anmeldungen und Port-Offenlegung

Zusammenfassung der benutzerdefinierten JavaScript-Objektmethoden

Detaillierte Erklärung zum Mounten von Remote-Dateisystemen über SSH unter Linux