Fireworks -> Dreamweaver

[lordnanu]

Hallo!

Bin zur Zeit dabei mich in Dreamweaver und Fireworks einzuarbeiten. Da ich mehr dem designtechnischen zugewandt bin arbeite ich mehr mit Photoshop/Illustrator/Fireworks und kenne mich nicht so gut mit Dreamweaver aus. HTML kann ich, PHP ansatzweise ganz gut, allerdings auch nicht mehr fehlerfrei! Habe jetzt folgendes Problem: Habe ein Design in Fireworks erstellt, dann exportiere ich mit der Option Bilder und CSS das ganze in den Ordner und öffne dann mit Dreamweaver. Problem ist jetzt dass einige Texte die ich in Fireworks erstellt habe an die richtige Stelle mit der richtigen Formatierung gebracht werden und manche einfach in Standartschrfitart in Standartschriftgröße am Rand stehen. Die Bilder werden auch nicht in Dreamweaver übernommen, geschweige denn an die richtige Stelle ( wie ich sie in Fireworks hatte ) gebracht. Wenn dass jetzt zu unklar formuliert war poste ich gerne auch noch Bilder, hoffe aber trotzdem dass das erstmal an Infos reicht. Jetzt seit ihr dran :

lg, Nanu

 

[MainAngler]

AW: Fireworks -> Dreamweaver

Du brauchst nur die Bilder und musst diese in Dreamweaver neu zusammensetzen.
Der CSS-Code, den PS oder Fireworks ausgeben, den kannste vergessen weil er nichts taugt!

 

[knispel]

AW: Fireworks -> Dreamweaver

Hallo!

...
Habe ein Design in Fireworks erstellt, dann exportiere ich mit der Option Bilder und CSS das ganze in den Ordner und öffne dann mit Dreamweaver. Problem ist jetzt dass einige Texte die ich in Fireworks erstellt habe an die richtige Stelle mit der richtigen Formatierung gebracht werden und manche einfach in Standartschrfitart in Standartschriftgröße am Rand stehen.
...

Kann das nicht nachvollziehen! Warum machst du das?

Letztendlich zählt doch nur der Browser, wo es passen muss. Da macht man in den verschiedenen Versionen die Qualitätskontrolle.

 

[lordnanu]

AW: Fireworks -> Dreamweaver

