Slices in DW einfügen

Nine111 · 11.01.2009

Hallo zum Sonntag mit einer Frage von einem Blondchen...

Und zwar folgendes Problem.
Ich arbeitete bisher mit simplen Tabellen zur Erstellung einer HP, unter Verwendung eines Framesets und ohne Verwendung des Codes, nur Entwurfsbearbeitung (ich weiß Fehler).
So, nun haben wir ein paar schicke HP's gesichtet und mal gefragt wie die es so machen und da kam die Antwort, nur in PS mit Hilfe des Slice-Werkzeugs.
Ich bin eigentlich gut in PS, aber nur was zeichnen od. Fotobearbeitung angeht, aber in Web-Sachen ne Null

Nun habe ich mir gestern ein TUT über Slices reingezogen, is jetzt nich so schwer und es abgespeichert.
So, jetzt weiß ich aber nicht, wie ich es im Dreamweaver Entwurf anordnen soll, denn logischerweise ordnet sich der Spaß jetzt nicht so an, wie ich es brauch. Meine Frage ist jetzt, wie krieg ich das hin?
Aussehen soll es mal so

Achja, ich brauch keine Verlinkungen oder so, nur ist das Bild riesig und das LAyout komplett in PS erstellt und ich will es nur zerstückeln, damit sich keiner totlädt.

Danke für eure Hilfen!

Babo · 11.01.2009

AW: Slices in DW einfügen

wen du es in PS für web abspeichers, speicher Bilder & Html denn hast du alles wie es sein soll gleich in einer Html.

Nine111 · 11.01.2009

AW: Slices in DW einfügen

Ja, muss ich die HTML dann einfach nur noch hochladen oder wie soll ich das verstehen?
Das wäre doch zu einfach oder?

sokie · 11.01.2009

AW: Slices in DW einfügen

Die html Datei und natürlich deine gesliceten Grafiken;-)
doch eigentlich kann es so einfach sein - sollte es auch

ps...keine Verlinkungen? wie soll es denn für den Seitenbesucher weitergehen, wenn der auf deutsch oder english klickt?

Nine111 · 11.01.2009

AW: Slices in DW einfügen

Also, langsam bitte

ich muss die Grafiken einfach in eine leere html einfügen und nicht so anordnen, dass ein Bild gibt? Was mache ich denn dann mit der von PS erstellten html, das ist ja dann doppelt...hmm.
Verlinken wollte ich mit Hilfe von Hotspots, geht das dann nicht mehr oder wie jetzt?

Ach sorry, du meinst ich muss die Grafiken nur hochladen??? Echt jetzt?
Und dann die erstellte html von meinem Freund PS nur noch in DW einfügen und verlinken oder wie oder watt? Das ist ja bald peinlich, wie einfach das wäre oder...

leohh · 11.01.2009

AW: Slices in DW einfügen

Photoshop generiert einen Ordner mit deinen geslicten Bildern und eine html-Datei.
Die HTML-Datei zieht sich die Bilder mitterls Verlinkung, sodass man die Grafiken im
Web sehen kann. Da ist also nichts doppelt gemobbst

sokie · 11.01.2009

AW: Slices in DW einfügen

Babo schrieb:
wen du es in PS für web abspeichers, speicher Bilder & Html denn hast du alles wie es sein soll gleich in einer Html.

also nochmal ganz langsam:
nach dem Du in ps gesliced hast ->
für Web und Geräte speichern ->
Bilder&HTML speichern. ->
html und Bilder(ordner) hochladen.
fertig

tiroler · 11.01.2009

AW: Slices in DW einfügen

die html Datei, welche du erhälst beinhaltet den Pfad zu den einzeln gesliced Bildern- welche sich im neu generierten Bilderordner befinden !!! ( der heisst bei ps - BILDER )-
html datei hochladen
Bilderordner auf dem Server erstellen - NAME = Bilder ( damit die Verlinkungen aus der html Datei passen )
Bilder in den BILDER ordner auf den Server laden
fertig

das Web setzt den rest selbst zusammen

