Antworten zum Thema „Wie behandle ich eine geslicde PS Site in Dreamweaver?“

[loveisapinkcake]

Hi Leute

Habe ein Design für meine Site in Photoshop erstellt und bin mit dem slice Werkzeug durchgegangen. Nun ist meine Frage, wie ich mit der Site im Dreamweaver umgehen muss. Sobald ich auf ein geslictes Stück einen Hyperlink erstellen will wird die ganze Site verschoben, da der Link das slice irgendwie grösser mach. Das ist nur ein Beispiel meiner vielen Fragen. Des weiteren möchte ich in der Mitte eine Fläche, die ich beliebig bearbeiten kann, sprich Bilder reintun, die dann durch einen horizontalen Scrollbalken hin und her bewegt werden könne. Also ich mein halt, dass viele Bilder direkt aneinander sind und der Scrollbalken halt ermöglicht die Bilder von links nach rechts anzuschauen.

Würde mich freuen, wenn mir Jemand helfen könnte. Habe mir auch das Dreamweaver CS3 Buch gekauft von Galileo Press, aber das zeigt nur wie man eine Site mit den DW Vorlagen erstellt. Wirklich übel.

Danke im Voraus

Liebe Grüsse

PS: Bin MacUser falls das irgend eine Rolle spielt.

 

[Herr_D]

AW: Wie behadle ich eine geslicde PS Site in Dreamweaver?

PS: Bin MacUser falls das irgend eine Rolle spielt.

Nee spielt keine Rolle, ob du auf nem Mac keine Ahnung hast oder auf nem WindowsPC


Zu deinen Problemen:

1. SELFHTML 8.1.2 (HTML-Dateien selbst erstellen) <-- da mal was über das verlinken von Bildern lesen

2. dann hast du deinen photoshopgenerierten Code gleich mal in die Tonne

3. mal die Hilfe (F1) bei DW aufrufen, da kommste auch schon um einiges weiter


bilder:

<div id="bildschirm" style="width:400px; height:311px; overflow:auto;">
<div id="bilder" style="width:4000px; height:300px; overflow:hidden;">
<img src="bild1.jpg" style="width:4000px; height:300px; border:none;"><img src="bild2.jpg" style="width:4000px; height:300px; border:none;"> ... <img src="bild10.jpg" style="width:4000px; height:300px; border:none;"></div>
</div>

Erklärung du brauchst 2 divs

1. bildschrim hat ne feste breite und höhe (plus paar Pixel für scrollbalken)

2. bilder -> breite soweit, wie die summe aller bilder, höhe ist die höhe des höchsten bildes

 

[Christoph680]

AW: Wie behadle ich eine geslicde PS Site in Dreamweaver?

Nee spielt keine Rolle, ob du auf nem Mac keine Ahnung hast oder auf nem WindowsPC

Weise Worte ^^

 

[loveisapinkcake]

AW: Wie behadle ich eine geslicde PS Site in Dreamweaver?

Herr_D

kannst du mit eventuell noch mitteilen, wie ich Bilder von meinem PC in den html des Scrollbalkens bekomme? Hab das irgendwie noch nicht hreausgefunden.

Der Balken ist aber schon mal drin

Danke für deine bisherige Hilfe.

 

[Herr_D]

AW: Wie behadle ich eine geslicde PS Site in Dreamweaver?

Herr_D

kannst du mit eventuell noch mitteilen, wie ich Bilder von meinem PC in den html des Scrollbalkens bekomme? Hab das irgendwie noch nicht hreausgefunden.

Der Balken ist aber schon mal drin

Danke für deine bisherige Hilfe.

Gute Frage, ich muß ma guggn wo ich DW versteckt hab


also du klickst in der code ansicht ins div und dann einfügen -> Bild oder srtg alt i


Für solche Sachen bitet sich aber die interne Hilfe (F1) an...



Ich benutze DW nicht, deshalb kann ich kaum was zum Programm sagen (Meine Version hier ist 4 also etwas veraltet)

 

[loveisapinkcake]

AW: Wie behandle ich eine geslicde PS Site in Dreamweaver?

Danke

Die Page ist nun online....

greez

 

[Herr_D]

AW: Wie behandle ich eine geslicde PS Site in Dreamweaver?

Danke

Die Page ist nun online....

greez

ähm ja ... und getestet hast du sie vorm veröffentlichen?

Mozilla/ Seamonkey (in die Mitte gescroll)


FF


IE



Opera



Opera bi 80% sieht oke aus





