Lerneifrige braucht hilfe!

[Kitty]

Hallo ihr Profis:-)

Ich arbeite zurzeit an einem kleinem Projekt!
Die Seite habe ich schon fertigt designt und müsste nur noch gecodet werden.
Eigentlich bringt mir das ja auch riesig spaß mich selbst in der Welt des Webdesignen zurecht zu finden...aber... ich irgendwie finde ich keinen Anfang!
Seit Tagen versuch ich schon wie ich ich nun mit meinem Design weiter arbeiten soll, aber irgendwie krieg ichs nicht hin.

Gäbe es vllt jemanden der sich bereit erklären könnte mir nen kleinen Anschwung zu geben???
Vielleicht gäbe es ja eine vertrauenswürdige person der ich mal mein design als .psd datei rüberschicke damit er sich das mal anschauen kann?

Könnte auch einen msn kontakt anbieten:-)

Würde mich riesig über antworten freuen!

Lieben Gruß Kitty

 

[koslowski]

Hi,

ich denk mal du wirst das schon hier einstellen müssen um Antworten zu erhalten.

Es wäre auch nicht schlecht, wenn du mal genau erklären könntest, wo es hakt.

Diffuse Problemstellungen ziehen entweder gar keine oder bestenfalls ebenso diffuse Antworten nach sich.

koslowski

 

[Efchen]

Hallo,

als ersten Schritt solltest Du Deine Inhalte nehmen und auf die einzelnen Seiten niederschreiben.
Dann zeichnest Du Deinen Inhalt mit HTML aus, gibst ihm so Bedeutung. Stichwort: Semantik.
Dann nimmst Du CSS dazu und machst das Layout und das Design.

So funktionierts. :-)

Gruß,
-Efchen

 

[Körnerbrötchen]

Stell dein Design hier einfach mal als schlechtes JPEG ein. Ich denke kaum, dass dir hier irgendwer dein Design klauen will. Sobald deine Website fertig ist, kannst du das Design ja wieder runternehmen.

 

[Efchen]

Wenn die Website online ist, kann man das Design auch klauen, egal ob das jemand jetzt oder später macht. Es ist Dein Design und unterliegt ab einer bestimmten (na, wie heißt das Wort doch gleich?) Schaffensgrenze auch dem Urheberrecht. Wenns einer klaut, ist es also Diebstahl.

 

[csstester]

vergebene Liebesmüh, hab ihr geschrieben, aber null reaktion

 

[Maxi]

Schade, ass die lernwillige sich nicht meldet ;-)

Gegen den Klau im Netz kann man leider nichts tun...

 

[Kitty]

Hey danke für die netten Antworten!
Konnte leider nicht früher zurückschreiben, da ich arbeiten war:-) Und ausserdem ist ja noch EM!
Also wegen des klauens hab ich keine bedenken. 1. Ist das Design nicht sooooo toll und 2. wer will schon was über "unser" Haus in Polen schreiben?;)

Eigentlich soll die Seite so einfach wie möglich ablaufen...
Aber erstma das Design:

Eigentlich ganz schlicht oder?
Aufjedenfall so das so verlaufen:
4 Buttons die auf jewals die nächste Themaentsprechende Seite verlinken.
Auf diesen Seiten soll nichts bis auf Text und paar Bilder sein.
Verständlich oder?

Gesliced habe ich schonma, obwohl ich nicht genau weiß ob ich das überhaupt richtig gemacht habe.
Nun kommt das coden ran...und das ist mein Problem. ich finde einfach keinen anfang!


Danke für all die, die sich für mich zeit nehmen würden!

 

[Efchen]

Von HTML-Seite her ganz einfach. Eine Überschrift <h1> als Bild, wenn Du auf diesem Font besteht, aber natürlich mit alt-Attribut, dass da auch ohne Image was steht, möglicherweise noch eine Überschrift <h2> oder ein <p>, kann kein polnisch :-) und eine Liste mit Links. Das ganze dann in ein <div> gepackt, um dem ganzen einen Rahmen zu geben und die Hintergrundgrafik außen rum zu setzen.

