MyBlog-Web.de

[Mani]

Hallo,

ich habe meine Seite überarbeiten bzw Komplet erneuert und wollte gerne eure Meinung dazu wissen. Sie ist lange noch nicht fertig aber das Grundgerüst steht.

http://myblog-web.de

lg Mani

 

[bad_alloc]

ich finde vorallem die menüleiste oben sehr gelungen. auch die gliederung für die themen ist schmucklos, aber gut zu überblicken.

 

[valenterry]

Mit gefallen die Listen der Themen nicht. Du solltest dort imho eine Tabelle anwenden, sodass alle roten Kreuze (oder später eben die Haken) sauber untereinander stehen und nicht waagerecht versetzt sind. So wirkt das etwas durcheinander und man braucht ein paar Sekunden, um zu realisieren, dass dort eine Tabelle mit Links ist. Außerdem solltest du die Überschrift ein bisschen besser Hervorheben (nicht nur unterstreichen).

Ansonsten sieht es wirklich sehr gut aus. Eine Sache ist mir aber noch aufgefallen: wenn ich mit der Maus auf einen Menüpunkt gehe (z.B. "Software"), dann ändert sich ja das Hintergrundbild, um hervorzuheben, dass ich mich gerade auf diesem Menüpunkt befinde. Beim ersten Wechsel jedoch, flackert das Bild, weil mein Browser es noch nicht gelade. Wenn ich danach wieder auf den Menüpunkt gehe, ist alles okay. Du könntest also versuchen, die Hover-Grafiken mit Javascript vorladen zu lassen.

 

[gelöscht]

Ich finde die Webseite auch ganz gut zu Überblicken, auch mir gefällt die Menüleiste. Wie valenterry schon schrieb, solltest du etwas auf die Anordnung der "X" achten, sowie der Hinweis was X und der Haken bedeuten soll, sollte der Pfeil "-->" etwas besser gemacht werden.

Was mir allerdings sofort aufgefallen ist, ist die Rechtschreibung in Deinem Willkommens text bzw. der Beschreibung des Web - Inhaltes. Dort finden sich so einige Fehler, z.b. wird im Text:

Ich freue mich das sie den Weg zu mir gefunden haben

wird aus sie ein Sie. Zudem ergibt für mich die Zusammenstellung dieser Sätze irgendwie keinen Sinn:

Eines Abends bin ich auf die Idee gekommen dieses Projekt in die Wege zu leiten, um mein Wissen mit anderen zu teilen. Ich probiere hier auf verschiedene Weisen, wie z.B. Video Tutorials mein Wissen anderen zu vermitteln um helfen zu können.

Welches Projekt ? Ich finde da keinen Zusammenhang. Auch der zweite Satz klingt für mich etwas komisch. Mag vielleicht pingelig klingen, aber auf sowas sollte man schon achten, sonst macht es die Webseite etwas unseriös und gleichzeitig inkompetent.

Ansonsten gefällt mir das Design und die Struktur ganz gut.

Grüße

Zephyros

 

[Mani]

erstmal danke schön für die schnellen kommentare,
ja also die inhalte habe ich kurz getextet damit überhaupt schonmal was steht, porbiere das natürlich noch feiner hinzubekommen.

zu den menüpunkten , dies ist mir auch schon negativ aufgefallen das es flackert und mir ist auch schon in sinn gekommen dies mit java zu lösen, leider wollte ich halt alles ohne java machen und mit html css und natürlich php realisieren. da ich java eig persönlich ablehne

ich will ja nicht den client belassten, das wär ja so als wenn ich jemanden sage hier gib mir 50 euro dann darfst du auf meine seite.

joar und zu den tabellen habe ich einen ganzen abend überlegt wie mache ich das am besten, größtest problem war das ich halt für leute mit einer kleinen auflösung bzw kleinen monitor da sich sonst alles verzieht, so bleibt der text bzw buttons richtig stehen. ich muss mal gucken was sich da noch machen lässt.

lg mani

 

[bivg]