Nine111 · 11.01.2009

AW: Slices in DW einfügen

Ich küsse euch, DANKE! Dann hau ich meinen Dreamweaver mal in die Tonne wa ;-)

sokie · 11.01.2009

AW: Slices in DW einfügen

Nine111 schrieb:
Ich küsse euch, DANKE! Dann hau ich meinen Dreamweaver mal in die Tonne wa ;-)

das ist eine zu schnelle Schlussfolgerung.

im Nomalfall ist PS nämlich nicht geeignet um Webseiten zu erstellen.

auf der anderen Seiten 'braucht' man nicht unbedingt Dreamweaver...

Nine111 · 11.01.2009

AW: Slices in DW einfügen

Ich wollte das als Scherz deklarieren... Klar brauch ich trotzdem noch meinen anderen Freund den DW

Mir fällt da gerade noch was ein. Habe ich mit den Slices nachher auch keine Darstellungsdiffenrenzen zw. IE und FF? Sonst hab ich dat Problemchen schon mal...
Schönen Sonntag noch an Alle.

3erd342 · 11.01.2009

AW: Slices in DW einfügen

Also um Slices in DW einzufügen musst du einfach nur deinen Slice ziehen und dann Bearbeiten>Kopieren machen. Dann gehst du zu DW und machst Bearbeiten>Einfügen. Ganz einfach

leohh · 12.01.2009

AW: Slices in DW einfügen

Habe ich mit den Slices nachher auch keine Darstellungsdiffenrenzen zw. IE und FF?

Kommt meist drauf an, wie kompliziert das ganze werden soll. In deinem Vorschaubild kann man zwar keine Schwierigkeiten erkennen aber so das gelbe vom Ei sind DW-generierte Seiten auch nicht wirklich ( absolute Positionierung, img-Tags fuer Hintergruende bei Tabellen usw. )

Nine111 · 12.01.2009

AW: Slices in DW einfügen

Toll, irgendwie hab ich mich zu früh gefreut.
Habe jetzt folgendes Problem.
Bilder sind geslicet, html erstellt.
Nun will ich aber gern auf diese Seite
oben unter dem Header Rollover Buttons bzw. eine Rollover schrift einfügen. Habe dazu schon die jew. Buttons erstellt einmal dunkel und einmal heller
So. Nun kann ich auf der fertigen html aber weder eine Seitenschrift, noch irgendetwas anderes einfügen, z.Bsp. will ich auf der neuen Seite Bilder u.ä. einfügen... Puh, irgendwie schwieriger als gedacht...
Kann mir einer "Soforthilfe" bieten?

Babo · 12.01.2009

AW: Slices in DW einfügen

ich hab hier eben was gefunden was dich sicher interessieren wird.
ist zwar schon etwas älter aber da wird genau dein Problem erklärt.

leohh · 12.01.2009

AW: Slices in DW einfügen

Poste doch einfach mal wie du das machst -bzw. was du bis dato hast.

Nine111 · 13.01.2009

AW: Slices in DW einfügen

OK habe jetzt mal schnell Zeit gehabt..
hab ein SnagIT geschossen, wie es momentan aussieht und habe jetzt mal nach dem VideoTUT versucht die slices in den HG einzufügen (pro Zelle, je nach dem ob ich noch was schreiben will od. nicht). Will zum bsp. meine schönen Rolloverbuttons noch darüber einfügen etc. ...
So, jetzt sind da aber auch bloß wieder diese grässlichen Linien zu sehen

Was ich mich auch noch frage, wenn ich jetzt angenommen alles slicen würde und nur noch das hochlade, finden mich dann überhaupt die Leute noch über google?
Gut, ich kann im Code bissl was eingaben, aber die ganzen Textpassagen wären ja dann alle fort oder? Langsam verzeifle ich hier mit dem Mist, verstehe wer will.
Ich sollte wahrscheinlich bei meinen billigen Frames und Tabellen bleiben wa...
Hab zwar noch ne andere Frage, aber wenn das hier erstmal ginge, wär das super...

