Rollovereffekt von Photoshop in Frontpage?

C

Counterchecker

New member
HI,
ich habe folgendes Problem.

Ich habe in Photoshop 8CS einen Button erstellt und mit einem Rollovereffekt belegt(leuchtender Hintergrund).
Jetzt möchte ich diesen Effekt in meine mit Frontpage designte Seite einfügen. da ich keine .psd dateien in Frontpage laden kann muss ich in photoshop den ganzen effekt als gif oder ähnlichem speichern. Lade ich dann aber das gif in Frontpage, geht mein effekt verloren und ich habe nur noch die Startebene sichtbar ohne Rollovereffekt?
Wie muss ich den Effekt exportieren damit er in seiner Gänze erhalten bleibt?
 
Da du sicher die Buttons einzeln erstellt hast und sie nicht Bestandteil eines gesamten PS-Layouts sind, wird die Slice-Methode hier wohl nicht zutreffen, aber du brauchst keine PSD Datei in deinen HTML-Editor zu exportieren.

Geh in PS und stelle die Ebenen so ein, das der Button so dargestellt wird wie er off aussehen soll, dann speichere ihn direkt von hier aus als z.B. button_off.gif in dein Bilderverzeichnis.

Dann stellst du in PS die Ebenen so ein, das der Button so aussieht wie er rollover aussehen soll, dann ebenfalls direkt als button_on.gif in dein Bildverzeichnis speichern.

Verbessert mich bitte wenn das auch einfacher geht.

Wenn allerdings dein Rollover-Effekt aus einem Schatten oder Schein bestehen sollte, und der Hintergrund des gif's ist transparent, so wird er in einem gif immer weitestgehend verlorengehen. In diesem Fall ist es besser du legst die Farbe des Seitenhintergrunds auch hinter deinen Button.
 
Ich habe ein ähnliches Problem.
Wenn ich z.B. einen Click on Status mit Animation in Image Ready erstelle und in der explorer Vorschau ansehe, funktioniert es.
Dann speichere ich unter HTML und Bilder.
Nun füge ich die Datei in Frontpage ein und leider funktionier es hier nicht.

Welche Einstellungen muss ich vornehmen ?

Vielen Dank
 
Nebenbei:
Ich möchte eine HP gestalten in der die Menüs gleich bleiben und sich nur ein gwisser Slice bei Click auf einem Menüpunkt ändert (zb. eine Grafik )
In Frontpage geht das mit "gemeinsame Randbereiche" aber dann baut sich die gesamte Seit neu auf.

Gibt es dafür eine bessere (einfache) Lösung ?

Ich beschäftige mich erst seit kurzem mit diesem Thema.
Hab auch schon eine HP. http://members.liwest.at/excitecar mit Frontpage erstellt.

Vielen Dank
 
hiegi schrieb:
Nebenbei:
Ich möchte eine HP gestalten in der die Menüs gleich bleiben und sich nur ein gwisser Slice bei Click auf einem Menüpunkt ändert (zb. eine Grafik )
In Frontpage geht das mit "gemeinsame Randbereiche" aber dann baut sich die gesamte Seit neu auf.

Gibt es dafür eine bessere (einfache) Lösung ?

Ich beschäftige mich erst seit kurzem mit diesem Thema.
Hab auch schon eine HP. http://members.liwest.at/excitecar mit Frontpage erstellt.

Vielen Dank
Zum Vergrößern anklicken....

Befindet sich das Problem auf der geposteten Seite oder ist das eine andere?
Zu Deinem Link kann ich Dir nur sagen: ÜBERARBEITEN!
Ansonsten wäre etwas Quelltext nicht schlecht...
 
hey, so schlecht ist die Seite auch wieder nicht. Ist auch meine erste.
Nein mein Prob ist eigentlich das einfügen von efekten von Image Ready in Frontpage-siehe oben.

Ich danke für konstruktive Vorschläge.
 
a - ist FrontP*ge ziemlicher Mist.
b - brauchst Du dafür immer noch irgendwas JS-mäßiges...

Es wäre sehr hilfreich,
wenn Du etwas Quellcode zeigen würdest,
denn: wie will man sonst Tipps geben?
 
a- ich weiss daß Frontpage nicht das beste ist, aber selbst editieren kann ich (noch) nicht.
b- was bedeutet JS-mäßiges ?
c- Quellcode brauchen wir nicht, denn es geht nicht um die fertige HP.
d- wie gesagt ich beschäftige mich erst seid kurzem mit dem Thema.
 
Mit Quelltext meine ich,
das Du den Code den Du bisher ausprobiert hast,
hier postest, damit wir sehen können, wo das Problem liegt.
Und lassen wir mal FrontP*ge weg, du hast doch automatisch einen Quellcode.
Zeig ihn uns mal...
Übrigends bedeutet JS = JavaScript...
 
Hab schon verstanden, leider habe ich die Dateien schon gelöscht, da es nur zum Testen war.
Ich erstelle Morgen eine neue Datei und poste sie dann, denn ich geh jetzt ins Bett.

