Website-Layout in Photoshop erstellen + in Dreamweaver einbinden

[kleinLuna]

AW: Website-Layout in Photoshop erstellen + in Dreamweaver einbinden

Sooo... ich hab mich mal an was ran gewagt... bitte bitte nicht steinigen... ist sicherlich immer noch weit entfernt von perfekt! Aber natürlich bin ich gespannt eure Meinung zu hören, vor allem unter dem Aspekt meiner bisherigen HP's.





Freue mich auf euer Feedback und Verbesserungsvorschläge.

Danke euch schon mal im Voraus!

 

[d4y]

AW: Website-Layout in Photoshop erstellen + in Dreamweaver einbinden

Ist doch fuer den Anfang nicht schlecht, weiter so

 

[cythux]

AW: Website-Layout in Photoshop erstellen + in Dreamweaver einbinden

Die Domain ist ja der Hammer (bezogen auf belgier), sieht schon recht gelungen aus

 

[kleinLuna]

AW: Website-Layout in Photoshop erstellen + in Dreamweaver einbinden

Danke euch! Freut mich natürlich, dass es euch gefällt! wie sieht's denn vom Code und der CSS-Datei her aus? In Ordnung oder "große Böcke" drin?

@cythux: Danke, leider ist die Domain agility-belgier.de schon lange nicht mehr von mir gepflegt worden. Das Layout fand ich irgendwann nur noch schrecklich x-D.

 

[cythux]

AW: Website-Layout in Photoshop erstellen + in Dreamweaver einbinden

war bezogen darauf da ich auch aus Belgien komme, deswegen fand ich auch Deine Domain super

 

[kleinLuna]

AW: Website-Layout in Photoshop erstellen + in Dreamweaver einbinden

war bezogen darauf da ich auch aus Belgien komme, deswegen fand ich auch Deine Domain super

Hihi... Da haste natürlich recht, lustig. Bei mir dreht sich ja auch eher alles um die vierbeinigen Belgier ;-).

 

[vampir2]

AW: Website-Layout in Photoshop erstellen + in Dreamweaver einbinden

Sooo... ich hab mich mal an was ran gewagt... bitte bitte nicht steinigen... ist sicherlich immer noch weit entfernt von perfekt! Aber natürlich bin ich gespannt eure Meinung zu hören, vor allem unter dem Aspekt meiner bisherigen HP's.





Freue mich auf euer Feedback und Verbesserungsvorschläge.

Danke euch schon mal im Voraus!

Wow, sieht gar nicht so schlecht aus ...nur weiter so

P.S. bist du das auf dem Profilbild ? Wünshe mir so eine Mitarbeiterin :lol:

 

[kleinLuna]

AW: Website-Layout in Photoshop erstellen + in Dreamweaver einbinden

Wow, sieht gar nicht so schlecht aus ...nur weiter so

P.S. bist du das auf dem Profilbild ? Wünshe mir so eine Mitarbeiterin :lol:

Danke! Muss endlich mal weiter basteln!

Haha... ja, das bin ich auf dem Foto!

 

[cythux]

AW: Website-Layout in Photoshop erstellen + in Dreamweaver einbinden

Müsste auch noch mal an meiner Seite Basteln

 

[rodemund]

AW: Website-Layout in Photoshop erstellen + in Dreamweaver einbinden

Müsste auch noch mal an meiner Seite Basteln

Müssen wir das nicht alle - irgendwie?

BTW: Bist du das auf dem Profilpic? So einen Mitarbeiter wünsch ich mir noch!

 

[kleinLuna]

AW: Website-Layout in Photoshop erstellen + in Dreamweaver einbinden

Hab mich gerade weiter dran gegeben und hänge gerade allerdings was fest... vielleicht kann mir einer von euch einen Tipp geben.

Ich möchte mein Menü (welches ja als Hintergrundbild in dem entsprechenden Div liegt) verlinken. Wie bekomme ich das am besten sauber umgesetzt?

Würde mich sehr über Ideen freuen!

 

[cythux]

AW: Website-Layout in Photoshop erstellen + in Dreamweaver einbinden

Die beste Methode wäre es mittels CSS

 

[kleinLuna]

AW: Website-Layout in Photoshop erstellen + in Dreamweaver einbinden

ja, das habe ich mir schon gedacht bzw. möchte ich auch... aber ich weiß nicht wie... und google hat mir bisher nix brauchbares ausgespuckt... :'(

EDIT: Oder (bzw. sehr wahrscheinlich) bin ich einfach nur zu dumm die richtigen Suchbegriffe dazu einzugeben...

 

[kleinLuna]

AW: Website-Layout in Photoshop erstellen + in Dreamweaver einbinden

