Design coden!

WST · 30.01.2009, 21:42

Hi,
ich habe hier ein Design vorliegen als .jpg vormat (als Bild). Nun möchte ich dieses Design für meine Homepage verwenden, und dazu muss ich dieses coden (hat man mir zumindest gesagt). Wie geht das? Kann mir da jemand helfen?

mfg

**xandros** · 30.01.2009, 21:58

Das geht mit einem Texteditor und HTML. (Aber von coden ist da keine Rede, weil HTML keine Programmiersprache ist.)
http://de.selfhtml.org kann dir bei der Auszeichnungssprache weiterhelfen.
Alternativ kannst du auch sog. WYSIWYG-Editoren verwenden, bei denen du deine Seite "zusammenklicken" kannst. Allerdings wage ich zu bezweifeln, dass die Seite dann sehr nah an dein Bild herankommt. (Zumindest nicht bei den ersten Versuchen!)

WST · 30.01.2009, 22:03

Hat jemand auf SelfHTML einen direkten Link? Dort habe ich nichts über sowas gefunden...

mfg

Blaxxun · 31.01.2009, 00:32

Die ganze Seite ist was du suchst

Stichwörter: HTML und CSS

WST · 31.01.2009, 07:39

Hi,
ich habe gerade erfahren, dass man das ganze mit "div" machen muss und dann den "div"s einen Hintergrund zuweisen muss... Hat jemand genau eine Anleitung für "div"? Auf SelfHTML habe ich noch nichts gefunden ;(

mfg

**helidoc** · 31.01.2009, 08:05

Zitat:

Zitat von 'WST',index.php?page=Thread&postID=709028#post7090 28

Hat jemand genau eine Anleitung für "div"? Auf SelfHTML habe ich noch nichts gefunden

...dann hast du nur nicht richtig gesucht. Die Suchfunktion auf der Seite hast du entdeckt?

WST · 31.01.2009, 08:27

Yep, die Suchfunktion habe ich entdeckt und verwendet... Nur ich weiß nicht, welches Suchergebnis nehmen... da sind so viele Ergebnisse und die Meisten sind nur mit HTML gemacht und nicht mit CSS! Also welches muss ich da nehmen?

mfg

PC-Gerry · 31.01.2009, 12:55

Rein theoretisch ist die Klasse überflüssig fällt mir grade auf. Du bräuchtest dein Bild nur in ein <div> </div> reinmachen. Dann kannstes ja mit CSS positionieren.
Korrigiert mich, ich lerne noch HTL und CSS.

Etwa so:

Code:

<div> style="position:absolute; top:(Abstand den du willst nach oben z.B in px); left:(Abstand den du willst nach Links z.B in px); width:(Breite deines Bildes)">[img]Pfad/Bild.jpg[/img] </div>

WST · 31.01.2009, 15:29

Gibt es eine Referenz, wo man eine ganzes Beispiel bekommt? Mit Anleitung? Weil ich kapiere die ganze Tabelle mit CSS noch nicht...

mfg

Blaxxun · 31.01.2009, 15:36

Ich glaube bei deinem Wissen solltest du auch bei 0 anfangen. Dazu gehören eben die Grundlagen und stell dir am besten folgende Fragen:
- Was ist HTML ?
- Was kann ich mit HTML machen?
- Was ist CSS ?
- Was sind die Möglichkeiten von CSS und was kann ich damit machen?

http://www.de.html.net/tutorials/html/
http://www.de.html.net/tutorials/css/

Viel Spaß. Vor allem HTML ist nicht sonderlich schwer. Die CSS Grundlagen sind auch relative einfach zu verstehen und anzuwenden. Das wird dann erst bei komplexeren Sachen komplizierter, aber die wirst du wohl zu Anfang nicht benötigen.

Sie betrachten gerade: Design coden!