Im Stylesheet dann die Links der Liste als Buttons designen, ein Hintergurndbild mit dem Haus und fertig ist das Ganze.

Sieht aber sehr düster aus, spukt es in dem Haus? Wohnt da ein Vampir? Abenteuerurlaub mit Gespenstern? :-)

Gruß,
-Efchen

 

[neuroleptika]

Ich würde es vielleicht ähnlich wie Efchen machen.
auf <img> würde ich in Schmuckbildern aber verzichten.
Das html kann man wirklich simpel halten:

<div id="alles"><!--Für die Breite und die Hausgrafik-->
<h1>Unser Haus in Polen<span></span></h1><!--mit span den h1-Text übermalen-->
<div id="bloecke"><!--Die "Spalten" zusammenfassen-->
<ul id="navigation"><!--Könnte die linke, untere Ecke enthalten-->
<li><a href="#"><span>Über uns</span></a></li>
<li><a href="#"><span>Unser haus</span></a></li>
<li><a href="#"><span>Masuren</span></a></li>
<li><a href="#"><span>Malszewo</span></a></li>
</ul>
<div id="inhalte">
<h2>Polnische Überschrift<span></span></h2><!--Technik wie in h1-->
<p>Ein Haus in Polen.</p>
</div>
<hr class="clearer" /><!--Wird für IE bis Vers 7 nicht benötigt (google: autoclear IE)-->
</div>
</div>

Die Grafik gefällt mir für eine private Seite.
Ich habe sie teilweise "geslict" oder wie die jüngeren das hier nennen. Das Ergebnis sieht wegen der kleinen Vorlage natürlich winzig aus.
Das css ist wegen der Hacks für IE 6-7 nicht valide.
Haus in Polen

Mit den Originalbild lässt sich da bestimmt eine gute Website draus machen.

Irgendwas erinnert an "psycho" (Film-Klassiker 1960).

 

[Efchen]

auf <img> würde ich in Schmuckbildern aber verzichten.

Ich auch, aber eine Überschrift, auch wenn sie in einem besonderen Font geschrieben ist, ist IMHO Content und muss daher ins <img>-Tag. Dafür ist dann ja das alt-Attribut, das dann ausgegeben wird, wenn die Grafik nicht geladen werden kann.
Ich möchte behaupten, meine Lösung hat den Vorteil, dass sie auch bei nicht-CSS-fähigen Clients die Überschrift in dem Font darstellt, der gewünscht ist. Deine Lösung gibt bei nicht-CSS-fähigen Clients einen Text in Standardschrift aus.

Irgendwas erinnert an "psycho" (Film-Klassiker 1960).

Genau :-)

Gruß,
-Efchen

 

[neuroleptika]

Hi Efchen,

Ich auch, aber eine Überschrift, auch wenn sie in einem besonderen Font geschrieben ist, ist IMHO Content und muss daher ins <img>-Tag. .....

Das sehen viele so und klingt logisch. Ich finde es für die Gestaltung aber universeller auch hierfür css zu verwenden (horizontale Skalierbarkeit). Eine font-family lässt sich ja trotzdem angeben. Ohne würde die des Elternelementes angezeigt werden.


Ansonsten ist es nur ein Beispiel und für den praktischen Einsatz so nicht zu übernehmen. Z.B. habe ich die Linke, untere Ecke einfach der <ul> (Navigation) zugewiesen.
Damit sie auch bei mehr Inhalt immer schön unten bleibt, bräuchte man ein weiteres Element.
Auch die rechte, untere Ecke ist gepfuscht (im Bild vom Haus enthalten).
Wenn auf einer Unterseite ein anderes Bild erscheinen soll fehlt die Ecke.

 

[Kitty]

Hey ihr seid wirklich klasse!
Ich bedank mich für alle antworten und pns:-)
Mal schauen was sich dann so weiter ergibt!

Lg
Kitty