Original von Mani
zu den menüpunkten , dies ist mir auch schon negativ aufgefallen das es flackert und mir ist auch schon in sinn gekommen dies mit java zu lösen

Also ich würde deswegen auch nicht zu Java oder JavaScript greifen. Und da du eh mit CSS arbeiten willst, schau dir doch mal CSS-Sprites an.

 

[valenterry]

Original von Mani
erstmal danke schön für die schnellen kommentare,

Bitte bitte =)

zu den menüpunkten , dies ist mir auch schon negativ aufgefallen das es flackert und mir ist auch schon in sinn gekommen dies mit java zu lösen, leider wollte ich halt alles ohne java machen und mit html css und natürlich php realisieren. da ich java eig persönlich ablehne

(Vorweg: es heißt Javascript und nicht Java. Das sind zwei verschiedene Sprachen.)

Man sollte Javascript nicht ablehnen. Man sollte sich nur bewusst sein, wann man es wie einsetzen kann und man sollte die Konsequenzen und Möglichkeiten von HTML, CSS und Javascript kennen.
Tatsächlich gibt es nämlich weder mit HTML noch mit CSS die Möglichkeit, die Hintergrundgrafik ohne Flackern auszutauschen - es sei denn man trickst. (siehe bivgs Post) Das Problem bei diesem Tricksen ist ein Verlust in der Einfachheit des Organisierens und Verwaltens der Internetpräsenz, weswegen in diesem Fall Javascript vorzuziehen ist.

Wichtig ist: die Funktionalität der Seite muss gewahrt bleiben. Das bedeutet: wenn du Javascript einsetzt, darf ein Benutzer ohne Javascript nicht Probleme, haben Inhalte zu erreichen oder zu ändern und hinzuzufügen. Dies ist aber auch nicht der Fall. Hat der Benutzer Javascript deaktiviert, dann flackert eben die Hintergrundgrafik (nicht hübsch, aber auch nicht so schlimm). Hat er Javascript jedoch aktiviert, flackert sie nicht. Es ist also völlig OK, Javascript einzusetzen. Wie du das machst, wirst du schnell herausfinden (Google).

Falls du trotz der Probleme einer Lösung nur mittels CSS kein Javascript verwenden möchtest, dann weise ich dich auf folgende Seite hin: http://www.1ngo.de/web/bildwechsel.html

Dennoch ist eine Lösung _mit_ Javascript imho der bessere Weg.

 

[bivg]

Original von valenterry
(siehe bivgs Post) Das Problem bei diesem Tricksen ist ein Verlust in der Einfachheit des Organisierens und Verwaltens der Internetpräsenz, weswegen in diesem Fall Javascript vorzuziehen ist.

Ich sehe nicht so das Problem, dass einem bei CSS-Sprites die Übersicht verloren geht. Aber das ist sicherlich auch Geschmackssache.
Aber trotzdem hat die Technik i. d. R. den Vorteil, dass ein paar kb Bandbreite gespart werden. Zugegeben, das ist nicht viel. Aber ich würde jetzt einfach mal behaupten, dass man um die Zeit schneller/um kbs sparsamer ist, die JavaScript mehr braucht.

Original von valenterry
Hat der Benutzer Javascript deaktiviert, dann flackert eben die Hintergrundgrafik (nicht hübsch, aber auch nicht so schlimm).

Auch dieses Problem wäre mit CSS-Sprites umgangen.

Aber wie bereits gesagt, am Ende ist es dann wahrscheinlich wirklich eher eine Entscheidung nach persönlichen (Coding-)Vorlieben.

---
Edit 1 (13. 06. 09, 17:49 Uhr): Alles ab (und inklusive) zweitem Zitat ergänzt
Edit 2 (13. 06. 09, 17:50 Uhr): Edit-Zeile war verrutscht

 

[valenterry]

Original von bivg

Original von valenterry
(siehe bivgs Post) Das Problem bei diesem Tricksen ist ein Verlust in der Einfachheit des Organisierens und Verwaltens der Internetpräsenz, weswegen in diesem Fall Javascript vorzuziehen ist.

