[Ceron]

Hi,

ich habe vor, eine Internetseite zu machen udn habe auch Grundkenntnisse in HTML. Ich würde eine Seite in Photoshop gestalten und diese dann slicen, doch viele raten mir davon ab. Wie mach ich es denn am besten?

[hasch]

Ich mache mir immer eine Designvorlage mit Fireworks 8 und dann teile ioch das ganze in Grafiken ein und lege Tabelle in der html-Datei an etc. -> realisiere das Design dann in der HTML-Datei.

[Vyper]

Ich würde es immer stückchenweise machen, d.h. du erstellst dir eine Grafik, und fügst es dann in deine HTML-Seite ein.
Z.B. erstellt dir Photoshop für eine Navigation mit 5 Einträgen dann 5 versch. Grafiken. Mit CSS (Cascading Stylesheets) aber bräuchte man aber nur ein 1px breites Stück, und setzt das dann als Hintergrundgrafik ein, und schreibt als Vordergrund, dann die Schrift für die Navigationspunkte.
So kann man rel. Schlanken Code bauen und man erspart sich es sich, sich durch unmengen an Tabellencode zu wuseln.

Dieser Beitrag wurde von Vyper bearbeitet: 06. November 2005 - 16:21

[stefanra]

Ich nehme mir einen Screenshot von Firefox (mit URL about:blank) als Template für eine neue Grafik und dann gestalte ich die Seite zuerst im Grafikprogramm (bei mir Macromedia Fireworks).

Wenn dann das Layout fertig ist, wird der Code geschrieben. Danach extrahiere ich dann die Grafiken aus dem Gesamt-Design und sorge mit CSS dafür, dass die Seite dann im Endeffekt so aussieht, wie ich's mir im Grafikprogramm aufgemalt habe.

[hasch]

Na im Prinzip machen wir's ja alle gleich
Erst in einem von dir gewählten Grafikprogramm Design erstellen (bei mir Fireworks) und dann in Teile zerlegen, exportieren und mit Hilfe von CSS und HTML so formatieren, wie mans haben will...

[Ceron]

Aber wie binde ich die Grafiken am besten in das HTML Gerüst ein, bzw. was muss ich alles vorbereiten in HTML, um die Grafiken gut einsetzen zu können?

[Graumagier]

<img src=$PFAD />!?

Dazu eventuell noch in der CSS-Datei mittels

img { border-width: 0px; }

den hässlichen Rahmen im IE abschalten.

Dieser Beitrag wurde von Graumagier bearbeitet: 06. November 2005 - 18:24

[stefanra]

Zitat

Aber wie binde ich die Grafiken am besten in das HTML Gerüst ein

Wie wär's mit <img ... />?

[Ceron]

LoL, doch so einfach^^
Naja, ich probiers erstma aus...

[Graumagier]

Wie war das mit den HTML-Grundkenntnissen?

[flo]

Zitat

oder für die Profis Adobe GoLive CS2 (teuer wink.gif ) machen.

Profis machen das mit nem stinknormalen Editor

[intoxication]

bei meinem dsl vertrag von strato war golive dabei;)

[phillymarx]

Zitat (Flo: 06.11.2005, 19:18)

Profis machen das mit nem stinknormalen Editor

Kommt auch das beste bei rum!

[Ceron]

Ich arbeite meistens mit Dreamweaver. Habe jetz ein Problem, ich kriege es nicht hin, den Banner am ganz oberen Rand der Seite zu platzieren. Der is immer nen Stück weiter unten, auch die Navi-Abschnitte, die sind dann immer nen Stück unter dem Banner und nicht ganz dran. Wie mach ich das, dass die genau dranliegen, ohne einen Abstand=?