Gut dann hier mein Guide wie ich ca. gelernt habe:
1. Du erstellst deine index.html datei und fügst das HTML Grungerüst ein
2. Du bindest deinen Stylesheet ein: <head><link rel="stylesheet" type="text/css" href="style.css"></head>
3. Im Body fügst du nun deine Div ein ( habe es mir damals so vorgestellt, eine Div ist sozusagen eine Ebene in Photoshop )
sprich, <body><div class="Navigation-Links"></div>
4. So nun hast du deine Photoshop Ebene in deinem HTML Dokument sozusagen eingebunden, dies kannst du im Stylesheet ansprechen, also so ".Navigation-Links"
5. Jetzt kannst du dort halt dein CSS Code einbinden, oder ein Hintergrund Image.
Mein Grundgerüst dabei sieht z.B. so aus:
.Navigation-Links {
background-color: #ccc; // Die Hintergrundfarbe
border-radius: 3px; // Runde ecken
width: 200px; // Breite unserer Navigation setzen
height: 200px; // Höhe davon setzen
position: relative; // Um es Positionieren zu können
left: 20px; // Verschiebt es z.B. nach Links gibt aber auch noch Right, Top, Bottom
}
Bin auch nicht der Pro, aber nach einer Weile kannst du mit den Basics, deine Werke ganz gut umsetzen. Ich empfehle dir noch Firefox, der Quellcode Editor ist super, damit kannst du das Element untersuchen und sozusagen es Live bearbeiten.