erstmal Danke und gute Nacht
 
Gute, deutsche Handarbeit, wie von bine beschrieben, so bau auch ich die Buttons. Und dann noch ein JS für Rollover Buttons, etwas umfummeln für die eigenen Nav und fertich. Frontpage, Dreamweaver o.ä ist eigentlich egal. GoLive, mit dem ich arbeite macht das mittlerweile sehr schnell, da es das JS reincodet und ich nur noch meine Buttons richtig instalieren muss. Das macht zwar faul, geht aber schnell :)
 
Hallo zusammen

Also hier ist der einfache Code zum Testen, der in der ImageReady Vorschau funktioniert, in Frontpage aber nicht.

<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
</head>

<body>

<!-- ImageReady Slices (OhneTitel-1 - Slices: 03) -->
<table id="Tabelle_01" width="453" height="573" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="453" height="142" colspan="3">
<img src="../Bilder/spacer.gif" width="453" height="142" alt=""></td>
</tr>
<tr>
<td width="166" height="431" rowspan="2">
<img src="../Bilder/spacer.gif" width="166" height="431" alt=""></td>
<td>
<a onmouseover="changeImages('Test_Ebene_1_Kopie', 'Bilder/Test_Ebene-1-Kopie.gif'); return true;" onclick="changeImages('Test_Ebene_1_Kopie', 'Bilder/Test_Ebene-1-Kopie-click.gif');" href="#">
<img name="Test_Ebene_1_Kopie" src="../Bilder/Test_Ebene-1-Kopie.gif" width="154" height="145" border="0" alt=""></a></td>
<td width="133" height="431" rowspan="2">
<img src="../Bilder/spacer.gif" width="133" height="431" alt=""></td>
</tr>
<tr>
<td width="154" height="286">
<img src="../Bilder/spacer.gif" width="154" height="286" alt=""></td>
</tr>
</table>
<!-- End ImageReady Slices -->

<!-- ImageReady Slices (OhneTitel-1) -->
<!-- End ImageReady Slices -->

<p>
<!-- ImageReady Slices (OhneTitel-1) -->
 <!-- End ImageReady Slices --></p>

</body>

</html>



Ich weiß wie man Bilder per Handarbeit in FP austauscht, es geht mir aber um gewisse Animationen.

Habe keine Ahnung von JS.

Ich hoffe Ihr habt noch ein etwas Geduld mit mir.
 
Also meines Erachtens kann das nicht funktionieren, da die mouseover Funktion ein Steuerscript im head oder im body hat und das fehlt bei Dir völlig. Du kannst nicht einfach von einem Grafikprogramm das Bildmaterial in eine html schlonzen und dann hoffen, dass dort solche Effekte passieren. Das ist zu einfach ;)

Ich schick dir via PM ein script, das Du dann erstmal durchliest, dann verstehst und dann nach Deinen Bedürfnissen umschreiben kannst.
 
Zuletzt bearbeitet:
hm, ich glaube manch einer denkt, wenn man aus PS bzw. Image-Ready ein Design veröffentlicht, dann kriegt man eine voll funktionsfähige Website erstellt!?

Das ist aber soweit ich weiß nicht so.

Du kriegst zwar aus den Slices eine html-Seite exportiert, und kannst sogar einem Slice, der später z.B. ein Button sein soll schon eine URL zuweisen, auf die der Button nachher führen soll, aber die Funktionen werden soweit ich weiß nicht automatisch mit erstellt.

Das Ganze dient eher als zu bearbeitende Grundlage einer Website. Der Code ist bestenfalls für eine erste optische Kunden-Präsentation geeignet und stark überarbeitungs- und ergänzungsbedürftig.

Na ja und Frontpage ist eh Murks, da sollte man so schnell wie möglich von wegkommen.
 
bine schrieb:
hm, ich glaube manch einer denkt, wenn man aus PS bzw. Image-Ready ein Design veröffentlicht, dann kriegt man eine voll funktionsfähige Website erstellt!?
Zum Vergrößern anklicken....
Mit Fireworks geht das schon, allerdings kriegt man dann eine Seite, bzw. Seiten, die überwiegend bis komplett aus Bildern zusammengesetzt ist. Aber diese sind dann voll funktionsfähig mit allen eingestellten normalen sowie extended RollOver Effekten.

Ob eine solche Arbeitsweise sinnvoll ist, ist eine andere Frage....
 
kann ja nur gespickt sein von spacer.gifs
und die generelle Ladezeit so einer Seite dürfte ebenfalls lang sein und das aussehen der Site während der Ladezeit sähe recht lustig aus, wenn sich so nach und nach die einzelnen Grafikteilchen zusammensetzen.
 
Hallo, ich bin`s wieder.
Ist eigentlich Adobe GoLive besser geeignet al FP ?
Bei FP hab ich leichter durchgeblickt.
(Ich weiß, daß das nicht mehr zum Thema passt)
 
Zuletzt bearbeitet:
Du musst dich einloggen oder registrieren, um hier zu antworten.
Zurück
Oben