Hinzufügen von Hotspots in Dreamweaver
Hinzufügen von Hotspots in Dreamweaver bezieht sich in der Regel auf das Erstellen klickbarer Bereiche in einem Bild. Dies wird nicht direkt über ein einzelnes "Hotspot" -Tool durchgeführt, sondern durch die Verwendung von Bildkarten. Hier erfahren Sie, wie:
- das Bild einfügen: Fügen Sie das Bild zun?chst das Bild mit dem Menü "Einfügen" oder durch Ziehen und L?schen in Ihr Dreamweaver -Dokument ein. Im Eigenschaftenbereich (normalerweise rechts) sollten Sie eine Option zum Erstellen einer Bildkarte sehen. Wenn Sie darauf klicken, ?ffnen Sie den Image Map -Editor. Für jeden Hotspot müssen Sie eine URL (das Link -Ziel) angeben. Es in einem Browser, um die Funktionalit?t zu testen. Wenn Sie auf die definierten Bereiche innerhalb des Bildes klicken, werden Sie zu den angegebenen URLs führen. Denken Sie daran, dass Bildkarten clientseitig sind, sodass der Browser die Kartendaten rendern und verarbeiten muss. Sie k?nnen dies auf verschiedene Arten tun:
- Methode 1: Verwenden Sie die Funktion "Hyperlink einfügen":
- Text oder Bild ausw?hlen: Markieren Sie den Text aus oder w?hlen Sie das Bild aus. Alternativ k?nnen Sie das Hyperlink -Symbol in der Symbolleiste (normalerweise eine Kettenverbindung) verwenden. Sie k?nnen optional auch ein Ziel angeben (um den Link in einer neuen Registerkarte oder einem neuen Fenster zu ?ffnen - siehe den n?chsten Abschnitt) und Alt -Text. Dreamweaver formatiert automatisch den ausgew?hlten Text oder Bild als Hyperlink. Zum Beispiel:
- erstellt einen Hyperlink mit dem Text "HIER" -KLICKEN SIE AUF STUAL.com. Dies gibt Ihnen mehr Kontrolle über die Attribute des Links.
1. Verwenden von CSS: Die effizienteste und empfohlenste Methode ist die Verwendung von Cascading Style Sheets (CSS). Sie k?nnen eine CSS -Klasse speziell für Hyperlinks erstellen und auf Ihre Links anwenden. Dies erm?glicht ein konsequentes Styling auf Ihrer gesamten Website. Zum Beispiel:
a { color: blue; text-decoration: underline; } a:hover { color: red; text-decoration: none; }
Dieser CSS -Code stilft alle hyperlinks blau und unterstrichen und ?ndert die Farbe in rot und entfernt die Unterstreichung der Schwebepl?tze. Sie k?nnen dieses CSS entweder in einer separaten CSS -Datei anwenden, die mit Ihrem HTML -Dokument oder direkt im Abschnitt
<head>
Ihres HTML -Tags verknüpft ist.<style>
2. Inline -Styling: Sie k?nnen Styles direkt auf einzelne Hyperlinks anwenden, indem Sie das Attribut innerhalb des
style
-Tags verwenden. Zum Beispiel:<a>
. Dies ist jedoch im Allgemeinen weniger effizienter und schwerer zu pflegen als die Verwendung von CSS.<a href="https://www.example.com" style="color: green; font-weight: bold;">Click here</a>
3. Dreamweavers Eigenschaften -Panel: Wenn Sie nicht so robust wie CSS sind, k?nnen Sie die Eigenschaften von Dreamweaver die grundlegenden Hyperlink -Eigenschaften wie Textfarbe und Unterstreichung des aktuell ausgew?hlten Links ?ndern. Dies ist eine schnelle M?glichkeit, geringfügige Anpassungen vorzunehmen, aber CSS ist für ein umfassendes Styling vorzuziehen. Verwenden Sie das Zielattribut: Beim Erstellen eines Hyperlinks (entweder mit der Funktion "Hyperlink einfügen" oder manuelle Codierung) k?nnen Sie das Attribut
angeben. Das Einstellen?ffnet den Link in einer neuen Registerkarte oder einem neuen Fenster. Zum Beispiel:
oder das Dialogfeld Dreamweaver einfügen und das Ziel "_blank" ausw?hlen.2. Verwenden von JavaScript (weniger empfohlen): W?hrend m?glich ist es im Allgemeinen weniger effizient und weniger bevorzugt als die Verwendung des -attributs, wenn es m?glich ist, JavaScript zu ?ffnen. Dieser Ansatz fügt zus?tzlichen Code hinzu und kann potenzielle Kompatibilit?tsprobleme einführen. Das Attribut
target
ist die sauberere und weit verbreitete Methode.target="_blank"
Das obige ist der detaillierte Inhalt vonWie man Dreamweaver erhitzt. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Hei?e KI -Werkzeuge

Undress AI Tool
Ausziehbilder kostenlos

Undresser.AI Undress
KI-gestützte App zum Erstellen realistischer Aktfotos

AI Clothes Remover
Online-KI-Tool zum Entfernen von Kleidung aus Fotos.

Clothoff.io
KI-Kleiderentferner

Video Face Swap
Tauschen Sie Gesichter in jedem Video mühelos mit unserem v?llig kostenlosen KI-Gesichtstausch-Tool aus!

Hei?er Artikel

Hei?e Werkzeuge

Notepad++7.3.1
Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version
Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1
Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6
Visuelle Webentwicklungstools

SublimeText3 Mac-Version
Codebearbeitungssoftware auf Gottesniveau (SublimeText3)