Ich sehe nicht so das Problem, dass einem bei CSS-Sprites die Übersicht verloren geht. Aber das ist sicherlich auch Geschmackssache.

Es ist weniger Geschmackssache (gut, auch ein bisschen) als objektiv begründbar..

• Du hast jeweils zwei Bilder in einer Bildatei. Das bedeutet: beim Bearbeiten musst du immer beide Bilder aufeinmal bearbeiten. Willst du ein Teilbild ersetzten musst du die Bilder erstmal wieder trennen und so weiter. Sehr umständlich, wenn man dies öfter tut
• Falls sich die Größe der Bilder ändert, musst du im CSS Code die Verschiebung anpassen! Man verschmischt also Hintergrundbilder und CSS-Style, was nicht wirklich gut wartbar ist. Ohne diesen Trick muss man einfach nur die Bilder ändern, der Rest bleibt gleich.
• Bei einer kompletten Design/Funktions-Änderung, musst du alles wieder neu machen und vor allem nach längerer Zeit erstmal überlegen, was du da überhaupt gemacht hast.
• Nicht zuletzt: mich stört einfach der Gedanke, dass ich ein Hintergrundbild habe, was zu groß ist, aber einfach nicht angezeigt wird. Soetwas ist eben ein Trick und sofern man die Möglichkeit hat, sollte man Tricks _immer_ vermeiden.

Aber trotzdem hat die Technik i. d. R. den Vorteil, dass ein paar kb Bandbreite gespart werden. Zugegeben, das ist nicht viel. Aber ich würde jetzt einfach mal behaupten, dass man um die Zeit schneller/um kbs sparsamer ist, die JavaScript mehr braucht.

Das bisschen Overhead merkst du gar nicht. Es werden ja genau die gleichen Daten geladen, nur dass statt eines Bildes mit Javascript zwei Bilder geladen werden, die dafür nur halb so groß sind. Das fällt vermutlich nichtmal mit 56k auf.

 

[bivg]

Original von valenterry
beim Bearbeiten musst du immer beide Bilder aufeinmal bearbeiten

Wenn man häufig sein Layout ändert, hast du sicherlich Recht. Aber für das Zusammenstellen zu einem Bild gibt es ja auch Generatoren. Und ich finde die Arbeit auch nicht so schlimm, wenn man eben nicht zu oft die Daten ändern muss.
Bei extrem häufigen Änderungen stimme ich dir natürlich zu.

Original von valenterry
Nicht zuletzt: mich stört einfach der Gedanke, dass ich ein Hintergrundbild habe, was zu groß ist, aber einfach nicht angezeigt wird. Soetwas ist eben ein Trick und sofern man die Möglichkeit hat, sollte man Tricks _immer_ vermeiden.

Warum sollte man (solche) Tricks immer vermeiden? Tricks erleichtern einem doch das Leben! Bei dir hört es sich fast so an, als wär' das illegal... :tongue: Und es ist ja auch nicht so, dass dies ein Trick wäre, denn man vermeiden sollte weil er nicht standardkonform ist bzw. in nur einem (Teil der) Browser läuft.
Ich persönlich versuche eher immer JavaScript zu vermeiden, wenn es sich auch mit CSS realiseren lässt.

Original von valenterry
Es werden ja genau die gleichen Daten geladen, nur dass statt eines Bildes mit Javascript zwei Bilder geladen werden, die dafür nur halb so groß sind.

Trotzdem wird das eine Bild insgesamt kleiner sein als alle Einzelbilder zusamen. Aber wie gesagt, wahrscheinlich ist es bei den heutigen Bandbreiten nicht einer der besten Gründe für die eine oder andere Methode.

 

[beavisbee]

ich schließe mich bigv an: an den CSS-Sprites ist nichts verwerfliches dran - ich würde es ehr als "Technik" bezeichnen als als "Trick".
Selbst in WebDesign-Firmen wird das so realisiert.

bin auch der Meinung, dass man JavaScript nur dort einsetzen sollte, wo es wirklich nötig ist... und in diesem Fall ist die CSS-Variante wirklich die elegantere.

 

[CrAc]

