[CS4] - Slices richtig anwenden

[VirusX]

Hi,

Ich möchte mein schlichtes Homepage Design slicen:



Und hätte dazu noch einige Fragen:

Sollte ich einfach den ganzen Inhaltsbereich einmal slicen oder sollte ich für die linke Leiste noch einen Extraslice verwenden?

Muss ich die Eingabefelder von Login und Passwort auch extra slicen, oder kann ich einfach einen Slice von der kompletten linken Seite machen?

Was wäre besser: Die Texte ohne Schatten usw. (die blauen Texte links) schon in Photoshop erstellen oder erst mit HTML?

Kleine Randinfo: Als CMS werde ich Joomla verwenden.

 

[Cass]

AW: Slices richtig anwenden

Kleine Randinfo: Als CMS werde ich Joomla verwenden.

Kann man denn eine mit PS erstellte Seite in joomla einbinden ?
Wo kann ich eventuell finden, wie das geht ?
Die Forensuche war nicht wirklich ergiebig

 

[VirusX]

AW: Slices richtig anwenden

Kann man denn eine mit PS erstellte Seite in joomla einbinden ?
Wo kann ich eventuell finden, wie das geht ?
Die Forensuche war nicht wirklich ergiebig

Naja du musst dein Design slicen, dann mit HTML und CSS coden und dann an Joomla anpassen.

Vielleicht findest du hier was nützliches

 

[seecretum]

AW: Slices richtig anwenden

Mit Dreamweaver wärst du dem Ergebis doch schon sooooo nah ansonsten kuck hier mal in die Vids rein, das kannst du dann auch auf Photoshop ableiten. http://tv.adobe.com/de/#pg+15260

 

[Cass]

AW: Slices richtig anwenden

Naja du musst dein Design slicen, dann mit HTML und CSS coden und dann an Joomla anpassen.

Vielleicht findest du hier was nützliches

Ja danke, das meiste davon kenn ich ja
Muss ich mich irgendwann mal mit beschäftigen

 

[vanilladragon]

AW: Slices richtig anwenden

Ich hab dir mal deine Homepage "gesliced":



Die Menü-Buttons oben bleiben eigentlich so erhalten, wie sie dort sind. Eigentlich könntest du auch eine komplette grafik machen, und den links koordinaten geben, wo sie platziert sind, da nicht aus deiner Grafik hervorgeht ob die noch anders gefärbt werden wenn man drüber fährt.
Danach brauchst du jeweils 4 Boxen, die du den jeweiligen Hintergrund gibst. Die ganzen Infos "Umfrage" "shoutbox" usw. würde ich per Hand in den Quellcode eingeben. Ist ja nichts großes. Den Login würde ich so nicht Slicen. Die Eingabefelder ausschneiden und als png abspeichern, damit nur das Runde zu sehen ist und das so verwenden (da passt sich die Farbe des Hintergrundes immer an der stelle an, wo es sitzt - nicht das die Felder etwas verschoben werden und es dann mit dem Hintergrundverlauf nicht mehr passt. "login" und "passwort" dann auch wieder per hand in den Quellcode eingeben.
Als letztes bleibt dann nur noch 1 Hintergrundbild über (das rechte große) was deinen Context beschreibt.

Joa... Ich denke das wars, wenn ich nichts übersehn habe ^^

Sonst noch fragen?

vanilla

 

[Spin_1987]

AW: Slices richtig anwenden

Kleiner Tip:

Binde in deine homepage so wenig wie mgl große Bilder ein.



@vanilladragon

Größere Flächen ohne Verlauf sliced man mit Höhe 1 px und mit horizontalenverlauf genau so.

Also würde ich die HP anders slicen als du, um später der Seite mehr performance zu geben.


in css denn halt

.div {background:url(.../images/hallo.jpg) ;
width: 100px;
height: 100px;
}

 

[VirusX]

AW: Slices richtig anwenden

Ich hab dir mal deine Homepage "gesliced":



Die Menü-Buttons oben bleiben eigentlich so erhalten, wie sie dort sind. Eigentlich könntest du auch eine komplette grafik machen, und den links koordinaten geben, wo sie platziert sind, da nicht aus deiner Grafik hervorgeht ob die noch anders gefärbt werden wenn man drüber fährt.
Danach brauchst du jeweils 4 Boxen, die du den jeweiligen Hintergrund gibst. Die ganzen Infos "Umfrage" "shoutbox" usw. würde ich per Hand in den Quellcode eingeben. Ist ja nichts großes. Den Login würde ich so nicht Slicen. Die Eingabefelder ausschneiden und als png abspeichern, damit nur das Runde zu sehen ist und das so verwenden (da passt sich die Farbe des Hintergrundes immer an der stelle an, wo es sitzt - nicht das die Felder etwas verschoben werden und es dann mit dem Hintergrundverlauf nicht mehr passt. "login" und "passwort" dann auch wieder per hand in den Quellcode eingeben.
Als letztes bleibt dann nur noch 1 Hintergrundbild über (das rechte große) was deinen Context beschreibt.

Joa... Ich denke das wars, wenn ich nichts übersehn habe ^^

Sonst noch fragen?

vanilla

Ich danke dir schonmal für deine Hilfe!

aber das mit den Eingabefeldern habe ich noch nicht so ganz verstanden. Also ich soll die einzeln slicen und dann als .png abspeichern oder wie meinst du das?

 

[Spin_1987]

AW: Slices richtig anwenden

Hallo,

entweder sliced du die mit, jedoch müsstest du dann zweimal anfangen. Oder du schneidest sie aus und passt sie genau in ein neues Dokument ein. Prinzipiell würde ich dir raten, es nicht als png zu speichern, da png 16,7 millionen farben anzeigen kann und riesen groß ist.

Daher die empfehlung, den Login Bereich als .gif oder .jpg. abzusschern.

Es gibt bei den Photoshop Tutorilas ein hübsche Erklärung, die du dir nochmal anschauen kannst

Und dann denke ich solltest du es hinbekommen. Slicen ist einfach, doch bedenke Rundungen.

gruß spin

 

[VirusX]

AW: Slices richtig anwenden

So das Grundgerüst passt schonmal (im Firefox).



Jetzt fehlt nur noch das Eingabefeld und die Anpassung an Joomla.