Verständnis für Webdesign-Layout
|
<br />Hier ergibt sich ein Widerspruch: In kleinen Werkstätten wie unserer werden Gestaltung und Layout grundsätzlich von einer Person übernommen. Es sind sogar Hintergrundprogramme hinzugefügt. Vorausgesetzt, das Layout wird bei der Gestaltung berücksichtigt, haben wir alle die Möglichkeit, Anpassungen vorzunehmen. Aber in großen Unternehmen mit strikter Arbeitsteilung kann der Designer kein Layout erstellen, wenn er sich nicht mit CSS auskennt. Oder es liegt ein Missverständnis vor, der Entwurf verursacht dem Layouter einen hohen Zeit- und Energieaufwand. Weil es zu viele Browser gibt! Ich sehe oft, wie sich Internetnutzer beschweren, dass die Entwürfe der Designer nicht wiederhergestellt werden können. Weil sie Browser und Bildschirme anders verstehen. Bei manchen liegt das daran, dass der Effekt zu großartig ist und zu viele Farben vorhanden sind. Schlimmer noch: Die Verwendung von Flash ist Verschwendung und HTML nutzlos ... Lassen wir den letzten Fall einmal beiseite und sprechen wir nur über das Verständnis des Bildschirms, der Effekte und des Design-Layouts. Lassen Sie uns zuerst über den Bildschirm sprechen : Die Bildschirmauflösung beträgt weiterhin überwiegend 1024×768. Es gibt keine Definition von Vollbild. Warum? Bitte lesen Sie, warum:
Um die Webseite im Vollbildmodus anzuzeigen. Viele Leute sagen, die Breite betrage 1003, während andere sagen, sie betrage 1004. Aber ich glaube nicht. Angenommen, der Kunde möchte, dass die Webseite den gesamten Bildschirm ausfüllt. Dann müssen Sie die Bildschirmauflösung entsprechend der Monitorgröße des Benutzers kennen. Wenn das Bewusstsein der Kunden für diese Sache gering ist. Ändern Sie die Vorsätze anderer Leute nicht leichtfertig. Ich habe einen Breitbildschirm mit 1440 x 900, verwende aber eine Auflösung von 1024 x 768 und bin damit zufrieden! Benötigt der Kunde einen Vollbildschirm, ergibt sich ein weiteres Problem: Was passiert, wenn der Kunde bei der Auslieferung des Produkts auf einen Monitor anderer Größe umsteigt? Wenn die Auflösung erhöht wird, wird Ihre Webseite schmaler, und wenn die Auflösung verringert wird, wird Ihre Webseite breiter! Was werden Sie tun? Tatsächlich gibt es zwei Arten von Vollbild. Ich werde die eine als Inhalts-Vollbild und die andere als visuellen Vollbild bezeichnen! Der sogenannte Vollbildinhalt bezieht sich auf den Inhalt der Website. Der linke Rand befindet sich am linken Rand des Monitors und der rechte Rand befindet sich am rechten Rand des Monitors. Die beste Lösung besteht darin, Prozentsätze zu verwenden. Die negativen Auswirkungen von Prozentsätzen:
Der sogenannte visuelle Vollbildmodus ist eigentlich ein Trick. Und diese Methode. Eigentlich ist es ganz einfach. Der Header einer Website ist nichts anderes als Navigation und Banner. Wenn die Navigation ganz oben steht, dann ist der Hintergrund der Navigation 100% und die Navigation ist zentriert. Wenn das Banner ganz oben steht, dann achte darauf, dass beide Bildenden bearbeitet werden, bzw. der Hintergrund 100% Breite hat! OK, obwohl die Inhaltsbreite immer noch 1000, 1003 oder sogar 900 oder weniger betragen kann, ist sie visuell immer noch 100 % breit. Vermeiden Sie einfach, dass die Mindestbreite größer als die Browserbreite ist oder dass die Bildschirmauflösung des Kunden größer als Ihre Mindestbreite ist. Immer ok. Vorherige Seite 1 2 Nächste Seite Gesamten Artikel lesen |
<<: Berechnung des Prozentwerts, wenn die CSS-Positionseigenschaft absolut ist
Artikel empfehlen
Vue3 verwendet Axios Interceptor zum Drucken von Front-End-Protokollen
Inhaltsverzeichnis 1. Einleitung 2. Verwenden Sie...
Zusammenfassung der Ereignisse, die Browser registrieren können
HTML-Ereignisliste Allgemeine Ereignisse: onClick ...
Vue realisiert den Fortschrittsbalken-Änderungseffekt
Dieser Artikel verwendet Vue, um einfach die Ände...
Detaillierte Erklärung der Vue-Optionen
Inhaltsverzeichnis 1. Was sind Optionen? 2. Welch...
Installation und Verwendung des Linux-Betriebs- und Wartungstools Supervisor (Prozessmanagement-Tool)
1. Einleitung Supervisor ist ein in Python entwic...
So betreten und verlassen Sie den Docker-Container
1 Starten Sie den Docker-Dienst Zuerst müssen Sie...
Eine kurze Diskussion über die Verwendung und Analyse von Nofollow-Tags
Kontroverse um Nofollow Zwischen Zac und Guoping ...
Mobile Web-Bildschirmanpassung (rem)
Vorwort Ich habe vor Kurzem meine bisherigen Noti...
So erstellen Sie SonarQube mit Docker
Inhaltsverzeichnis 1. Docker installieren 2. Sona...
Implementierung einfacher Tabs mit js
Tab-Auswahlkarten werden auf echten Webseiten seh...
MySQLs Methode zum Umgang mit doppelten Daten (Verhindern und Löschen)
Einige MySQL-Tabellen können doppelte Datensätze ...
Detaillierte Erläuterung der erzwungenen Freigabe belegter Ports unter Linux und der Methode zum Öffnen von Ports in der Linux-Firewall
Bei der Installation von Nginx, MySQL, Tomcat und...
Eine vollständige Erklärung der MySQL-Hochverfügbarkeitsarchitektur: MHA-Architektur
Inhaltsverzeichnis 1. Einleitung 2. Zusammensetzu...
So verwenden Sie cutecom für die serielle Kommunikation in einer virtuellen Ubuntu-Maschine
Verwenden von Cutecom für die serielle Kommunikat...
Detailliertes Tutorial zur Installation des Jenkins-Containers in einer Docker-Umgebung
Empfohlene Docker-Lernmaterialien: https://www.ru...