Also meiner Meinung nach gibt es an CSS-Sprites nichts negatives.
Sie werden in Spielen und auf Großen websites benutzt.
Und merkst du was?
nein!

http://www.alistapart.com/articles/sprites
http://phpperformance.de/css-sprite...ts-durch-kombination-von-hintergrund-bildern/

Unter Webdesignern schon gängiger alltag.

Du erstellst einfach ein dokument, welches doppelt so hoch wie dein button ist, fügst den normalen sowie den hover button ein.
Im CSS dokument setzt du beim hover für den button ebend:

padding-top:-66px;

(oder so ähnlich xP )

Das machst du für die beiden äußeren und die 3 in der Mitte.
Nicht gerade schwer oder?

Und Mani,
wie willst du HTML tuts anbieten, wenn du selber Tabellenlayouts aus dem vorhigen Jahrhundert nutzt?
Vlt selber erstmal über das wort semantik nachdenken.
(selfhtml.org)

lg

 

[Mani]

Original von CrAc
Und Mani,
wie willst du HTML tuts anbieten, wenn du selber Tabellenlayouts aus dem vorhigen Jahrhundert nutzt?

Ich denke nicht das es "Tabellenlayouts aus dem vorhigen Jahrhundert" sind sondern eher zu den Basics von HTML dazugehören und ich diese auch auf der Seite benutze um anderen zu vermitteln was man damit machen kann, es geht nicht darum gleich das größte nievou zu erreichen sondern erstmal den leuten die Basics zu zeigen und darzustellen was man mit einfachen sachen machen kann und trotzdem gut aussieht.

Ich finde HTML Tabellen sind genau so Basic wie eine CSS Datei einbinden und damit das Layout zu bestimmen, es gehört einfach dazu. Wenn ich das neuste vom neusten machen wollte würde ich Flash vorstellen.

Ich finde es sinnlos, eine Flash Page zu bauen wo ich Leuten HTML oder CSS zeige? Da steckt kein Sinn dahinter und ist nicht besonders Intelligent. Vielleicht ist das übertrieben, aber Sinn gemäß richtig.

 

[simsim]

Dass die Navigation für Starseite/News/etc. rechtsbündig ist, stört meiner Meinung nach das Design ein bisschen.

 

[beavisbee]

Original von Mani
Ich denke nicht das es "Tabellenlayouts aus dem vorhigen Jahrhundert" sind sondern eher zu den Basics von HTML dazugehören

da schließ ich mich CrAc an: Tabellen sind dazu da, um Daten tabellarisch darzustellen, die tabellarisch einen Sinn ergeben.

Tabellen-Layouts waren unter HTML4, als man auch noch intensiv mit <font> und <center> arbeitete, mal in Mode - heutzutage sind sie in WebDesigner-Kreisen ziemlich verpönt, da sie im Prinzip eine Vergewaltigung von HTML sind... Seit XHTML versucht man wieder back-to-the-roots zu kommen: HTML ist nunmal dazu erfunden worden, um Inhalte strukturiert darzustellen ("das ist eine Überschrift", "das ist ein Absatz")
Positionierung gehört zu Design und Design gehört so gut es geht in CSS gekapselt.
Ich gebe zu, ich habe auch noch Seiten im Netz, die ich vor 5 Jahren oder so gebaut hab und damals noch mit Tabellen-Layouts... aber wenn man heutzutage eine Seite neu macht oder gar anderen etwas beibringen will, dann doch bitte nicht solch überholte Techniken....

Original von Mani
Ich finde HTML Tabellen sind genau so Basic wie eine CSS Datei einbinden

sicherlich sind Tabellen Grundlagen... wie gesagt: zum tabellarischen Darstellen von Daten, nicht zur Vergewaltigung als Design-Objekt.

Original von Mani
Wenn ich das neuste vom neusten machen wollte würde ich Flash vorstellen.

nein. 'ne komplette Seite als Flash ist vom Stil her genau nicht besser wie 'ne Tabelle für's Layout.
Ich find's sogar noch schlimmer....