@MainAngler: Wenn ich die Bilder dann von Fireworks mit Kopieren in Dreamweaver kopiere, sind diese auch, wie der unformatierte Text am Rand und lassen sich nicht in die Mitte schieben. Was ich vergessen habe zu sagen ist dass um den unformatierten Text auch keine Kästen drumsind ( bei den formatierten Texten die an der richtigen Stelle sind schon, diese kann ich auch wahlweise überall in verschieben wo es mir passt. Hat glaaaube ich was mit Div-Tags zu tun . Allerdings würde ich gern von Anfang an alle Texte/Bilder in diesen Div-Containern/Tags haben beziehungsweise die Positionierung so wie es in Fireworks ursprünglich war.

@knispel: Wie meinst Du das? Ich hab das Design in Fireworks fertig und möchte nun manche Wörter zu Hyperlinks machen bzw. das alles dann als .html/.css Gerüst abspeichern.

Hoffe ihr könnt mir helfen

 

[MainAngler]

AW: Fireworks -> Dreamweaver

@MainAngler: Wenn ich die Bilder dann von Fireworks mit Kopieren in Dreamweaver kopiere, sind diese auch, wie der unformatierte Text am Rand und lassen sich nicht in die Mitte schieben.

Ist doch klar du musst sie ja auch mittels CSS formatieren.
Du sollst sich ja auch nicht kopieren, sondern wie du es gemacht hattest (für web speichern.... aber eben nur Bilder ohne CSS!).

Was ich vergessen habe zu sagen ist dass um den unformatierten Text auch keine Kästen drumsind ( bei den formatierten Texten die an der richtigen Stelle sind schon, diese kann ich auch wahlweise überall in verschieben wo es mir passt.

Kapier ich grad nicht ganz.:uhm:

Hat glaaaube ich was mit Div-Tags zu tun .

Könnte aber sogar stimmen.
Dann lern Html und CSS!
Wirst du eh brauchen.

Allerdings würde ich gern von Anfang an alle Texte/Bilder in diesen Div-Containern/Tags haben beziehungsweise die Positionierung so wie es in Fireworks ursprünglich war.

Vielleicht sollte man erstmal sehen was du meinst.

 

[lordnanu]

AW: Fireworks -> Dreamweaver

Ahh Si Senior!
Wissen, warum jetzt manche Texte schon in Divs stehen und warum manche nicht, weiß ich jetzt zwar immer noch nicht, allerdings komm ich schon um einiges besser mit Dreamweaver und den Divs klar! Habe jetzt in der .CSS Datei ( bin darauf erst durch dich gekommen @MainAngler ), die jeweiligen "AP-Divs" neu gezeichnet und es funktioniert.

Hätte nun ein abschließendes Problem, und zwar: habe das Logo mit Photoshop erstellt und als .JPEG gespeichert ( Qualität 12, natürlich erstmal so um zu sehen ob es überhaupt funktioniert ). Wenn ich das Bild jetzt aber in Dreamweaver einfüge, und dann auf Vorschau in Browser gehe, dann wird dort nur der Alternativtext angezeigt ( in diesem Fall: "logo" ). Kommt das von der hohen Qualität des .JPEG's oder wo liegt hier das Problem? Danke erstmal für die Hilfe, bin deshalb jetzt einen Schritt weiter. :lol:

Dann lern Html und CSS!
Wirst du eh brauchen.

HTML kann ich, CSS vielleicht schon einmal damals im Informatik-Kurs angeschnitten, würde es aber gerne lernen. Müsste mich dann aber, um CSS zu lernen, mich für's Erste von DW verabschieden, oder? Mache jetzt erstmal die Website fertig, ist sowieso nicht für mich, und dann befasse ich mich mehr mit CSS

LG, Nanu

 

[MainAngler]

AW: Fireworks -> Dreamweaver

Ist der Pfad zu deinem Logo auch richtig?

Um CSS zu lernen musst du dich nicht zwangsläufig von DW trennen, dass ist ja nur ein Editor wie jeder andere auch.
Ob du das darin oder woanders tippst ist egal.

 

[lordnanu]

AW: Fireworks -> Dreamweaver

Yess, die Pfade sind alle richtig angegeben und werden im "Entwurf" in DW auch angezeigt. ( Wenn der Pfad nicht stimmen würde, würde es da auch nicht angezeigt werden, hab ich getestet ) So, und sobald ich jetzt auf "Live-Ansicht" oder "Vorschau im Browser" gehe, seht selbst :'(

 

[leohh]

AW: Fireworks -> Dreamweaver

Oeffne das ganze in einem vernuenftigen Browser und schau in der Quellcodeansicht, wo es referenziert wird. Ich weiss ja nicht aber fuer gewoehnlich arbeitet man doch so, dass man einen Basisordner hat, in welchem sich das index befindet und evtl. das stylesheet, wenn man es nicht gerade inline macht. Einen Ordner fuer Bilder meist images oder img.

Um von der index in diesem Ordner zu navigieren gibt man doch einfach <img src="img/logo.jpg" alt="logo" /> an sofern man relative Pfade verwendet. Wenn da nichts angezeigt wird, dann stimmt etwas mit der referenzierung nicht.

 

[lordnanu]

AW: Fireworks -> Dreamweaver

<div id="apDiv10"><img src="/images/logoweb.jpg" alt="logo2" width="300" height="80" /></div>

müsste eigentlich funktionieren oder irre ich mich? Funktioniert weder wenn ich von Fireworks direkt kopiere und in DW einfüge noch wenn ich die Bilder in DW über Einfügen -> Bild reinbringe.

 

[leohh]

AW: Fireworks -> Dreamweaver

den ersten Slash raus.

basisordner
-> index.html
***imageordner
****-> ogoweb.jpg

<img src="mages/logoweb.jpg" alt="logo2" width="300" height="80" />

evtl. liesst du dir noch mal das mit der Referenzierung noch etwas genauer durch.


Edit:
Sag mal im DW gibt es doch einen imageBrowser, der per klick&drop funktioniert, wieso ziehst du dir das bild nicht von dort in den Quelltext. bzw. in die Voransicht, dass muesste doch bei diesen WYSIWYG-Programmen gehen. Ich hab DW hier gerade nicht drauf aber ich bin mir 100% sicher, dass es diese Funktion im DW gibt.

 

[lordnanu]

AW: Fireworks -> Dreamweaver

Es funktioniert, juhu
Vielen Dank für eure Hilfe, funktioniert jetzt alles reibungslos! LG, Nanu