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
Wie MySQL implizite Standardwerte verarbeitet
Einige Studenten sagten, dass sie auf das Problem...
Detailliertes Tutorial zum Bereitstellen eines SpringBoot + Vue-Projekts auf einem Linux-Server
Vorwort Lassen Sie mich Ihnen zeigen, wie ich ein...
So lösen Sie das Problem des verstümmelten DOS-Fensters in MySQL
Das Problem mit dem verstümmelten Code ist folgen...
10 schlechte Angewohnheiten, die Sie bei Docker-Containeranwendungen vermeiden sollten
Es besteht kein Zweifel, dass Container zu einem ...
Verstehen Sie alle Aspekte von HTTP-Headern mit Bildern und Text
Was sind HTTP-Header HTTP ist eine Abkürzung für ...
Erste Schritte mit den JavaScript-Grundlagen
Inhaltsverzeichnis 1. Wo man JavaScript schreibt ...
So verwenden Sie Node.js, um festzustellen, ob ein PNG-Bild transparente Pixel hat
Hintergrund PNG-Bilder benötigen mehr Speicherpla...
Lösung für Workbench, das keine Verbindung zu MySQL auf Alibaba Cloud Server Ubuntu herstellt (getestet)
In den letzten zwei Tagen hatte ich große Problem...
Sublime Text - Empfohlene Methode zum Festlegen von Browser-Tastenkombinationen
Codeeffekte werden häufig in unterschiedlichen Br...
Detaillierte Erläuterung der Wissenspunkte zur Verwendung von TEXT/BLOB-Typen in MySQL
1. Der Unterschied zwischen TEXT und BLOB Der ein...
Detaillierte Erläuterung der spezifischen Verwendung der ENV-Anweisung in Dockerfile
1. Die ENV-Anweisung im Dockerfile wird verwendet...
HTML + CSS + JS realisiert den Scroll-Gradienteneffekt der Navigationsleiste
Inhaltsverzeichnis Erster Blick auf die Wirkung: ...
CentOS 7.x-Bereitstellung von Master- und Slave-DNS-Servern
1. Vorbereitung Beispiel: Zwei Maschinen: 192.168...
So verwenden Sie das Marquee-Tag im XHTML-Code
Im Forum habe ich gesehen, dass der Internetnutzer...
Prinzip des Ladens von Docker-Images
Inhaltsverzeichnis Docker-Images Was ist ein Spie...