ALLES bewerten ;)
- Ersteller elektrowolf
- Erstellt am
screengreen
Neues Mitglied
Hmmm .. also ich weiß nicht.
Sicherlich recht ordentlich gemacht, funktioniert und es sitzt alles gut.
Aber das ist alles so groß. Irgendwie findet man solche Webseiten aber sehr oft hier in dem Forum.
Ich habe immer das Gefühl, das sind Webseiten der ersten "Internetstunden". Heutzutage macht man doch sowas nicht mehr. Da gehört ein Konzept, ein Design und Action rein.
Änderungsvorschläge fallen mir dabei nicht wirklich ein.
Du programmierst und fotografierst ..... Spiel doch mal ein bisschen mit Fotos im Hintergrund. Geringe Alphawerte, so dass was im Hintergrund liegt aber nicht aufdringt.
Gib dem mal etwas Pepp;-)
Greetz
Sicherlich recht ordentlich gemacht, funktioniert und es sitzt alles gut.
Aber das ist alles so groß. Irgendwie findet man solche Webseiten aber sehr oft hier in dem Forum.
Ich habe immer das Gefühl, das sind Webseiten der ersten "Internetstunden". Heutzutage macht man doch sowas nicht mehr. Da gehört ein Konzept, ein Design und Action rein.
Änderungsvorschläge fallen mir dabei nicht wirklich ein.
Du programmierst und fotografierst ..... Spiel doch mal ein bisschen mit Fotos im Hintergrund. Geringe Alphawerte, so dass was im Hintergrund liegt aber nicht aufdringt.
Gib dem mal etwas Pepp;-)
Greetz
elektrowolf
Neues Mitglied
Ehrlich gesagt, wenn ich an Fotos im Hintergrund denke, dann denke ich an die "Webseiten der ersten Internetstunden"... Du hast aber wohl recht, dass noch etwas Pepp fehlt..screengreen
Neues Mitglied
:-) ...
Das denke ich mir ;-) ... ich meine auch keine feststehenden Bilder. Könntest ne Show in den Hintergrund legen und evtl. nen Raster drüber oder noch besser mit Videos arbeiten. In den jeweiligen Rubriken dann abschwächen etc ...Für ein "Fotografen" Portfolio sicher nicht schlecht.
Das denke ich mir ;-) ... ich meine auch keine feststehenden Bilder. Könntest ne Show in den Hintergrund legen und evtl. nen Raster drüber oder noch besser mit Videos arbeiten. In den jeweiligen Rubriken dann abschwächen etc ...Für ein "Fotografen" Portfolio sicher nicht schlecht.
P
Prasedonym
Guest
vergiss das Favcion nicht erstell eins unter Favinator, der Favicon Generator
werde später noch eine genauere Bewertung abgeben!
werde später noch eine genauere Bewertung abgeben!
elektrowolf
Neues Mitglied
Favicon wird gemacht... Die Schrift finde ich gut leserlich so, kleiner fände ich nicht gut; vor allem da ich ja nicht so viel Textinhalt habe.
Loon3y
Neues Mitglied
Na das ist aber noch bearbeitungsdürftig elektrowolf :-)
DIe Überschriften-Reihenfolge ist nicht korrekt...du zeichnest deinen Header nicht mit <h1> aus und das erste was ich sehe ist ein <h3>..
desweiteren sind so dinge wie
nicht optimal gelöst...etwas <div>-suppig.
Ansonsten gefällt mir das Design und es ist alles gut leserlich...solange man nicht die Schrift vergrößert und alles aus den Boxen wandert.. :-)
Da musst du noch ein bisschen Arbeit reinstecken, aber schoneinmal ein gutes Grundgerüst.
Gruß
Loon3y
DIe Überschriften-Reihenfolge ist nicht korrekt...du zeichnest deinen Header nicht mit <h1> aus und das erste was ich sehe ist ein <h3>..
desweiteren sind so dinge wie
Code:
<div class="date">
<div class="day">23</div>
<div class="month">Nov</div>
</div>nicht optimal gelöst...etwas <div>-suppig.
Code:
<div class="details">
<h5><a href="http://ewolf.bplaced.de/work/projects/talschule-weingarten">Talschule Weingarten</a></h5>
<div>2. December 2009</div>
<div>Typ: HTML/CSS</div>
<div><a class="more" href="http://ewolf.bplaced.de/work/projects/talschule-weingarten">Mehr...</a></div>
</div>Ansonsten gefällt mir das Design und es ist alles gut leserlich...solange man nicht die Schrift vergrößert und alles aus den Boxen wandert.. :-)
Da musst du noch ein bisschen Arbeit reinstecken, aber schoneinmal ein gutes Grundgerüst.
Gruß
Loon3y
elektrowolf
Neues Mitglied
h2 gibt es.. und h1 wäre das Logo links oben, was aber als Bild eingesetzt wird.
Wie würdest du diese beiden Fälle denn lösen?
Also das Design gefällt dir, die Kritik bezieht sich ausschließlich auf den Code?
E
Efchen
Guest
Und dass ein Bild keine Überschrift sein kann, sagt wer?
Durch passende Semantik.
<div> bedeutet: "Gruppiere mehrere Elemente zu einem logischen Block.
"2. December 2009" hört sich an, wie eine Überschrift. Warum das also nicht auch als solche auszeichnen?
elektrowolf
Neues Mitglied
Oh ja stimmt^^
"2. December 2009" kommt von der Startseite, Bereich letzte Werke. Es ist keine Überschrift..
OK, h1 ist eingefügt - gibts noch irgendeine Möglichkeit, den Textinhalt anzuzeigen, wenn das Hintergrundbild nicht geladen werden kann?
Zuletzt bearbeitet:
E
Efchen
Guest
Aber eine Gruppe ist es auch nicht, ist also mit <div> falsch ausgezeichnet. Inhalt in Form von Text wird eigentlich gar nicht in <div> gepackt, da gibts immer ein besseres Tag, im Zweifelsfalle <p>. Genauso das "Typ: HTML/CSS" da drunter. Und auch der Link "mehr" (hab ich nicht mal gelesen, dass man niemals Links mit Linktext "hier" oder "mehr" machen soll?), was soll der in einem <div>? Da wird nichts gruppiert.
elektrowolf
Neues Mitglied
Aber ein Absatz ist es ja auch nicht. Und weshalb sollte "im Zweifelsfall p" besser sein als "im Zweifelsfall div"? div finde ich da noch sinnvoller, da es einfach einen Abschnitt kennzeichnet, und diesem keine semantische Bedeutung zuweist.
Stimmt da war das echt überflüssig.. Wieso sollte man "hier" oder "mehr" nicht als Linktext verwenden? Ich habe das auch mal gehört, mir fällt aber gerade kein Grund dagegen ein..
xXxPeterPanxXx
Neues Mitglied
Efchen hat schon Recht.
Entweder <h1> bis <h6> oder ein p, aber mit einem <div> hat das gar nichts zu tun.
MfG xXxPeterPanxXx
Entweder <h1> bis <h6> oder ein p, aber mit einem <div> hat das gar nichts zu tun.
MfG xXxPeterPanxXx
E
Efchen
Guest
Ein <div> ist das "allgemeine Block-Element ohne Bedeutung", bzw. die einzge semantische Bedeutung, die das Tag hat ist "gruppieren". Und das trifft hier nicht zu. Also ist <div> falsch.
Und quasi jeder Satz oder jeder Textinhalt ist IMHO auch ein Textabsatz bzw. mit <p> als "Text" richtig ausgezeichnet.
Und quasi jeder Satz oder jeder Textinhalt ist IMHO auch ein Textabsatz bzw. mit <p> als "Text" richtig ausgezeichnet.
elektrowolf
Neues Mitglied
Okay, dann bin ich halt anderer Meinung 
Ich habe jetzt die Stylesheets und Javascripte in die HTML-Seite eingefügt (das passiert natürlich dynamisch über WordPress, aber es kommt so beim Client an). Dadurch konnte ich die nötigen Requests für ein volles Laden der Startseite von 42 auf 23 reduzieren, ich hoffe, das lädt jetzt etwas schneller. Was haltet ihr von der Idee?
Ich habe jetzt die Stylesheets und Javascripte in die HTML-Seite eingefügt (das passiert natürlich dynamisch über WordPress, aber es kommt so beim Client an). Dadurch konnte ich die nötigen Requests für ein volles Laden der Startseite von 42 auf 23 reduzieren, ich hoffe, das lädt jetzt etwas schneller. Was haltet ihr von der Idee?
Loon3y
Neues Mitglied
Vorab einmal, es ist immer Ratsam JavaScript und CSS auszulagern. CSS-Dateien, welche extern eingebunden werden, werden für gewöhnlich im Cache gehalten und somit wird die Seite schneller geladen.
zu der Auszeichnung deiner Karten auf der Startseite...da gibt es viele Möglichkeiten das "korrekt" auszuzeichnen. Zumindest sollte mand em ganzen eine wenigsten sinnvolle Auszeichnung gönnen:
Sogar in HTML 5 denkbar wäre vllt:
oder:
Beim letzten bin ich mir nicht sicher ob ich das <a> um <header> legen kann...die ändern ja ständig was am HTML 5. Ist eben noch nicht fertig...was sicher geht ist, dass man das <a> um mehrere Elemente legen kann....müsst aber jetzt nachschauen wies genau im W3C steht..
Wie du siehst gibt es einige Wege. Und man benötigt nichteinmal einen "spam" von klassen...es lässt sich im Prinzip "alles so" per CSS stylen.
Gruß
Loon3y
Edit:
(X)HTML genauso wie CSS programmiert man nicht. (X)HTML ist eine Auszeichnungssprache und CSS eine "Style"sprache.
zu der Auszeichnung deiner Karten auf der Startseite...da gibt es viele Möglichkeiten das "korrekt" auszuzeichnen. Zumindest sollte mand em ganzen eine wenigsten sinnvolle Auszeichnung gönnen:
HTML:
<div class="article">
<a href="http://">
<img alt="Lars Schütt - Portfolio Vorschau" src="img.jpg"/>
</a>
<h3><a href="http://o">Lars Schütt - Portfolio</a></h3>
<h4>24. November 2009</h4>
<p>Typ: HTML/CSS, Wordpress</p>
<p><a href="http://">Mehr...</a></p>
</div>
HTML:
<div class="article">
<a href="http://">
<img alt="Lars Schütt - Portfolio Vorschau" src="img.jpg"/>
</a>
<h3><a href="http://o">Lars Schütt - Portfolio</a><br/>
<span>24. November 2009</span></h3>
<p>Typ: HTML/CSS, Wordpress</p>
<p><a href="http://">Mehr...</a></p>
</div>
HTML:
<div class="article">
<a href="http://">
<img alt="Lars Schütt - Portfolio Vorschau" src="img.jpg"/>
</a>
<h3><a href="http://o">Lars Schütt - Portfolio</a></h3>
<ol>
<li>24. November 2009</li>
</li>Typ: HTML/CSS, Wordpress</li>
</ol>
<p><a href="http://">Mehr...</a></p>
<!-- das <p> könnte vllt auch als <li> mit genommen werden... -->
</div>
HTML:
<div class="article">
<a href="http://">
<img alt="Lars Schütt - Portfolio Vorschau" src="img.jpg"/>
</a>
<dl>
<dt><a href="http://o">Lars Schütt - Portfolio</a></dt>
<dd>24. November 2009</dd>
</dd>Typ: HTML/CSS, Wordpress</dd>
</dl>
<p><a href="http://">Mehr...</a></p>
<!-- ebenso wie eins drüber...das "mehr" [I]könnte[/I] auch in die <dl> genommen werden... -->
</div>Sogar in HTML 5 denkbar wäre vllt:
HTML:
<article>
<a href="http://">
<img alt="Lars Schütt - Portfolio Vorschau" src="img.jpg"/>
</a>
<header>
<h3><a href="http://o">Lars Schütt - Portfolio</a></h3>
</header>
<ul>
<li><time datetime="2009-11-24">24. November 2009</time></li>
<li>Typ: HTML/CSS, Wordpress</li>
</ul>
<footer>
<p><a href="http://">Mehr...</a></p>
</footer>
</article>oder:
HTML:
<article>
[B]<a href="http://">[/B]
<img alt="Lars Schütt - Portfolio Vorschau" src="img.jpg"/>
<header>
<h3>Lars Schütt - Portfolio</h3>
</header>
<ul>
<li><time datetime="2009-11-24">24. November 2009</time></li>
<li>Typ: HTML/CSS, Wordpress</li>
</ul>
[B]</a>[/B]
</article>Beim letzten bin ich mir nicht sicher ob ich das <a> um <header> legen kann...die ändern ja ständig was am HTML 5. Ist eben noch nicht fertig...was sicher geht ist, dass man das <a> um mehrere Elemente legen kann....müsst aber jetzt nachschauen wies genau im W3C steht..
Wie du siehst gibt es einige Wege. Und man benötigt nichteinmal einen "spam" von klassen...es lässt sich im Prinzip "alles so" per CSS stylen.
Gruß
Loon3y
Edit:
(X)HTML genauso wie CSS programmiert man nicht. (X)HTML ist eine Auszeichnungssprache und CSS eine "Style"sprache.
Zuletzt bearbeitet:
elektrowolf
Neues Mitglied
Meine Seite ist ja nicht Google, d.h. es kommen vor allem neue Besucher auf die Seite, die Leute klicken nicht immer wieder drauf. Sowieso ist bplaced natürlich nicht der schnellste Hoster. Wenn man sich das in Firebug anschaut, wird die längste Zeit mit dem "Warten auf Antwort" verbracht. Ein HTTP-Request löst da schon ein ganz schönes Prozedere aus, Request abschicken, Warten, Warten, ... Das verschicken der eigentlichen Daten geht recht schnell von statten.
Die paar Kilobyte, die also durch Caching gespart werden können, machen kaum einen Zeitunterschied aus. Und sowieso wird das Caching nicht so oft genutzt.
Ich lasse mich immer noch nicht dazu überzeugen, das Datum als Überschrift und die anderen Details als Absatz anzusehen. Das Datum und der Typ sind gleichgestellte Metadaten. Die HTML5-Sachen sehen schon interessanter aus, aber kann man das jetzt schon verwenden, wo HTML5 noch nicht fertig ist?
Ja, ich weiß -.- Man schreibt das aber leicht mal so.. wird korrigiert.
Loon3y
Neues Mitglied
Es geht nicht um die Kilobyte. Man macht das einfach nichtmehr heutzutage. Dafür gibt es die Möglichkeiten das ganze auszulagern und dann sollte man das tun. Jeder kleine Performancegewinn für die Seite ist von Vorteil. Man fährt ja heutzutage auch nichtmehr mit Trabbi's rum, sondern mit Spritsparenden und sicheren Autos.
Meta-Daten gehören in den Headbereich, nicht in den Bodybereich. Letzenendes solltest du sie auszeichnen. Ein <div> gibt ihnen keine Bedeutung. Das wäre wie morden ohne bestraft zu werden.
Ja kann man. Die gängisten neuen Browser unterstützen das schon (außer <IE7). Dafür kann man sich aber via JS behelfen. (document.CreateElement) Allerdings geht das nun auch nichtmehr, wenn JS abgestellt ist. Also, wie gesagt, es ist noch nicht fertig und auch keine Standard. Und solang es <IE7 gibt, wird es auch nicht im Alltag sinnvoll anwendbar sein.
Mehr dazu liefert google.
Gruß
Loon3y
elektrowolf
Neues Mitglied
Also du stimmst mir zu?
Metadaten sind Daten über Daten. In diesem Fall über das Projekt oder Foto. Sie beziehen sich hier *nicht* auf das ganze Dokument. Und außerdem möchte ich diese Metadaten dem Besucher anzeigen.
Allgemein: Ich habe jetzt die Box in ein einziges div umgewandelt, Schatten und abgerundete Ecken entstehen mit CSS3. In alten Browsern siehts halt noch eckig aus, aber der Code ist viel aufgeräumter jetzt. Außerdem habe ich ein Favicon hinzugefügt.