Gewusst wie: Erstellen einer Webseite über verschiedene Monitorauflösungen gesehen

January 7

Gewusst wie: Erstellen einer Webseite über verschiedene Monitorauflösungen gesehen

Eine Auflösung ist die Gesamtmenge der Pixel, die horizontal und vertikal auf Ihrem Computermonitor und, laut W3Schools.com des "Browser-Anzeige-Statistik" Seite angezeigt werden kann; die meisten Menschen verwenden eine Bildschirmauflösung mit 1024 x 768 Pixel, obwohl andere Größen verwendet werden können. Sie Fragen sich vielleicht, wie man diese Unterschiede zu korrigieren, so dass alle Auflösungen eine ideale Web-Präsentation erhalten. Glücklicherweise können Sie eine Methode zum Erstellen einer Webseite über verschiedene Monitorauflösungen gesehen, so dass alle Benutzer die beste mögliche Darstellung auftreten.

Anweisungen

1 Starten Sie einen HyperText Markup Language (HTML)-Text-Editor wie Dreamweaver oder CoffeeCup, und erstellen Sie eine neue Seite. Unter dem Menü "Datei" die Option "Neu", oder verwenden Sie Ihre Text-Editor-Methode dies zu tun.

2 Legen Sie die Bildschirmbreite Größe auf 100 Prozent zu ermöglichen, den Monitor und den Browser automatisch die Einstellungen des Benutzers anpassen, so dass sie nicht brauchen, zu scrollen oder zu viel weiße Fläche zu sehen. Wenn Sie ein Cascading Style Sheet (CSS) verwenden, um Ihre Seite (empfohlen) zu steuern, werden diese Daten in der Regel in einer ID oder Klasse Stilregel eingegeben, die steuert das Layout Ihrer Content-Seite. Mit Tabellen wird diese Messung im Main "< Table >" Tag eingegeben, die das Attribut "Breite" folgt. Zum Beispiel: < table Width = "100 %" >

3 Formatieren Sie Ihre digitalen Bilder, so dass diese Grafiken nicht über den niedrigsten, gemeinsame 800 x 600 Auflösung hinaus zu tun. Verwenden Sie ein Grafikprogramm oder kostenlose Bild-Editor, öffnen Sie die Datei, wählen das Bild und das Bild Größe/Editor Feature zu überprüfen, die die Dimensionsgröße innerhalb der Begrenzung der Auflösung passt. Wenn dies nicht der Fall, wählen Sie eine "Proportionen beschränken" Rahmen und die Art der reduzierten Messung. Größer als 800 x 600 Grafik wirft die Prozentsatz-Einstellung und bewirkt, dass die Notwendigkeit für einige Nutzer der Seite durchblättern, alle Inhalte zu sehen.

4 Testen Sie Ihre Webseite auf verschiedene Auflösungen zu sehen, wie es Tarife. Sie können klicken Sie auf die unteren, rechten Ecke des Webbrowsers und ziehen ihn diagonal nach links, um einen kleineren Bildschirm zu produzieren; Allerdings empfiehlt es sich, einen Computer mit einer anderen Auflösung oder Browser zu effektiv testen, Ihr Web-Design zuzugreifen.

5 Vorschau Ihrer Web-Seite mit Ihrem Text-Editor "Vorschau"-Funktion, und dann speichern Sie die Datei, wenn fertig.

Tipps & Warnungen

  • Können Sie einen erweiterten HTML-Text-Editor wie Dreamweaver, fertige Vorlagen, die bereits optimiert sind für verschiedene Monitorauflösungen verwenden.
  • Wenn Sie keinen Zugang zu Computern mit unterschiedlichen Auflösungen und/oder Web-Browser, nutzen Sie die Hilfe eines Freundes, oder verwenden Sie einen Computer in einer öffentlichen Bibliothek.