Hackerboard Wiki HaboBlog
Hackerboard bei Facebook Hackerboard bei Google+ Hackerboard bei Twitter

[HaBo]

 
(Web-) Design und webbasierte Sprachen Tipps & Tricks, Designabgleich, HTML & Javascript, Flash, ASP, PHP, Perl/CGI...

MyBlog-Web.de

Diskussion: MyBlog-Web.de im Forum (Web-) Design und webbasierte Sprachen, in der Kategorie Web, Network & Multimedia Palace; Anzeige Hallo, ich habe meine Seite überarbeiten bzw Komplet erneuert und wollte gerne eure Meinung dazu wissen. Sie ist lange ...

Antwort
Alt 12.06.09, 22:53   #1 (permalink)
 
Benutzerbild von Mani
 
Registriert seit: 09.07.08
Mani Leistung: Facit NTK
Mani eine Nachricht über ICQ schicken Mani eine Nachricht über Skype™ schicken
Likes: 0
Standard MyBlog-Web.de

Anzeige

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

__________________

„Wenn ein unordentlicher Schreibtisch einen unordentlichen Geist repräsentiert, was sagt dann ein leerer Schreibtisch über den Menschen, der ihn benutzt aus?“
Albert Einstein
Mani ist offline   Mit Zitat antworten
Alt 13.06.09, 09:51   #2 (permalink)
 
Benutzerbild von bad_alloc
 
Registriert seit: 27.12.07
bad_alloc Leistung: 8086
Likes: 39
Standard

ich finde vorallem die menüleiste oben sehr gelungen. auch die gliederung für die themen ist schmucklos, aber gut zu überblicken.
__________________
You shoot yourself in somebody else's foot.|Dann gabs da noch den Mathematiker der P?=NP in O(1) erklärte.
|[A]| = p(·,|[A]|)+1
bad_alloc ist offline   Mit Zitat antworten
   
HaBOT
 
- Anzeige -

Werbung ist gerade online    
Alt 13.06.09, 10:44   #3 (permalink)
 
Registriert seit: 25.07.06
valenterry Leistung: Facit NTK
Likes: 0
Standard

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.
valenterry ist offline   Mit Zitat antworten
Alt 13.06.09, 11:50   #4 (permalink)
gelöscht
Guest
 
Likes:
Standard

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:

Zitat:
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:

Zitat:
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
  Mit Zitat antworten
Alt 13.06.09, 14:09   #5 (permalink)
Themenstarter
 
Benutzerbild von Mani
 
Registriert seit: 09.07.08
Mani Leistung: Facit NTK
Mani eine Nachricht über ICQ schicken Mani eine Nachricht über Skype™ schicken
Likes: 0
Standard

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
__________________

„Wenn ein unordentlicher Schreibtisch einen unordentlichen Geist repräsentiert, was sagt dann ein leerer Schreibtisch über den Menschen, der ihn benutzt aus?“
Albert Einstein
Mani ist offline   Mit Zitat antworten
Alt 13.06.09, 14:58   #6 (permalink)
 
Registriert seit: 31.03.09
bivg Leistung: Facit NTK
Likes: 0
Standard

Zitat:
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.
bivg ist offline   Mit Zitat antworten
Alt 13.06.09, 15:46   #7 (permalink)
 
Registriert seit: 25.07.06
valenterry Leistung: Facit NTK
Likes: 0
Standard

Zitat:
Original von Mani
erstmal danke schön für die schnellen kommentare,
Bitte bitte

Zitat:
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.
valenterry ist offline   Mit Zitat antworten
Alt 13.06.09, 17:46   #8 (permalink)
 
Registriert seit: 31.03.09
bivg Leistung: Facit NTK
Likes: 0
Standard

Zitat:
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.

Zitat:
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
bivg ist offline   Mit Zitat antworten
Alt 13.06.09, 19:25   #9 (permalink)
 
Registriert seit: 25.07.06
valenterry Leistung: Facit NTK
Likes: 0
Standard

Zitat:
Original von bivg
Zitat:
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.

Zitat:
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.
valenterry ist offline   Mit Zitat antworten
Alt 14.06.09, 00:05   #10 (permalink)
 
Registriert seit: 31.03.09
bivg Leistung: Facit NTK
Likes: 0
Standard

Zitat:
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.

Zitat:
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.

Zitat:
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.
bivg ist offline   Mit Zitat antworten
Alt 14.06.09, 10:08   #11 (permalink)
Member of Honour
 
Benutzerbild von beavisbee
 
Registriert seit: 22.02.07
beavisbee Leistung: Pentium IIIbeavisbee Leistung: Pentium IIIbeavisbee Leistung: Pentium IIIbeavisbee Leistung: Pentium III
beavisbee eine Nachricht über ICQ schicken
Likes: 77
Standard

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.
beavisbee ist offline   Mit Zitat antworten
Alt 14.06.09, 10:43   #12 (permalink)
 
Benutzerbild von CrAc
 
Registriert seit: 07.02.09
CrAc Leistung: Facit NTK
CrAc eine Nachricht über ICQ schicken
Likes: 0
Standard

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-sprites...grund-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:

Code:
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
CrAc ist offline   Mit Zitat antworten
Alt 14.06.09, 16:13   #13 (permalink)
Themenstarter
 
Benutzerbild von Mani
 
Registriert seit: 09.07.08
Mani Leistung: Facit NTK
Mani eine Nachricht über ICQ schicken Mani eine Nachricht über Skype™ schicken
Likes: 0
Standard

Zitat:
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.
__________________

„Wenn ein unordentlicher Schreibtisch einen unordentlichen Geist repräsentiert, was sagt dann ein leerer Schreibtisch über den Menschen, der ihn benutzt aus?“
Albert Einstein
Mani ist offline   Mit Zitat antworten
Alt 14.06.09, 17:34   #14 (permalink)
 
Registriert seit: 13.08.08
simsim Leistung: Facit NTK
Likes: 0
Standard

Dass die Navigation für Starseite/News/etc. rechtsbündig ist, stört meiner Meinung nach das Design ein bisschen.
__________________
Im Ansatz gescheitert, aber doch noch nicht verloren.
Weiterspielen.
simsim ist offline   Mit Zitat antworten
Alt 14.06.09, 18:15   #15 (permalink)
Member of Honour
 
Benutzerbild von beavisbee
 
Registriert seit: 22.02.07
beavisbee Leistung: Pentium IIIbeavisbee Leistung: Pentium IIIbeavisbee Leistung: Pentium IIIbeavisbee Leistung: Pentium III
beavisbee eine Nachricht über ICQ schicken
Likes: 77
Standard

Zitat:
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....



Zitat:
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.



Zitat:
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...
beavisbee ist offline   Mit Zitat antworten
Antwort
   
- Anzeige -

Werbung ist gerade online    

[HaBo] » Web, Network & Multimedia Palace » (Web-) Design und webbasierte Sprachen » MyBlog-Web.de
Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks sind aus
Pingbacks sind aus
Refbacks sind aus



1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61