[sgfx]

Hallo Leute

Bin seit einiger Zeit damit beschäftigt eine Portfolio Website für mich zu erstellen und mit dem Design jetzt auch endlich fertig
Ich hab das komplette Design in Photoshop erstellt, jetzt muss das alles "gesliced" und "gecoded" werden...!?
Davon hab ich aber ehrlich gesagt eher weniger Ahnung, Tabellen sollte man ja nicht nehmen und CSS komm ich gar nich mit klar...
Ich wollte fragen, ob mir da vielleicht jemand mit hilfreichen Tipps oder sogar tatkräftig unter die Arme greifen kann



Grüße
:-)

Dieser Beitrag wurde von sgfx bearbeitet: 26. Mai 2008 - 16:42

[Canterra]

Hast recht Tabellen sind für Tabellen

Also ich kann dir schon helfen, evtl. kannst du mir ja auch mal ein Design machen
Meld dich einfach unter [email protected]

Viele Grüße
Patrick

[sgfx]

ok, werd ich machen...
lässt sich alles regeln...^^

[K050V4]

sgfx
also ich kann dir auch kräftig unter die arme greifen
vielleicht kannst du mir auch so ein tolles design machen
sieht super aus... melde dich wenn du magst an [email protected]

[bluescorp]

mich würde es freuen wenn ihr da ein tutorial hättet wie man die photoshop - datei zu einer webpage macht

hab das bis jetzt immer zwar gesliced usw, aber ich kann dann nur mittels iframe damit weiter arbeiten :/

[sgfx]

Zitat (bluescorp: 26.05.2008, 18:14)

mich würde es freuen wenn ihr da ein tutorial hättet wie man die photoshop - datei zu einer webpage macht

hab das bis jetzt immer zwar gesliced usw, aber ich kann dann nur mittels iframe damit weiter arbeiten :/

gute idee...

[Schnubbie]

Photoshop speichert geslicte Grafiken grundsätzlich in HTML Tabellen Form und das ist murks. Sliced einfach, nehmt die einzelnen Grafiken, befasst euch einfach etwas mit CSS und ihr werdet sehen das dieses supereinfach ist und wesentlich schneller und einfacher zu handhaben ist als Tabellen.

[sgfx]

Zitat (Schnubbie: 26.05.2008, 18:52)

Photoshop speichert geslicte Grafiken grundsätzlich in HTML Tabellen Form und das ist murks. Sliced einfach, nehmt die einzelnen Grafiken, befasst euch einfach etwas mit CSS und ihr werdet sehen das dieses supereinfach ist und wesentlich schneller und einfacher zu handhaben ist als Tabellen.

ja, das tabellen nich das tollste sind wissen wir auch

[Schnubbie]

Dann geht doch auf www.css4you.de - beschäftigt euch vielleicht eine 3/4h - Stunde mit CSS und ihr könnt schon die erste simple Homepage entwerfen, die geslicten Grafiken dann dort einbinden ist dann nur noch simpel.

Einfach in die HTML Datei die Div IDs und Class'en reinschreiben und in der externen CSS Datei die Eigenschaften der Elemente festlegen.

in etwa wie
HTML Datei

<div id="header"></div>

CSS Datei

#header{background:url(../img/background.png) no-repeat;width:980px;height:100px;}

Oder wie auch immer das ganze aussehen soll

[MezzoX]

Photoshop speicher mitlerweile auch mit Divs, aber leider macht der dann für jeden Bildteil ein DIv und das kanns ja auch net sein

[Witi]

[...]
<div id="main">
<div id="head"><img src="serial-gfx-christopher-pohl.png" alt="serialgfx - Christopher Pohl"/></div>
<div id="menu">
  <ul>
	<li><a href="#" title="Home">Home</a></li>
	<li><a href="#" title="Info">Info</a></li>
	<li><a href="#" title="Portfolio">Portfolio</a></li>
	<li><a href="#" title="Contact">Contact</a></li>
  </ul>
</div>
<div id="content">
<h2>online portfolio</h2>
<p>text text</p>
</div>
</div>
[...]

Fertig, jetzt muss nur noch einer den CSS-Code machen.

[Schnubbie]

Zitat (MezzoX: 26.05.2008, 21:18)

Photoshop speicher mitlerweile auch mit Divs, aber leider macht der dann für jeden Bildteil ein DIv und das kanns ja auch net sein

Dann sliced man die Grafik halt nicht in 100 kleine Teile und fügt die Grafiken manuell zusammen. So das große Problem ist es nun auch nicht.

[sgfx]

danke für die antworten... :-)

alles sehr hilfreich!