Navigieren meiner Homepage-vorlage?

[Celi]

Hi,
Ich habe folgendes Problem:
Ich habe mich vor kurzem mit html beschäftigt und gelernt.
Nun habe ich mich dazu entschlossen eine eigene Homepage zu machen, habe diese mit adobe photoshop designed und schon mit dem Slice werkzeug in Frames unterteilt, doch ich habe keine ahmnung, wie ich die Navigation verlinken und den Text mit html in mein design bringen soll,
wäre nett, wenn mir jemand helfen könnte ich zeige euch mal einen Screenshot



Wie muss ich weiter vorgehen?
Vielen Dank für Hilfe!!

 

[baerenclan]

AW: Navigieren meiner Homepage-vorlage?

das hier durchlesen, wie vorher schon empfohlen,

Cascading Style Sheets { Tutorials und Artikel : Index }

 

[esupanetz]

AW: Navigieren meiner Homepage-vorlage?

Hi Celi,

wenn du schon html gelernt hast dürfte das alles doch kein Problem sein - sorry, der Kommentar ist nicht nett, aber ich kann ihn mir nicht verkneifen.

Warum machst du deine HP mit Photoshop?

Welches Programm hast du für die Umsetzung in Richtung html zur Verfügung?

Davon hängts nämlich (auch) ab, wie du weiter vorgehen kannst / sollst

lG

Eva

 

[stb_87]

AW: Navigieren meiner Homepage-vorlage?

Den von Photoshop erzeugten Code kannst du in die Tonne treten.

Lerne vernünftig HTML und CSS, dann sollte das schon klappen.

Hier auf psd-tutorials gibt es ne Menge passende Tutorials dazu:


Und auch immer wieder gern gelesen:
Einführung in XHTML, CSS und Webdesign

 

[liss0925]

AW: Navigieren meiner Homepage-vorlage?

Ja der Photoshop Code ist super doof

Wenn du noch unsicher in HTML bist, dann versuch erstmal mit
Tabels oder Div ein paar einfache Layouts zu basteln, dann hast du
das mit der Positionierung und CSS ganz schnell raus und dann kannst
du dein Photoshoplayout ganz schnell und einfach selber basteln.

 

[sokie]

AW: Navigieren meiner Homepage-vorlage?

die Buttons gar nicht erstals Grafiken anlegen(ausser es muss auf Biegen un Brechen der spezielle Font sein), sondern als normale html liste, und die Hintergrund Grafik eben als Hintergrund für den jeweiligen Bereich.
Photoshop ist kein "Webseitenmachprogramm".

 

[splasch]

AW: Navigieren meiner Homepage-vorlage?

Hi Celi

Wie schon erwähnt kannst den Html code vergessen was photoshop dir erzeugt.
Aber den ersten Schritt hast schon richtig gemacht das Design slicen und benötigen Grafikteile speichern.

Nun geht an schreiben des Html/css code ran.
Dazu solltes dir mal überlegen in welche Grundstruktur dein Layout sich aufbaut.
Header,menü ,content, footer unsw. Bzw welche bereiche sich nacher Dynamisch ändern sollen.

Dazu gibst hier Zahlreichen Beispiele:
Stichpunkt CSS: Layout ohne Tabellen

Sollte dein Grund Layout nicht dabei sein macht das nix es soll ja auch nur eine Hilfe stellung sein wie man die ganze Grundstruktur in html/css aufbaut.

Deines wird warscheinlich sich grob aus folgendender Grundstruktur zusammen setzen:

Header->drunter Menü->drunter content->rechts daneben Menü

Nun liegt es an dir diese Grundstruktur umzusetzen.

Mfg Splasch