Ich bin eigentlich recht großer Freund von Accessibility (auf dass die Inhalte barrierefrei selbst von Screenreadern für Blinde erfasst werden können) und bin daher auch kein Fan von dem AJAX/Web2.0-Hype, wenn man dabei dann vergisst, die Seiten so zu gestalten, dass man sie auch ohne JavaScript erreichen kann... man KANN saubere Web-Applikationen schaffen, die sowohl Erleichterungen durch AJAX bieten als auch ohne JavaScript trotzdem sehr gut erreichbar sind... aber so viel Sorgfalt findet man viel zu selten, da es Zeit kostet und Zeit=Geld etc.... traurig...

 

[Oi!Alex]

Optisch ist es für mich eher weniger ansprechend (Menü nimmt zu viel Platz ein so das man bei Artikeln auch wenn sie recht kurz sind scrollen muss) und der Gesamteindruck erinnert mich an 2001 als man noch Buttons mit Cool3D (hieß das so?) gemacht hat.

Zum Tabellen Layout wurde schon etwas gesagt, alle die es als HTML-Vergewaltigung sehen stimme ich zu, ich weiß es gibt Momente wo das Positionieren mit DIV's echt schwierig bis nervig sein kann da muss jeder für sich (bzw. der Projektleiter) entscheiden ob er aus Zeit gründen eine Tabelle nutzt, aber ein ganzes Layout - ist heute einfach überholt.

Aber wo wir beim Vergewaltigen von HTML sind noch etwas was mir aufgefallen ist:

<td ><a href="links.html"  >Links</a></td><td >         </td>

Abgesehen davon glaube ich das du dir zuviel vorgenommen hast - die masse an Themen alleine zu machen ist utopisch wenn man sie gut machen möchte jedenfalls, konzentriere dich lieber auf ein paar wenige Punkte, mit dennen du dich auskennst.

*EDIT*
Zu den Sprites kann ich nur sagen man sollte die gezielt einsetzen, sind aber sehr sinn- bzw. wirkungsvoll, da sie erheblich Requeste sparen klar für den Einzelnen User ist es schon fast uninteressant aber bei Webs mit mehren Millionen Klicks im Monat sieht das schon etwas anders aus. (z.b. bei Google ->das Google Logo http://www.google.de/images/nav_logo4.png)

 

[Mani]

Ok, fällt mir kein widerspruch mehr zu ein.
Mit DiV Container die positionierung zu übernehmen ist aufjedenfall Sinnvoller! Ich werde mich darum bemühen das so zu gestalten das es Uptodate ist.
Genau so werde ich die Buttons mit CSS laden, bzw darstellen.

Will aber nochmal betonen das es nur ich sage die Beta ist und nicht wie von manchen Leuten Interpretiert das gesamt Konzept Augenzwinkern es steht noch genau so viel offen wie es Sterne im Himmel gibt.

Auch wenn ich dies nicht aufgreifen wollte muss ich wohl ein wenig Hintergrund wissen zu den Tabellen mit ein bringen damit das Projekt für euch ein Sinn ergibt. Wie beschrieben auf der Startseite ist mir dies eines Abends in Sinn gekommen aber nicht aus langeweile sondern aus Ehrgeiz. Dies wird ein Schulprojekt, wie vielleicht manche wissen absolviere ich mein ITA Ausbildung und diese Themen sind halt Inhalte meiner Ausbildung, nicht umsonst habe ich Internet, Software, Hardware, Betriebssystem und Netzwerk gewählt.
Um einfach die kompletten 2 ausbildungsJahre zusammen zu fassen um alle wichtigen Informationen zu Bündeln. Eins für spätere Schüler als Lexikon und zweitens für mich selber als Gute Wiederholung und Vorbereitung meiner Abschlussprüfungen.

Dies ist der Grundlegende Sinn dieses Projektes, es soll nicht vollkommen sein und auch nicht komplett. Es soll beinhalten was man in den 2 Jahren durchkaut.

----------------------------------------------

Vielen dank für die guten Tipps! Ich probiere sie nach besten Vorstellungen in die Wirklichkeit umzusetzen.

lg Mani