Erstellen Sie eine Schaltfläche in Frontpage 2003 mit HTML-Code
Microsoft FrontPage 2003 ermöglicht Menschen mit wenig bis keine Web-Design-wissen zu erstellen, veröffentlichen und Verwalten von Websites. Es bietet einfache Möglichkeiten zum Einfügen von Text und hyper-Links, Bilder hinzufügen und Ändern von Dokument-Schriftarten und Farben. Das Programm bietet auch interaktive Schaltfläche Funktionalität erlaubt den Nutzern zum automatischen Generieren von Navigationselementen ohne Verwendung eines Bildbearbeitungsprogramms. Interaktive Schaltflächen erfordern jedoch sechs Bilder pro Schaltflächenstil, eine unhaltbare Begrenzung für Designer, die Suche nach einer reinen HTML-Lösung. Glücklicherweise ist das Erstellen von Buttons nur HTML in FrontPage eine relativ einfache Aufgabe.
Anweisungen
1 Öffnen Sie die Seite, die Sie bearbeiten möchten. Mit FrontPage 2003 öffnen, wählen Sie \"File\" aus dem Menü am oberen Bildschirmrand klicken Sie \"Open.\" rufen Sie die Seite, die Sie bearbeiten möchten. Öffnen Sie es durch Doppelklicken auf dessen Symbol.
2 Aktualisieren Sie den Link, den Sie in eine Schaltfläche konvertieren möchten. Scannen Sie Ihre Seite, finden Sie den Link, den Sie in eine Schaltfläche konvertieren möchten, dann markieren Sie ihn. Klicken Sie im unteren Bereich des Bildschirms mit der Bezeichnung \"Code.\" diese Aktion bringt FrontPage Code View-Modus, zeigt Ihnen den HTML-Code Ihrer Seite. Ihr Link erscheint hervorgehoben und Aussehen ähnlich dem folgenden: < a href=\"contact.html\" > Kontakt </a >
Die Verknüpfung aktualisieren, so dass das öffnende Tag wie folgt angezeigt wird: < a href=\"contact.html\" Klasse = \ "Button\" > Kontakt </a >. Hinzugefügte Class-Eigenschaft können Sie das Erscheinungsbild dieser Verbindung ändern.
3 Erstellen Sie eine Stilregel für die Schaltfläche. Wählen Sie oben auf Ihrer Seite in der Codeansicht und suchen Sie das Tag gekennzeichneten < / Head >. Fügen Sie eine leere Zeile unmittelbar über diesem Tag. Kopieren Sie folgenden Code und fügen Sie ihn in diese leere Zeile:
< Stil Typ = \ "Text/Css\" ><!--{a.Button}Hintergrund-Farbe: grauGEHENFarbe: weißGEHENPadding: 10pxGEHENText-Decoration: noneGEHEN}
{a.Button:hover}Hintergrund-Farbe: OrangeGEHENFarbe: schwarzGEHENPadding: 10pxGEHENText-Decoration: noneGEHEN}-->< / style >
Dieser Code legt die Stile Ihrer Schaltfläche zugeordnet. Sie fordert eine Schaltfläche mit 10 Pixel Polsterung auf allen Seiten, das grau ist, wenn die Seite lädt, aber Orange wird, wenn der Benutzer den Mauszeiger darüber bewegt wird. Bearbeiten Sie diese Parameter, um eine Schaltfläche mit der Polsterung und Hintergrundfarbe Ihrer Wahl erstellen.
4 Speichern Sie die Seite, und zeigen Sie die Schaltfläche in Ihrem Browser. Wählen Sie \"File\" aus dem Menü am oberen Rand Ihres Bildschirms und wählen Sie dann \"Save.\" starten Sie Ihren Browser und öffnen Sie die soeben bearbeitete Seite in FrontPage. Dein Link hat nun die Darstellung einer Schaltfläche, aber sein Aussehen wird ausschließlich über HTML gesteuert; keine Bilder sind erforderlich.