leohh · 13.01.2009

AW: Slices in DW einfügen

Der TE hat mir auf die Bitte einen Code zu posten eine PN mit dem bisherigen Code gesendet. Da dies hier aber ein Forum ist, wo alle mithelfen sollen und ich dieses Gebilde sowieso zu kompliziert finde ( DW-Muell eben ), poste ich den bisherigen Quellcode in der guten Hoffnung, dass mich der TE nicht erschlaegt.

HTML:

<title>Unbenanntes Dokument</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}

function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
<style type="text/css">
<!--
.Stil1 {color: #190705}
.Stil2 {color: #EFF2F9}
-->
</style>
</head>

<body onLoad="MM_preloadImages('Buttons/Button-Home2.jpg','Buttons/Button-Girls2.jpg','Buttons/Button-Teenies2.jpg','Buttons/Button-Puppies2.jpg','Buttons/Button-Contact2.jpg','Buttons/Button-Links2.jpg')">
<table width="1000" border="0">
<tr>
<td height="259"><img src="Bilder/Layout-Kopie_01.jpg" width="1000" height="248"></td>
</tr>
<tr>
<td height="42" background="Bilder/Layout-Kopie_02.jpg"> <span class="Stil1">..............................<span class="Stil2">..........</span>.</span> <a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image4','','Buttons/Button-Home2.jpg',1)"><img src="Buttons/Button-Home1.jpg" alt="Home" name="Image4" width="63" height="22" border="0"></a><span class="Stil1">.......</span> <a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image6','','Buttons/Button-Girls2.jpg',1)"><img src="Buttons/Button-Girls1.jpg" alt="Girls" name="Image6" width="64" height="24" border="0"></a><a href="#" class="Stil1" onMouseOver="MM_swapImage('Image4','','Buttons/Button-Home2.jpg',1)" onMouseOut="MM_swapImgRestore()">........</a><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image7','','Buttons/Button-Teenies2.jpg',1)"> <img src="Buttons/Button-Teenies1.jpg" name="Image7" width="82" height="22" border="0"></a><span class="Stil1">........</span><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image8','','Buttons/Button-Puppies2.jpg',1)"> <img src="Buttons/Button-Puppies1.jpg" name="Image8" width="85" height="23" border="0"></a><span class="Stil1">........</span> <a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image9','','Buttons/Button-Gallery2.jpg',0)"><img src="Buttons/Button-Gallery1.jpg" name="Image9" width="91" height="25" border="0"></a><span class="Stil1">.......</span><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image10','','Buttons/Button-Contact2.jpg',1)"> <img src="Buttons/Button-Contact1.jpg" name="Image10" width="107" height="25" border="0"></a><span class="Stil1">.......</span><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image11','','Buttons/Button-Links2.jpg',1)"> <img src="Buttons/Button-Links1.jpg" name="Image11" width="65" height="24" border="0"></a></td>
</tr>
<tr>
<td height="921" background="Bilder/Layout-Kopie_03.jpg">&nbsp;</td>
</tr>
<tr>
<td><img src="Bilder/Layout-Kopie_04.jpg" width="1000" height="142"></td>
</tr>
<tr>
<td><img src="Bilder/Layout-Kopie_05.jpg" width="1000" height="148"></td>
</tr>
</table>
</body>
</html>

Nine111 schrieb:
Habe mittlerweile die Buttons schon reingebaut, aber mit den Abständen habert es schon wieder

Das war - im grossen und ganzen - die PN
Vllt. kann ja mal jemand der mit DW rumbastelt ihr noch sagen, wie man die Abstaende damit kontrolliert.

holger2 · 18.01.2009

AW: Slices in DW einfügen

hallo
wenn du mit dreamweaver weniger probleme haben willst trete die webfunktionen von photoshop in die tonne dafür ist photoshop nicht gemacht.
benutze einfach (wenn du es hast) fireworks, erstelle deine slices und exportiere das ganze als fireworks-html.
dann in dreamweaver:einfügen - fireworks html = fertig!