Wie Fit meine Web-Seite in FrontPage jede Bildschirmgröße machen

September 24

Wie Fit meine Web-Seite in FrontPage jede Bildschirmgröße machen

Die meisten Websites Display Inhalte unter Verwendung von Elementen mit festen Größen. Es gibt viele Vorteile dieses Ansatzes. Feste Größe bietet vor allem Designern und Entwicklern Pixelebene Präzision bei der Erstellung von Web-Seiten-Layout, ein Maß an Kontrolle, das viele Autoren bevorzugen. Aber feste Größen eignen sich nicht für jede Situation. Einige Autoren sollten stattdessen ihre Seiten zu erweitern und füllen einen bestimmten Teil des Bildschirms, unabhängig von der Bildschirmgröße des Geräts verwendet wird. Dieses Verhalten ist ein relativ einfacher Prozess in FrontPage.

Anweisungen

1 Öffnen Sie die Seite. Nach dem Starten FrontPage, wählen Sie "Datei" aus der Menüleiste am oberen Bildschirmrand klicken Sie auf "Öffnen". Suchen Sie die Seite, die Sie bearbeiten möchten, und dann doppelklicken um es zu öffnen.

2 Geben Sie äußere Layoutelemente relative, keine absolute Größen. Viele Website-Schöpfer geben Layoutelemente wie < Div > und < Table > eine bestimmte Breite, z. B. 960 Pixel. Leider lässt dies nicht das Element, das in der Größe zu ändern, wie der Browserbildschirm vergrößert oder verkleinert; die Breite ist immer bei 960 Pixeln behoben. Da ein Pixel auf einem Bildschirm die gleiche Größe wie ein Pixel auf einem anderen ist, wird diese Maßeinheit einen absoluten Wert betrachtet.

Das Gegenteil einer absoluten Wert ist ein relativer Wert. Elemente mit Anzeige der relativen Werte anders abhängig von der Größe des Bildschirms, auf dem sie angezeigt werden; Ihre Größe ist relativ zum bestimmten Bildschirm. Anstatt eine Breite von 960 Pixeln, möglicherweise eine relativ große Layout-Element eine Breite von 90 Prozent. Dies bedeutet, dass es immer dauern wird, bis 90 Prozent der Breite des einen bestimmten Bildschirm, ob jene Schirm sehr breite oder sehr schmal ist.

In diesem Beispiel davon ausgehen Sie, dass Ihre Website mit Tabellen angeordnet ist. Die Tabelle ist derzeit 960 Pixel breit. Die linke Spalte ist 630 Pixel breit und in der Rechte Spalte ist 330 Pixel breit. Um eine absolute Größe von 960 Pixeln auf eine relative Größe von der Tabelle ändern, sagen wir, 80 Prozent, mit der rechten Maustaste auf eine freie Stelle in der Tabelle und wählen Sie "Eigenschaften." Finden Sie im Dialogfeld im Abschnitt "Layout", und suchen Sie dann das Kontrollkästchen "Breite angeben". Geben Sie im Feld unten das Kontrollkästchen einen Wert von 80. Klicken Sie dann auf "In Prozent", auf der rechten Seite.

3 Geben Sie innere Elemente zu relative Größen. Erinnern Sie, dass weiter oben in diesem Beispiel wird die Tabelle deklarierte Breite 630 und 330 Pixel seiner Spalten gegeben wurde. Eine Tabelle mit echten Größenveränderung müssen Sie diese Werte auch anpassen. Mit der rechten Maustaste auf die Zelle links, wählen Sie "Zellen-Eigenschaften" und ändern den Wert von 630 Pixel auf 66 Prozent. Machen Sie dasselbe für die Rechte Zelle, die Änderung des Wertes von 330 Pixel um 34 Prozent. (Beachten Sie, dass die beiden Prozentwerte bis zu 100 hinzufügen müssen.)

Jetzt haben Sie eine relativ große Layouttabelle. Wiederholen Sie diesen Vorgang für alle < Tabelle > oder < Div > Layout-Elemente auf Ihrer Seite zu gewährleisten, dass jeder in Ihrer gewünschten Größe angezeigt wird.

4 Zeigen Sie die Änderungen in Ihrem Browser. Wählen Sie nachdem Sie die Änderungen vornehmen "Datei" in der oberen Menüleiste klicken Sie auf "Speichern." Öffnen Sie die Seite, die Sie gerade in Ihrem Webbrowser geändert. Beachten Sie, dass wenn Sie die Fenstergröße ändern, die Größe Ihrer Webseite jetzt auch ändert. Ihre relativ große Layout passt nun den Bildschirm von einem beliebigen Webbrowser.