So ändern Link-Styles mit Seiteneigenschaften in Dreamweaver

Wenn Sie wie viele Designer sind, die mit Dreamweaver, werden Sie wahrscheinlich nicht die betonen, dass automatisch unter allen verknüpften Text auf einer Webseite angezeigt wird. Es ist wirklich einfach, dass die unterstrichenen zu entfernen und die Farbe zu ändern, Schriftart und Größe Ihrer Verbindungen mit Dreamweaver Seite Dialogfeld Eigenschaften. Sie können auch andere Seite weite Einstellungen, wie die Hintergrundfarbe und Seitenränder zu ändern, aus dem Dialogfeld Seiteneigenschaften.

Der einfachste Weg, um alle Arten Ihr Link auf einmal zu ändern, ist sie im Dialogfeld Seiteneigenschaften zu ändern. Wenn Sie diese Option verwenden, erstellt Dreamweaver die entsprechenden Selektor-Tag Stile automatisch und listet sie im Panel CSS-Stile. Andere Seite weite Einstellungen in diesem Dialogfeld ähnlich arbeiten, und Sie können mit Hilfe der CSS-Tools alle diese Optionen bearbeiten.

Um Hyperlink und andere Stile mit dem Dialogfeld Seiteneigenschaften ändern, öffnen Sie eine vorhandene Seite oder einen neuen erstellen und diese Schritte folgen:

  1. Wählen Sie Ändern-Seite Eigenschaften.

    Alternativ können Sie die Seite Schaltfläche Eigenschaften im Eigenschafteninspektor klicken. Das Dialogfeld Seiteneigenschaften erscheint.

  2. Auf der linken Seite des Dialogfelds Seiteneigenschaften, wählen Sie die Verbindungen (CSS) Kategorie.

    bild0.jpg
  3. Geben Sie eine Schriftart und Größe für Ihre Links.

    Wenn Sie die gleiche Schriftgröße und Gesicht für Ihre Links verwenden möchten, wie Sie in den Rest des Textes auf Ihrer Seite verwenden, ist es am besten, diese Optionen leer zu lassen. Dann, wenn Sie die Texteinstellungen für die Seite ändern, werden Sie sich nicht daran erinnern müssen, um sie auch für Ihre Links zu ändern.

  4. Geben Sie Farben für jeden Hyperlink Zustand durch die entsprechende Farbfeld klicken und eine Farbe aus dem Dialogfeld Farbe auswählen.

    Sie können einige oder alle Link Farbeinstellungen ändern. Wenn Sie nicht über einen Link Farbe angeben, verwendet der Browser den Standard-Link-Farbe. Hier ist eine Erklärung von jedem der vier Verbindungszustände:

  5. Link-Farbe: Die Farbe, in der Sie Ihre Links erscheinen, wenn die Seite zum ersten Mal geladen ist und die verknüpfte Seite wurde noch nicht von dem Browser besucht. Die entsprechende HTML-Tag ist.

  6. Besuchte Links: Die Farbe Ihrer Links zu ändern, nachdem ein Browser die verknüpfte Seite bereits angezeigt hat. Die entsprechende HTML-Tag ist.

  7. Prolongation Links: Die Farbe ist ein Link ändert sich als ein Benutzer rollt einen Cursor über einen Link. Die entsprechende HTML-Tag ist.

  8. Aktive Links: Die Farbe ist ein Link zu Änderungen als ein Benutzer einen Link aktiv klicken. Die entsprechende HTML-Tag ist.

  9. Wählen Sie einen Stil aus der Unterstrichen Stil Dropdown-Liste.

    Standardmäßig in einem Web-Browser angezeigten Links sind unterstrichen. Viele Designer bevorzugen die unterstrichenen zu entfernen, die durch die Wahl nie Unterstrichen unter verknüpften Text automatisch angezeigt wird. Sie können Besucher geben dem visuellen Hinweis auf die unterstrichenen, aber nur, wenn sie einen Cursor über einen Link rollen, so wählen Sie die Option anzeigen Unterstrichen nur auf die Option Übertrag.

  10. Klicken Sie auf OK.

    Das Dialogfeld Seiteneigenschaften schließt, werden die Stileinstellungen angewendet automatisch auf alle Links auf der Seite, und die entsprechenden Designs sind mit dem Bedienfeld CSS-Stile hinzugefügt.

Um vollständig zu Link-Styles zu testen, eine Vorschau der Seite in einem Web-Browser oder klicken Sie auf die Live-View-Taste an der Oberseite des Arbeitsbereichs. Es ist eine gute Übung Link Einstellungen in einem Browser zu testen, wenn Sie Änderungen wie die, die in der vorhergehenden Übung machen. Werfen Sie einen Blick auf, wie Sie Ihre Links erscheinen.

Überprüfen Sie beispielsweise, ob die aktiven und besuchten Link Farben gut aussehen gegen die Hintergrundfarbe der Seite. Denken Sie daran, dass Sie alle mögliche Arten erstellen das Dialogfeld Seiteneigenschaften mit beeinflussen alle Links auf Ihrer Seite, wenn Sie speziell einen anderen Stil zu einem individuellen Link anwenden, das den neu definierten Tag-Stil außer Kraft setzt.

Wenn Sie verschiedene Stile Link in verschiedenen Teilen der gleichen Seite verwenden möchten, können Sie Verbindung Stile erstellen, um verschiedene Stile Link erstellen.

Menü