Früher habe ich mit Hotspots gearbeitet um das mit Photoshop erstellte und geslicete Menü zu verlinken. Nun möchte ich ja gerne alles sauber über CSS machen... suche mich aber seit Stunden schon dumm und dusselig und wäre wirklich sehr sehr dankbar für Hinweise!!

Danke euch!!!

 

[lipsum]

AW: Website-Layout in Photoshop erstellen + in Dreamweaver einbinden

Ähm, das "News" "Über mich" etc- Menü?

<div id="menue">
<ul>
<li><a href="#"><img class="menubild" width="xxx" height="yyy" src="pfad-zum-bild.png"></a></li>
...
...
...
</ul>
</div>

Im CSS dann id="menu" als Hintergrund nur den schwarzen Farbverlauf geben. Die Menüpunkte als PNG mit transparentem Hintergrund anlegen. Die Menüpunkte z.B. so formatieren:

#menu ul {
margin: auto;
padding: 0px 0px 0px 25px;
border: none; }
/* zentriert das Menü, links innen 25px abstand zum ersten Listenelemnt */

#menu li {
list-style-type: none;
float: left;
margin: 0px;
padding: 0px;
}
/* Listenelemente floaten links, keine Listenpunkte, keine abstände */

#menu a {
display: block;
border: none;
...
...
...
}
/* Linkeigenschaften im Listenelement */

img .menubild {
border: none;
}
/* wichtig für bilder im <a>-tag, damit kein Rand um das verlinkte Bild ist */

So auf die schnelle, ungetestet.

 

[kleinLuna]

AW: Website-Layout in Photoshop erstellen + in Dreamweaver einbinden

Super, vielen dank für deine Mühe!!! Werde ich versuchen und gebe dann ein Feedback, ob heute Abend noch kann ich allerdings nicht versprechen! Bin schon ziemlich müde, aber auf jeden Fall DANKE!!!

 

[kleinLuna]

AW: Website-Layout in Photoshop erstellen + in Dreamweaver einbinden

Hallo lipsum,

gerade mal ausprobiert... sieht gut aus! Bin zwar noch nicht fertig (noch keine Links), aber es sitzt schon mal alles am rechten Platz. Lediglich bei "#menue ul musste ich "margin: auto;" rausnehmen, da dadurch die Aufzählung / Menüpunkte zu tief saßen und den darunter liegenden DIV verdrängt haben.

Sobald ich die ersten Links drin habe, werde ich es noch mal hochladen und würde mich sehr freuen, wenn du mal drüber schaust!

Übrigens, wäre es nicht aus prinzipiell möglich die Menüdarstellung als Liste direkt ins CSS zu packen?! So müsste man nicht jede Seite anfassen, wenn man mal einen Menüpunkt ergänzen will, oder?! Sorry, falls die Frage doof sein sollte... wie gesagt, bin gerade erst so langsam dabei das Ganze ein bisschen besser zu verstehen.

Dankeschön auf jeden Fall für die tolle Unterstützung!

EDIT: Hab die ersten vier Links mal eingebaut! ;-)

 

[lipsum]

AW: Website-Layout in Photoshop erstellen + in Dreamweaver einbinden

Na also, klappt doch.
Beim #menue ul hätte es auch besser "margin: 0 auto 0 auto;" heißen müssen (das auto zentriert dann rechts und links, die 0 ist der Abstand nach oben und unten), das war mir entgangen.

Das Menü kannst Du leider nicht per CSS einbinden, das ist dazu nicht gedacht. Prinzipiell geht sowas bei statischen Seiten über "SSI", das ist aber nicht so der Brüller. Wenn auf dem Webserver PHP läuft, kann man das Menü auch darüber includieren. Das sind ein paar Zeilen code und man muss auch nicht zaubern können. Wäre zu überlegen, wenn es wirklich mal mehr Unterseiten werden sollten.

Noch ein paar allgemeine Anmerkungen:
Du verwendest bei den Verweisen im Menü oder auf Bilder etc. immer relative Pfade (hunde.html) - da kriegst Du spätestens bei Unterseiten in Unterordnern Probleme beim kopieren von Quelltext, z.B. fürs Menü. Immer absolute Pfadangaben nutzen (/hunde.html oder /hunde/pudel.html) - damit sind alle Dateien von jeder Seitenebene aus erreichbar.

Gewöhn Dir konsequente Schreibweisen an - nicht Groß- und Kleinschreibung gemischt. Am besten alles konsequent klein. Auf Linuxsystemen gibt das sonst schnell mal Probleme, wenn Dateien mal groß, mal klein geschrieben werden.

Soweit mal fürs erste.

 

[kleinLuna]

AW: Website-Layout in Photoshop erstellen + in Dreamweaver einbinden

Cool, danke dir für das ausführliche Feedback!!! Freut mich sehr!

Werde deine Tipps dankend berücksichtigen!