du muß auf jeden Fall in den css img {border:0px solid #ffffff; } einbauen

 

[loveisapinkcake]

AW: Wie behandle ich eine geslicde PS Site in Dreamweaver?

bei mir sah sie gut aus. Keine Ahnung wiso die Links blaue ränder haben. Die sollten eigentlich nicht sein. Und der verschobene Rahmen unter den Links is auch komisch. Das macht es mir aber im Dw sobald ich einen Hyperlink erstelle. Wie kann ich das beheben? komisch ist ja, dass sie auf Safari so aussieht wie ich sie gemacht habe.

 

[Herr_D]

AW: Wie behandle ich eine geslicde PS Site in Dreamweaver?

mit was für ner Bildschrimauflösung rechnest du denn?

Tabellenbreite 1600px?

Warum setzt du alles per Grafik um? Du hast nur weiße Flachen, mach das per Hintergrundfarbe nicht mit nem Bild...


Die Idee der Seite ist nicht schlecht, aber die Umsetzung leider mangelhaft... versuch mal vom imagereadyslice wechzukommen... du brauchst für die ganze HP (layout) im Grunde nur eine Grafik die links wo der Name hochkant steht...

 

[loveisapinkcake]

AW: Wie behandle ich eine geslicde PS Site in Dreamweaver?

ok....muss aber ehrlich sagen, dass von was anderem leider keine Ahnung habe. Wenn du mir eventuell ein bisschen helfen könntest wäre ich dir sehr dankbar. Die Page muss nämlich bis Montag fertig sein. Sie muss einfach so aussehen, das Rechteck in der Mitte (ungefähr ) und dann die drei Links. Und die Bilder müssen alles, so wie ich es gemacht habe, mit dem Scrollbalken drin sein.

Zu der Bildschirmauflösung... Ich habe da mit 1600 gerechnet. Ist das zuviel?

 

[Herr_D]

ma sehn, ob ich morgen dazu komme


hier mal so ganz auf die Schnelle:
...


[edit]

daten wieder offline

 

[loveisapinkcake]

AW: Wie behandle ich eine geslicde PS Site in Dreamweaver?

hey...

danke viel mals, wie hast du das jetzt gemacht? das einzige was mich noch stört, ist, dass die Textzeile photography & design und switzerland...... so weit unten sind. Die sollten eventuell etwas weiter nach oben. Aber echt schon mal ein fettes Dankeschön. Jetzt wäre aber nur noch gut herauszufinden wie ich das in Zukunft auch selber machen könnte

Und wo schmeiss ich da die Bilder rein?

lg

 

[Herr_D]

AW: Wie behandle ich eine geslicde PS Site in Dreamweaver?

hey...

danke viel mals, wie hast du das jetzt gemacht? das einzige was mich noch stört, ist, dass die Textzeile photography & design und switzerland...... so weit unten sind. Die sollten eventuell etwas weiter nach oben. Aber echt schon mal ein fettes Dankeschön. Jetzt wäre aber nur noch gut herauszufinden wie ich das in Zukunft auch selber machen könnte

Und wo schmeiss ich da die Bilder rein?

lg

du solltest anfangen html und css zu lernen


den text (besser den abstand nach oben) kannst du in der data/pinkcake.css ändern

#outro h1 {
       letter-spacing: 0.5em;
       [B]padding-top:56px;[/B]
       padding-left:70px;
       font-size:1em;
       color:#aeaeae;
       font-weight: bold;
       }

einfach den wert verkleinern...



die bilder setzt du in den .html an dieser stelle ein:

<div id="bilder">[B]<img src="http://www.loveisapinkcake.com/people/Fotos/peopleportfoliopage.jpg" style="width:6670px; height:450px; border:none;" alt="fotos people">[/B]</div>

dort kannst du auch den footertext bearbeiten...




...was ich gemacht hab?


Alles, was nicht als Grafik muß rausgeschmissen und ein Layout ohne Grafiken und Tabellen nur mit html, paar div und css umgesetzt...

 

[loveisapinkcake]

AW: Wie behandle ich eine geslicde PS Site in Dreamweaver?

wirklich interessant. Ich werde mir mal en Buch über html und css besorgen. Hast du die Site in Dw gemacht oder in einem anderen Prog?

Danke nochmals! Nicht selbstverständlich das man solche Hilfe bekommt.

 

[Herr_D]

AW: Wie behandle ich eine geslicde PS Site in Dreamweaver?

ich hab das im Prinzip per Hand geschrieben als Programm nutze ich Phase5 oder besser gesagt den alten "Ulli Meybohms HTML EDITOR" noch bevor er Phase5 wurde


du brauchst kein buch: SELFHTML 8.1.2 (HTML-Dateien selbst erstellen) wenn du da durch bist, biste schon paar Schritte weiter

 

[loveisapinkcake]

AW: Wie behandle ich eine geslicde PS Site in Dreamweaver?

Ok, werde mich da mal durchfuchsen.

Dann kann ich auch beliebig die Page verändern wenn ich da durch bin? Geht mir in erster Linie darum, dass ich, falls mal mehr Themen kommen, neue Links hinzufügen kann oder was in der Art.

 

[Herr_D]

AW: Wie behandle ich eine geslicde PS Site in Dreamweaver?

die links stehen im Bereich #menue (als Liste ul li)

<li>link</li> ist jeweils ein Menuepunkt

im css müßtest du dann den menueabstand nach oben anpassen...

 

[loveisapinkcake]

AW: Wie behandle ich eine geslicde PS Site in Dreamweaver?

klingt ja alles nicht so schwer. Da war das slice zeugs übler.

Habe sie jetzt nochmals hochgeladen. Geh mal kurz kucken.

 

[maggy3]

AW: Wie behandle ich eine geslicde PS Site in Dreamweaver?

wie setzt du das jetzt um das man bei kleinerer Auflösung nicht scollen muss und das Bild zentriert ist?
Bei Tabellen schreibt man ja z.b wight="80%"... dann wird das immer zusammen gerückt bei kleinerer Auflösung wenn die Grafik das zulässt. bei CSS dann auch mit % arbeiten? Die breite in % statt in px angeben? Das war doch jetzt hier das Problem oder. Ich will auch ganz weg von Tabellen nur mit CSS arbeiten hatte aber am Anfang auch das Problem mit dem nach rechts scrollen bei kleinerer Auflösung. Hab dann dann wohl total umständlich für die verschiedenen Auflösungen jeweils ne Seite erstellt die dann je nach Auflösung geladen wird. Jetzt kam mir das mit den % statt px. Wäre das richtig umgesetzt?