Forum: PC-Programmierung Probleme mit CSS


von Matthias W. (matt007)


Lesenswert?

auf meiner Seite www.mweisser.50g.com habe ich CSS eingerichtet. Bisher 
lief das einwandfrei. Nun habe ich versucht die Links rot zu färben. In 
der CSS-Datei ist das ja einfach möglich. Das Ergebnis sieht leider sehr 
unbefriedigend aus. Offenbar macht der Browser nun manche Links rot und 
andere belässt er blau. Seltsam.

Kennt jemand ein solches Problem und weiß vielleicht woran das liegen 
kann?

Steckt vielleicht ein Fehler in der CSS-Datei? Eine fehlende Klammer 
oder sowas?

von Dennis S. (eltio)


Lesenswert?

Link ist nicht gleich Link... man kann in CSS zum Beispiel unterscheiden 
zwischen schon besuchten und aktiven Links. Aber gib dir doch wenigstens 
etwas Mühe und zeig was du schon hast.

Gruß Dennis

von Matthias W. (matt007)


Lesenswert?

Danke Dennis für die hilfreiche Rückmeldung !

Ich habe das Problem spät aber doch noch erkannt.
Besuchte Links wurden blau gesetzt.
Daher waren diese blau und die anderen rot.
Ich hatte vergessen diese geeignet umzudefinieren.

In der CSS-Datei stand:
a:link {
  color: red;
  text-decoration: none;        /* nicht unterstrichen */
}
a:visited {
  color: #0000ff;               /* bereits besuchte Links blau */
  text-decoration: none;        /* nicht unterstrichen */
}

Damit ist dieses Problem behoben.

Die Frage die sich nun stellt ist die Designfrage. Ist es für Leser 
angenehm so eine Seite wie www.mweisser.50g.com/beck.htm mit so viel 
roten Links anzusehen?

Wie ist dazu die allgemeine Meinung?
Die bisherigen roten Hervorhebungen sind nun von den Links erst mit 
Hilfe der Maus unterscheidbar. Ist das so ok?

Ist die Schriftgröße ok oder sollen die Links oben und am rechten Rand 
besser größer werden?

Wen fragt man da am besten?

Gruss
Matthias

von Dennis S. (eltio)


Lesenswert?

Es mag eine Sache des Geschmacks sein, aber mir sind ALLE Links zu klein 
geraten. Ich würde nach Möglichkeit den Inhalt auf mehrere Seiten 
aufteilen. Seitenlange Linksammlungen finde ich persönlich eher 
unangemessen. Alles in allem finde ich die Seite etwas "altbacken".

Gruß Dennis

von Stefan R. (srand)


Lesenswert?

Matthias W. schrieb:
> Ist die Schriftgröße ok

Vor allem brauchst du ganz dringend einen vernünftigen Zeilenabstand. 
Diese Testimonials oben sind kaum lesbar. Und deine Mini-Navigation 
rechts kann man nur deshalb einigermaßen erfassen, weil das ganz kurze 
Worte sind.

Das Rot stört mich nicht sonderlich (abgesehen davon, daß die Konvention 
für Links blau ist, das sollte man nicht ohne Grund ändern), aber diese 
türkise Schrift auf blauem Grund ist zuwenig Kontrast.

von Stefan R. (srand)


Lesenswert?

Ach ja, und deinen Abmahnungsteil im Impressum kannst du dir schenken. 
Ebenfalls die Gerichtsstandsvereinbarung. Beides entfaltet keinerlei 
Wirkung.

Und natürlich den Deppendisclaimer. Sehr schön von woanders herkopiert. 
Aber lies das Urteil halt einfach mal. Das LG hat ziemlich genau das 
Gegenteil von dem geurteilt, was du da umschreibst.

von Matthias W. (matt007)


Lesenswert?

Dennis S. schrieb:
Danke Dennis für die Hinweise !

Die Links waren vorher noch kleiner. Es fällt mir schwer Überblick zu 
vermitteln über umfangreichere Inhalte. Das Menü rechts ist ein Versuch 
das mit einem Aufklappmenü zu machen. Erst wenn man aufklappt sieht man 
was da alles ist. So etwas wäre natürlich auch links einbaubar. Wenn man 
es zugeklappt hat nimmt es weniger Platz weg und auch eine größere 
Schrift ist dann leichter machbar.

Auf mehrere Seiten ist das bereits verteilt. Das sind zum Thema Beck 
mehr als 10 Dateien. Natürlich könnte man das noch Faktor 8 aufblasen. 
Nur wer hat dann Lust 80 Dateien anzusehen oder sich durch diese vielen 
durchzuklicken?

Altbacken klingt eher negativ. Fragt sich ob es funktionell genug ist um 
den Nutzern Spaß im Umgang damit zu vermitteln. Gerne mache ich ja an 
der Farbgebung und an den Größen was sinnvoll und machbar erscheint. 
Auch etwas breiter kann ich es noch machen.

Gruss Matthias

von Matthias W. (matt007)


Lesenswert?

Stefan Rand schrieb:
> Vor allem brauchst du ganz dringend einen vernünftigen Zeilenabstand.

Du meinst im CSS dazu global etwas definieren?

> Diese Testimonials oben sind kaum lesbar.

hast Du da ein Beispiel was Du genau meinst?

> Und deine Mini-Navigation
> rechts kann man nur deshalb einigermaßen erfassen, weil das ganz kurze
> Worte sind.

durch mehr Zeilenabstand wäre es aus Deiner Sicht besser?

> Das Rot stört mich nicht sonderlich (abgesehen davon, daß die Konvention
> für Links blau ist, das sollte man nicht ohne Grund ändern)

Du würdest es also bei blau belassen? Meine Mutter meinte mit dem Blau 
sei es nicht so gut lesbar gewesen. Dann änderte ich auch Schwarz. Das 
sah besser lesbar aus. Nur sah man halt gar keine Links mehr. Keine 
Ahnung ob es so toll ist wenn man nach Links mit der Maus dann suchen 
muss?

> aber diese türkise Schrift auf blauem Grund ist zuwenig Kontrast.

das lässt sich alles ändern. Da bin ich ja dran. Deswegen frag ich ja.

von Matthias W. (matt007)


Lesenswert?

Stefan Rand schrieb:
> Ach ja, und deinen Abmahnungsteil im Impressum kannst du dir schenken.
> Ebenfalls die Gerichtsstandsvereinbarung. Beides entfaltet keinerlei
> Wirkung.

wie würdest Du das rechtssicher machen?

> Und natürlich den Deppendisclaimer. Sehr schön von woanders herkopiert.

na klar. Selber ausgedacht habe ich mir das nicht. Ohne juristische 
Ausbildung oder Rechtsbeistand macht man halt das was andere einem 
raten. So entstand das im Lauf der Zeit.

> Aber lies das Urteil halt einfach mal. Das LG hat ziemlich genau das
> Gegenteil von dem geurteilt, was du da umschreibst.

Danke für den Hinweis.

von mar IO (Gast)


Lesenswert?

Matthias W. schrieb:
> Stefan Rand schrieb:
>> Ach ja, und deinen Abmahnungsteil im Impressum kannst du dir schenken.
>> ...
>
> wie würdest Du das rechtssicher machen?

Hätte ich eine eigene Homepage, würde ich das genauso hinschreiben. Wenn 
ich dann doch eine Abmahnung bekomme, würde ich mich "einfach etwas 
blöd" stellen...

Raustun würde ich das nicht, auch wenn man es sich sparen kann. Vllt. 
bringt's ja was.
1
Ich übernehme keine Haftung für Schäden irgendwelcher Art, die direkt 
2
oder indirekt aus der Verwendung der Angaben oder durch evtl. auftretende 
3
Computerviren entstehen. Bei Verdacht auf Erkrankungen konsultieren 
4
Sie bitte Ihren Arzt oder Heilpraktiker.

Iwie. finde ich den Absatz lustig. Bei eventuelle auftretende 
Computerviren den Arzt oder Heilpraktiker konsultieren.

@matt007

Da ist echt ne Menge Text auf den einzelnen Seiten... Wirkt für mich auf 
den ersten Blick etwas unübersichtlich. Alles linksbündig (an der linken 
Seite klebend) zu halten gefällt mir ned so gut, ist aber wohl 
Geschmackssache.

von D. I. (Gast)


Lesenswert?

Die Seite versetzt einen direkt zurück in die 90er in denen die 
Farbgebung von Homepages dem Zeitgeist entsprach, die Benutzbarkeit 
gegen 0 tendiert und Gestaltung noch ein Fremdwort war.

Die Seite braucht Struktur und die sollte auch einigermaßen 
augenkrebsvorbeugend verpackt werden. Ein Template-System und ein 
CSS-Framework deiner Wahl könnten da schonmal kleine Wunder wirken.

von Stefan R. (srand)


Lesenswert?

Matthias W. schrieb:
> Stefan Rand schrieb:
>> Vor allem brauchst du ganz dringend einen vernünftigen Zeilenabstand.
>
> Du meinst im CSS dazu global etwas definieren?

Genau. line-height: 1.5; wäre mal einen Versuch wert.

>> Diese Testimonials oben sind kaum lesbar.
>
> hast Du da ein Beispiel was Du genau meinst?

Na, den Teil mit Kowalzik und John und so.

>> Und deine Mini-Navigation
>> rechts kann man nur deshalb einigermaßen erfassen, weil das ganz kurze
>> Worte sind.
>
> durch mehr Zeilenabstand wäre es aus Deiner Sicht besser?

Ja.

>> Das Rot stört mich nicht sonderlich (abgesehen davon, daß die Konvention
>> für Links blau ist, das sollte man nicht ohne Grund ändern)
>
> Du würdest es also bei blau belassen? Meine Mutter meinte mit dem Blau

Ja. Solange dein Design nicht wirklich etwas anderes verlangt.

von Stefan R. (srand)


Lesenswert?

Matthias W. schrieb:
>> Ach ja, und deinen Abmahnungsteil im Impressum kannst du dir schenken.
>> Ebenfalls die Gerichtsstandsvereinbarung. Beides entfaltet keinerlei
>> Wirkung.
>
> wie würdest Du das rechtssicher machen?

Weglassen.

von Skeptiker (Gast)


Lesenswert?

Neben dem Design Problem, gibt es dort aber nicht jede Menge inhaltlich 
Fehler. Nur mal so ne Frage ist das ernst gemeint oder soll das Satire 
sein?

 Resonanzfrequenz der Erde.. gewaltige stehende Wellen...

"Energieverstärkung über Schumann-Resonanzfrequenz: Tesla konnte mit 
handlichen Sendern bei geeigneter Frequenz Brücken ins Wanken bringen.. 
künstliche Erdbeben"

Skalarwellen masselos

Und was ist die Aussage dieser Grafik?
http://www.mweisser.50g.com/alternative_medizin.htm#Grafik

Grüße

von D. I. (Gast)


Lesenswert?

Skeptiker schrieb:
> Neben dem Design Problem, gibt es dort aber nicht jede Menge inhaltlich
> Fehler. Nur mal so ne Frage ist das ernst gemeint oder soll das Satire
> sein?

Naja, inhaltlich scheint das eine übliche Esotherik-Seite zu sein mit 
allem was die Branche zu bieten hat.

von Matthias W. (matt007)


Lesenswert?

D. I. schrieb:
> Die Seite versetzt einen direkt zurück in die 90er in denen die
> Farbgebung von Homepages dem Zeitgeist entsprach, die Benutzbarkeit
> gegen 0 tendiert und Gestaltung noch ein Fremdwort war.

kannst Du das ein wenig konkretisieren mit der Benutzbarkeit gegen Null?

Findet man nichts? Kein Inhalt?

> Die Seite braucht Struktur

ist denn da keine Struktur zu sehen? Es gibt doch
1. Ein Top-Menü mit 4 Bereichen
2. Ein untergeordnetes Menü
3. Ein Menü für die Seite selbst mit Verweisen auf Nachbarseiten
4. Eine Struktur in den Inhalten selbst durch Zwischenüberschriften
5. Eine Einführung und Hilfe
6. Eine Kurznavigation rechts
7. Eine Seitemap - aufgeteilt auf die Themenbereiche

Wie viel mehr Struktur kann man denn noch liefern?

> und die sollte auch einigermaßen
> augenkrebsvorbeugend verpackt werden.

also anders verpacken? Vorschläge?

> Ein Template-System und ein
> CSS-Framework deiner Wahl könnten da schonmal kleine Wunder wirken.

Wenn man ein schönes Template findet. Das ist ein umfangreicher 
Datenbestand, der 13 Jahre gesammelt wurde. So leicht und rasch ist der 
nicht von einem Laien in ein Framework zu packen. Um den heutigen Stand 
zu erreichen habe ich nun 2 Monate lang am Code gearbeitet und vieles 
nach CSS umgestellt. Noch immer sind tausende Stellen zu überarbeiten. 
So einfach mal Code reinkippen - was eben da ist - wird wohl wenig 
bringen.

Wunder machen Sinn - nur müssen sie auch von mir umsetzbar sein. Ich bin 
alleine, keine Hilfe in Sicht.

Ein Template-System kann schon Sinn machen wenn es den Nutzer 
unterstützt und die Inhalte besser nutzbar macht als es jetzt der Fall 
ist.

Vielleicht gibt es ja etwas was rasch umsetzbar ist. Momentan sammele 
ich Ideen zum Thema rasch umsetzbare wirksame Designänderungen in 
Richtung ansehnlich und gut nutzbar.

von Matthias W. (matt007)


Lesenswert?

mar IO schrieb:
> Da ist echt ne Menge Text auf den einzelnen Seiten... Wirkt für mich auf
> den ersten Blick etwas unübersichtlich.

Vielleicht gibts ja Ideen die ich als Laie rasch umsetzen kann . . .

> Alles linksbündig (an der linken
> Seite klebend) zu halten gefällt mir ned so gut, ist aber wohl
> Geschmackssache.

das wäre wohl recht rasch im CSS zu ändern. Eine zusätzliche Zeile im 
"body" sollte da doch reichen?

von Matthias W. (matt007)


Lesenswert?

Skeptiker schrieb:
>Resonanzfrequenz der Erde.. gewaltige stehende Wellen...

als Satire ist das nicht gedacht. Otto Schumann war Professor an der TU 
München und ließ seine Studenten die Erdresonanz berechnen. Blitze regen 
diese Resonanzen des Hohlraums zwischen Erde und Ionosphäre an. 
Schumanns Doktorand Herbert König vermaß diese Resonanzen. Das ist also 
sehr real. Ich besuchte die Vorlesung von Prof. König um 1981. Ein 
Italiener stellt seine Messwerte online ins Netz.

> "Energieverstärkung über Schumann-Resonanzfrequenz: Tesla konnte mit
> handlichen Sendern bei geeigneter Frequenz Brücken ins Wanken bringen..
> künstliche Erdbeben"

so kann man es nachlesen in den blauen Büchern.

> Und was ist die Aussage dieser Grafik?
> http://www.mweisser.50g.com/alternative_medizin.htm#Grafik

Das sind Zusammenhänge zwischen Gesundheit und Ernährung, Haltung, 
Giftstoffen etc. Wenn man auf die Imagemap klickt kommt man in die 
entsprechenden Dateien.

Viele Grüße

von Matthias W. (matt007)


Lesenswert?

D. I. schrieb:
> Naja, inhaltlich scheint das eine übliche Esotherik-Seite zu sein mit
> allem was die Branche zu bieten hat.

das hat mit Esoterik nichts zu tun. Ich bin Elektroingenieur wie wohl 
viele hier, kein Esoteriker.

Mir geht es momentan vor allem um wirklich messbare Dinge. Die 
Körperflüssigkeiten bestimmen über Gesundheit und Krankheit. Der Körper 
besteht zum größten Teil aus Flüssigkeiten auf der Basis von Wasser. Die 
Eigenschaften dieser Flüssigkeiten sind also wichtig. Die müsste man 
brauchbar vermessen (Diagnose) und optimieren (Therapie).

von Matthias W. (matt007)


Lesenswert?

Dennis S. schrieb:
> Es mag eine Sache des Geschmacks sein, aber mir sind ALLE Links zu klein
> geraten.

Habe sie nun 1 Punkt größer gemacht. Amazon.de hat auch recht kleine 
Schrift an mancher Stelle. Scheinbar kommen die Leute damit klar?

> Seitenlange Linksammlungen finde ich persönlich eher unangemessen.

Das soll keine Linksammlung sein, sondern eine Struktur. Natürlich 
könnte ich diese auch ganz weglassen. Anfangs gab es diese 
übergeordneten Links ja gar nicht. Um mehr Übersicht zu bieten habe ich 
diese eingeführt. Nun wo sie da sind kommt Kritik - "es sei eine 
Linksammlung" oder "keine Struktur zu sehen". Wie kann ich solche 
Missverständnisse vermeiden?

> Alles in allem finde ich die Seite etwas "altbacken".

gerne würde ich das vermeiden. Nur eben wie mit wenig von mir leistbarem 
Aufwand.

von Walter T. (nicolas)


Lesenswert?

Also an der Gliederung ist definitiv noch Luft nach oben. Du findest 
eine Gliederung oben links, eine darunter, eine rechts mit verschiedenen 
Stufen und manchmal eine in der Mitte der Seite.

Um es mal böse zu sagen: Das schöne an einem gedruckten Buch ist, daß 
sich der Autor Gedanken machen muß, wie das Ganze linearisiert wird. Und 
als Dr.-Ing. gehe ich mal davon aus, daß Du genau das Problem - nämlich 
einen riesigen Wust an mehr oder minder sortierten Fakten schon einmal 
in linearisierter Form darzustellen - erfolgreich gelöst hast.

Eine übersichtliche Website hat viel mit einem übersichtlichen Buch 
gemeinsam. Schau doch mal, wie gute Bücher, die einen ähnlichen Inhalt 
haben, gegliedert sind. Das ist ein guter Anhaltspunkt.

Viele Grüße
Nicolas

von D. I. (Gast)


Lesenswert?

Matthias W. schrieb:
> D. I. schrieb:
>> Die Seite versetzt einen direkt zurück in die 90er in denen die
>> Farbgebung von Homepages dem Zeitgeist entsprach, die Benutzbarkeit
>> gegen 0 tendiert und Gestaltung noch ein Fremdwort war.
>
> kannst Du das ein wenig konkretisieren mit der Benutzbarkeit gegen Null?
>
> Findet man nichts? Kein Inhalt?
>
>> Die Seite braucht Struktur
>
> ist denn da keine Struktur zu sehen? Es gibt doch
> 1. Ein Top-Menü mit 4 Bereichen
> 2. Ein untergeordnetes Menü
> 3. Ein Menü für die Seite selbst mit Verweisen auf Nachbarseiten
> 4. Eine Struktur in den Inhalten selbst durch Zwischenüberschriften
> 5. Eine Einführung und Hilfe
> 6. Eine Kurznavigation rechts
> 7. Eine Seitemap - aufgeteilt auf die Themenbereiche

Ja und das macht es absolut unübersichtlich.

Da du mir ein angenehmer Zeitgenosse zu sein scheinst und dies einer der 
ordentlichsten Anfragen zum Thema Web seit längerem ist, bin ich gerne 
bereit dir zu helfen. Aber dazu brauche ich ein paar Rahmendetails.

0. Ich wette nen 10er darauf, dass du mit den ganzen einzelnen 
html-Dateien schon in der Copy-Paste-Hölle bist und jede Layoutänderung 
viel Spaß bereitet die in den Dateien durchzuziehen.

Ok, jetzt zu den wichtigen Fragen:

1. Unterstützt dein Webhost Skriptsprachen (in deinem Fall vornehmlich 
PHP?)?

2. Wenn 1. mit 'Nein' beantwortet: Wärst du bereit für ein ausreichend 
vernünftiges Webhostingangebot mit eigener Top-Level-Domain ca. 3,99 / 
Monat zu bezahlen?

3. Wenn 2. mit 'Ja' beantwortet: Hast du etwas Zeit übrig dich etwas in 
neue Techniken einzulesen, zumindest soweit wie du es für deine Zwecke 
bräuchtest? (Das ist nicht viel da deine Seite rein informationsbasiert 
ist)

4. Wenn 2. mit 'Nein' oder 3. mit 'Nein' beantwortet: Gefällt dir der 
IST-Zustand wie du im Moment deine Seite bearbeitest?

5. Wenn 4. mit 'Nein' beantwortet: Überdenke deine Antwort zu 2. und 3. 
nochmal.
   Wenn 4. mit 'Ja' beantwortet: Ich schnür dir ein kleines rein 
HTML-basiertes Beispiel mit Bootstrap-Unterbau von dem aus du dann 
weitermachen kannst.

6. Wenn 2. und 3. mit 'Ja' beantwortet: Ich schnür dir ein kleines 
Beispiel mit Smarty und Bootstrap-Unterbau, welches dir massiv 
Copy-Paste abnehmen und dir in Zukunft einige Zeit sparen wird.

von Matthias W. (matt007)


Lesenswert?

Nicolas S. schrieb:
> Also an der Gliederung ist definitiv noch Luft nach oben.

Danke Nicolas ! Konkrete Vorschläge sind willkommen.

> Du findest
> eine Gliederung oben links, eine darunter, eine rechts mit verschiedenen
> Stufen und manchmal eine in der Mitte der Seite.

jede Seite enthält diverse Hilfen für weitere Suche. Soll das etwa nicht 
so sein?

> Um es mal böse zu sagen: Das schöne an einem gedruckten Buch ist, daß
> sich der Autor Gedanken machen muß, wie das Ganze linearisiert wird.

so einfach ist das nicht. Je nach Wissensstand braucht der eine Hilfe wo 
der andere keine braucht und auch keine wünscht. Wie soll nun eine 
solche Infosammlung beiden - dem Anfänger und dem Fortgeschrittenen - 
gerecht werden?

> Und
> als Dr.-Ing. gehe ich mal davon aus, daß Du genau das Problem - nämlich
> einen riesigen Wust an mehr oder minder sortierten Fakten schon einmal
> in linearisierter Form darzustellen - erfolgreich gelöst hast.

leider ist das Thema Gesundheit nicht so einfach. Wenn es so einfach 
wäre, so gäbe es ja keine Krankheiten mehr weil die Medizin das alles 
längst gelöst hätte. Nur ist das ja leider nicht der Fall. Im Gegenteil 
- alle 10 Jahre gibt es doppelt so viel Kinderdiabetes. Krebs ist nun 
Todesursache Nr. 1. Das zeigt doch wie unverstanden das Thema Gesundheit 
doch leider ist.

Linear in ein Buch gebracht nur zum Thema Krebs - und das auch nur zum 
Teil - aus Platzgründen - habe ich ein 740 Seitenbuch verfasst. Jeder 
Interessierte kann das kaufen. Nur wer nimmt sich die Zeit das auch zu 
lesen? Es sind da 22 Kapitel da. Der Leser kann überlegen was ihn zuerst 
interessiert und den Rest später oder gar nicht lesen.

So ähnlich ist es auch mit der Seite. Wer das Thema Krebs nicht braucht 
weil er einen Tinnitus hat, der liest eben die Datei tinnitus.htm und 
lässt krebs.htm links liegen. Wer sich selbst helfen will kann in der 
Datei alt9_selbstheilung.htm schauen. Infos zur Regeneration gibt es in
http://www.gesundohnepillen.de/regeneration.htm. Usw.

Wer verstehen will wie die Dinge zusammenhängen - der liest z.B. die 
Datei alt11_zusammenhaenge.htm. Wer die Fachliteratur dazu ansehen will 
schaut in lit11_zusammenhaenge.htm. Da findet sich auch 
Wissenschaftsliteratur.

Das System ist doch recht einfach zu verstehen, wenn man sich ein wenig 
mit der Seite beschäftigt hat.

Wer noch mehr verstehen will schaut sich den kleinen Inhaltsbaum rechts 
an. Da ist alles wesentliche zum wichtigen Thema Körperflüssigkeiten 
drin.

Wer einen Überblick über alle Dateien braucht - der wird in der Sitemap 
fündig. Aus meiner Sicht ist das ein einzigartiges Projekt, das in sehr 
komprimierter Form eine Menge Wissen bietet, das so woanders nur mühsam 
zu finden ist.

> Eine übersichtliche Website hat viel mit einem übersichtlichen Buch
> gemeinsam. Schau doch mal, wie gute Bücher, die einen ähnlichen Inhalt
> haben, gegliedert sind. Das ist ein guter Anhaltspunkt.

Danke Nicholas für den Hinweis. Ich versuche seit Jahren in meinen 
Büchern und auch auf der Seite zu leisten was ein einzelner Mann eben 
leisten kann. Natürlich ist das "Besser werden" ein iterativer Prozess. 
Mehrmals wurde der Aufbau verändert - manuell - mit über 400 Dateien. 
Mehr als 10000 Stunden stecken in diesem Projekt.

von D. I. (Gast)


Lesenswert?

Matthias W. schrieb:
> Mehrmals wurde der Aufbau verändert - manuell - mit über 400 Dateien.
> Mehr als 10000 Stunden stecken in diesem Projekt.

Extrem viel Blindleistung erzeugt :(

von Matthias W. (matt007)


Lesenswert?

D. I. schrieb:
> Ja und das macht es absolut unübersichtlich.

das ist schade, denn all dies war als echte Hilfe gedacht.

> bin ich gerne bereit dir zu helfen.

vielen Dank !

> 0. Ich wette nen 10er darauf, dass du mit den ganzen einzelnen
> html-Dateien schon in der Copy-Paste-Hölle bist und jede Layoutänderung
> viel Spaß bereitet die in den Dateien durchzuziehen.

ja, eine solche Hölle war es bisweilen. Durch CSS ist jedoch manches 
einfacher geworden. Die CSS-Datei hat 10kB überschritten. Zudem verwende 
ich eine Menge SSI um flexibler zu werden. Die meisten Dateiköpfe sind 
Includes und daher rasch an zentraler Stelle zu ändern. Auch mit 
Bedingungen könnte man da arbeiten. Eine sehr ähnliche Seite ist ja 
www.gesundohnepillen.de. Nur fehlen da eben die Teile "Energie" und 
"Reiseberichte".

Das Navi-Menü rechts ist auch ein Include und somit rasch austauschbar.

Eine Datenbank und deren Pflege brauche ich derzeit nicht. Für 
Interessierte kann ich durchsuchbare htm-Dateien bereitstellen.

> 1. Unterstützt dein Webhost Skriptsprachen (in deinem Fall vornehmlich
> PHP?)?

ja.

> 2. Wenn 1. mit 'Nein' beantwortet: Wärst du bereit für ein ausreichend
> vernünftiges Webhostingangebot mit eigener Top-Level-Domain ca. 3,99 /
> Monat zu bezahlen?

auch das ist möglich. In den USA bezahle ich für diese 
www.weisser.50g.com momentan knapp 60 EUR.

> 3. Wenn 2. mit 'Ja' beantwortet: Hast du etwas Zeit übrig dich etwas in
> neue Techniken einzulesen, zumindest soweit wie du es für deine Zwecke
> bräuchtest? (Das ist nicht viel da deine Seite rein informationsbasiert
> ist)

bedingt wird das wohl möglich sein. Am meisten lerne ich aus umsetzbaren 
Beispielen.

> 4. Wenn 2. mit 'Nein' oder 3. mit 'Nein' beantwortet: Gefällt dir der
> IST-Zustand wie du im Moment deine Seite bearbeitest?

ja und nein. Alles hat seine Vor- und Nachteile. Wichtig scheint mir vor 
allem ein attraktives Design zu sein. Manches war früher besser als 
heute. Zumindest gab es um 2004 mal eine Menge Lob für diese Seite.

>    Wenn 4. mit 'Ja' beantwortet: Ich schnür dir ein kleines rein
> HTML-basiertes Beispiel mit Bootstrap-Unterbau von dem aus du dann
> weitermachen kannst.

das klingt gut. Da kann ich sicher was draus lernen.

> 6. Wenn 2. und 3. mit 'Ja' beantwortet: Ich schnür dir ein kleines
> Beispiel mit Smarty und Bootstrap-Unterbau, welches dir massiv
> Copy-Paste abnehmen und dir in Zukunft einige Zeit sparen wird.

klingt interessant.

von Matthias W. (matt007)


Lesenswert?

D. I. schrieb:
> Extrem viel Blindleistung erzeugt :(

Der Zeitaufwand am Design war bisher noch überschaubar. 2006 investierte 
ich meine Weihnachtsferien und nun 2013 ca. 2 Monate.

Deutlich überwiegend vom Zeitanteil her wurden die Inhalte ergänzt (vor 
allem die Wissenschaftsliteratur !) und überarbeitet. Viel Zeit kostete 
auch das Einbinden von Videos wovon leider einige wieder verschwunden 
sind von youtube. Eine große Baustelle wären die vielen mittlerweile 
verschwundenen Links. Da überlege ich momentan statt den Links ein 
txt-file zu hinterlegen wo steht wie der Link mal hieß und wo man ihn 
heute ggf. bei archive.org finden kann oder als Datei auf meiner 
Festplatte.

von D. I. (Gast)


Lesenswert?

Matthias W. schrieb:
>> 6. Wenn 2. und 3. mit 'Ja' beantwortet: Ich schnür dir ein kleines
>> Beispiel mit Smarty und Bootstrap-Unterbau, welches dir massiv
>> Copy-Paste abnehmen und dir in Zukunft einige Zeit sparen wird.
>
> klingt interessant.

mal sehen wie ich Zeit und Lust habe heute Abend. Bau ich ein Skeleton 
mit Smarty und Bootstrap von dem aus du dann weitermachen kannst und 
dich in der Doku zu den beiden zurechthangeln kannst.

Als DE-Hoster falls du wechseln willst kann ich dir hosteurope.de 
empfehlen, dir würde das 3,99 Paket dann reichen.

2004 ist fast 10 Jahre her, so sieht die Seite auch aus ;)

von Walter T. (nicolas)


Lesenswert?

Mal völlig aus dem Zusammenhang gerissen:

Matthias W. schrieb:
> Wichtig scheint mir vor
> allem ein attraktives Design zu sein.

Matthias W. schrieb:
> Die CSS-Datei hat 10kB überschritten

"Ansprechendes Design" liegt immer im Auge des Betrachters. Die Seiten, 
auf denen ich die meiste Zeit verbringe, haben im Design verhältnismäßig 
kleine Abweichung zu "schwarze, serifenlose Schrift auf weißem 
Hintergrund, Links blau, besuchte links violett" - so wie es seit 
Urzeiten üblich ist. Darunter fällt Google, Wikipedia, Süddeutsche.de, 
meine eigene Seite, µC.net, heise.de und viele andere. Das ist schon aus 
Gewohnheit relativ bequem.

Navigationselemente finden sich meist links oder oben. Die Menus sind 
oft recht kurz. Von jeder Seite kommt man direkt auf die Hauptseite 
und/oder die nächste hierarchisch übergeordnete Seite (nützlich, wenn 
man von der Suchmaschine kommt). Viele Punkte werden nicht über riesige 
Menüs, sondern über Unterseiten und gegenseitige Verlinkung erreicht. 
Oder über eine extra Seitensuche.

Oft ist "nur" dorthin navigierbar, was mit dem unmittelbaren Thema 
verknüpft ist. Niemand liest sich bei einem Projekt von der Größe alles 
durch. Wenn eine Navigation größer als eine Seite ist, ist es oft 
sinnvoll sie zu teilen.

Alles was animiert ist (und keinen Zweck erfüllt, z.B. eine 
Funktionsskizze) lenkt nur ab. Bis gerade eben habe ich die vorhandene 
Seitensuche einfach übersehen, weil 1. das animierte Gif daneben und 2. 
das Newsletter-Feld auf der anderen Seite davor abgeschreckt haben.

Eine Seite (auch die Startseite) sollte nur ein Hauptthema haben- die 
Nebenthemen sollten sichtbar untergeordnet sein. Was ist das Hauptthema?
  Vorträge? Beratung? Kontakt? Email? Seminare? Bücher? Infoletter? 
Infopage? Medizin? Energie? Reisen? Dr.-Ing. Elektroingenieur? Geprüfter 
Präventologe®? Alternative Medizin? Energiespartipps? Über mich? Meine 
Medizin-Bücher?

Verzweigung zwischen mehreren getrennten Themen ist nicht schlimm. 
Divide et impera! Redundanz ist auch nicht schlimm. Redundanz ist auch 
nicht schlimm.

Sorgfältig zusammengetragene Dokumente sind deutlich wertvoller, wenn 
sie genauso sorgfältig zugänglich gemacht werden.

Nur meine Meinung
Nicolas

P.S.: Im Zeitalter obsoleter Frames sind Navigationsleisten oben in 
Sekunden weggescrollt und für immer vergessen. Instinktiv erwartet man 
da oben eh nur Werbung. Allgemein die 2cm Rand werden nur sehr peripher 
wargenommen.

von Walter T. (nicolas)


Lesenswert?

Und direkt der Nachschlag: Was ist "Bastelzeit"? Ist das eine 
Literaturliste über Zeitschriftenveröffentlichungen in der Zeitschrift 
"Bastelzeit"?

Und was hat "Bastelzeit" mit "Körperflüssigkeiten" zu tun? Wie 
wahrscheinlich hälst Du es, daß jemand von "Bastelzeit" sich unmittelbar 
"Körperflüssigkeiten" anschaut?

Vermutlich wird der durchschnittliche Leser des einen kaum ein 
unmittelbares Interesse am anderen haben. Zumindest wird er erst den 
einen Themenkomplex fertiglesen wollen, bevor er zum anderen springt. 
Werden die Themenkreise etwas voneinander isoliert, lassen sie sich 
deutlich übersichtlicher darstellen.

von Matthias W. (matt007)


Lesenswert?

Nicolas S. schrieb:
> "Ansprechendes Design" liegt immer im Auge des Betrachters.

klar. Wobei sich der Eindruck auch wandeln kann. Früher kam die Seite 
sehr gut an. Dann änderte sich offenbar der Publikumsgeschmack stark.

> Darunter fällt Google, Wikipedia, Süddeutsche.de,
> meine eigene Seite, µC.net, heise.de und viele andere. Das ist schon aus
> Gewohnheit relativ bequem.

es ist kein so großer Aufwand es so schlicht wie ein Wikipedia zu 
machen. Der grüne Text kann entfernt werden. Es müssen auch keine gelben 
Kästen sein. Es war nur mal eine Idee ein paar Kernbotschaften da 
hineinzustellen. Die Farbe kann man ja mit CSS leicht ändern. Die Links 
lassen sich rasch wieder in blau ändern.

> viele Punkte werden nicht über riesige
> Menüs, sondern über Unterseiten und gegenseitige Verlinkung erreicht.

es gibt verschiedene gangbare Wege. Gegenseitige Verlinkung ist ja 
massiv vorhanden. Auf vielen Seiten heute sieht man die Links nicht 
mehr. Man muss fast raten wo die sind.

> Oder über eine extra Seitensuche.

diese gibt es ja nun - oben auf jeder Seite. Früher war es ein Menüpunkt 
oben in jeder Datei. Nur wer schaute da hin? 2006 hatte ich das mühsam 
so umgebaut. Meine ganzen Weihnachtsferien opferte ich dafür. Ein 
positives Feedback kam leider nie.

> Oft ist "nur" dorthin navigierbar, was mit dem unmittelbaren Thema
> verknüpft ist.

Der Versuch dazu waren die oberen Menüs.

> Wenn eine Navigation größer als eine Seite ist, ist es oft
> sinnvoll sie zu teilen.

Der Versuch dazu ist das neue Menü rechts, das nur das anzeigt was man 
gerade aufgeklappt hat. Auch eine Zweiteilung beim Aufklappen wäre 
denkbar.

> Alles was animiert ist (und keinen Zweck erfüllt, z.B. eine
> Funktionsskizze) lenkt nur ab. Bis gerade eben habe ich die vorhandene
> Seitensuche einfach übersehen, weil 1. das animierte Gif daneben und 2.
> das Newsletter-Feld auf der anderen Seite davor abgeschreckt haben.

Schade wenn es so untergegangen ist. Natürlich kann man diese Kopfzeile 
auch anders gestalten. Es gibt Blickverlaufkameras die man zur 
Optimierung heranziehen könnte. Ich habe so etwas nicht.

> Eine Seite (auch die Startseite) sollte nur ein Hauptthema haben - die
> Nebenthemen sollten sichtbar untergeordnet sein. Was ist das Hauptthema?
>   Vorträge? Beratung? Kontakt? Email? Seminare? Bücher? Infoletter?
> Infopage? Medizin? Energie? Reisen? Dr.-Ing. Elektroingenieur? Geprüfter
> Präventologe®? Alternative Medizin? Energiespartipps? Über mich? Meine
> Medizin-Bücher?

gute Frage. Zum Hauptthema Gesundheit gehören auf dieser Seite die 
Unter-Themen
+ Infopage
+ Infoletter
+ Medizin-Bücher
+ Vorträge, Seminare und ggf. auch
+ Beratung (Präventologen dürfen das).

"Energie" und "Reisen" sind extra Themen die man oben anklicken kann, 
wenn man die Punkte denn findet.

In Menüs verstecken wollte ich nichts.

> Sorgfältig zusammengetragene Dokumente sind deutlich wertvoller, wenn
> sie genauso sorgfältig zugänglich gemacht werden.

ich bin da ganz Deiner Meinung Nicolas.

> P.S.: Im Zeitalter obsoleter Frames sind Navigationsleisten oben in
> Sekunden weggescrollt und für immer vergessen.

schade !  Die Leiste oben ist als Hilfe gedacht. Wenn ich die weglasse 
muss ich die Punkte rechts in das javascript-Menü packen. Das geht auch. 
Nur unterscheide ich da einen Baum zur "Medizin" und einen zur 
"Energie", je nachdem was oben angeklickt worden ist.

> Instinktiv erwartet man da oben eh nur Werbung.

Einen Frame links zur leichteren Suche hatte die Seite auch mal. Als 
klar wurde daß nicht alles da reinpasst habe ich eine Datei sitemap.htm 
gemacht die in einem eigenen Fenster sich öffnete. Es war so gedacht daß 
Nutzer dies dann so nutzen. Nur wer nutzt was man als Hilfe anbietet?

von Matthias W. (matt007)


Lesenswert?

Nicolas S. schrieb:
> Und was hat "Bastelzeit" mit "Körperflüssigkeiten" zu tun? Wie
> wahrscheinlich hälst Du es, daß jemand von "Bastelzeit" sich unmittelbar
> "Körperflüssigkeiten" anschaut?

wie kommst Du auf diesen Zusammenhang? In meiner Bastelzeit habe ich an 
Geräten gearbeitet um an Körperflüssigkeiten über Elektroden Messungen 
zu machen und ggf. über Frequenzen zu beeinflussen. Da gibt es also 
schon einen Zusammenhang. Die Stelle wo Du das gefunden hast sollte man 
näher ansehen.

> Vermutlich wird der durchschnittliche Leser des einen kaum ein
> unmittelbares Interesse am anderen haben. Zumindest wird er erst den
> einen Themenkomplex fertiglesen wollen, bevor er zum anderen springt.
> Werden die Themenkreise etwas voneinander isoliert, lassen sie sich
> deutlich übersichtlicher darstellen.

Ist die Frage wie man das konkret besser macht. Bisher war es ein 
Versuch auf verwandte Themen hinzuweisen. Nicht immer mag das optimal 
geglückt sein - je nachdem welche Interessen der Leser hat. 
Leserspezifische Tipps kann Google eher geben als ich, weil ich ja nicht 
das Nutzerverhalten zu Marketingzwecken speichere !

von Walter T. (nicolas)


Lesenswert?

Matthias W. schrieb:
> klar. Wobei sich der Eindruck auch wandeln kann. Früher kam die Seite
> sehr gut an. Dann änderte sich offenbar der Publikumsgeschmack stark.

So seit Mitte der Nuller Jahre sind die Standarddesigns recht stabil- 
aber das ist ja eh schnell angepaßt mit ein paar Zeilen CSS.

Matthias W. schrieb:
> Es gibt Blickverlaufkameras die man zur
> Optimierung heranziehen könnte. Ich habe so etwas nicht.

Das wäre die Luxuslösung. Die billige Lösung wäre, wenn Du an Deinem 
Rechner für ein paar Tage beim Surfen das Mikrofon anmachst und 
kommentierst, was Dir gefällt und was nicht. Einziges Problem: Du merkst 
nicht, was Du übersehen hast. Die Aufzeichnungen wirst Du wahrscheinlich 
auch nie wieder anhören müssen. Allein das Aufzählen schärft Deinen 
Blick dafür. Wichtig ist nur, daß Du die Seiten nicht kennst und sowohl 
gute als auch schlechte dabei sind. Unter Umständen wären sogar 
Fremdsprachige Seiten, wo Du kein Wort verstehst für ein paar 
Selbstversuche günstig.

von Matthias W. (matt007)


Lesenswert?

Nicolas S. schrieb:
> So seit Mitte der Nuller Jahre sind die Standarddesigns recht stabil-
> aber das ist ja eh schnell angepaßt mit ein paar Zeilen CSS.

darauf hoffe ich momentan. Es muss doch möglich sein das viele CSS was 
ich in den letzten Wochen eingebaut habe so attraktiv wie nur möglich 
einzurichten.

> Die billige Lösung wäre, wenn Du an Deinem
> Rechner für ein paar Tage beim Surfen das Mikrofon anmachst und
> kommentierst, was Dir gefällt und was nicht. Einziges Problem: Du merkst
> nicht, was Du übersehen hast.

Du meinst auch die eigene Seite ansehen? Oder vor allem fremde was dort 
gefällt?

> Allein das Aufzählen schärft Deinen
> Blick dafür. Wichtig ist nur, daß Du die Seiten nicht kennst und sowohl
> gute als auch schlechte dabei sind.

das ist eine gute Idee !
Ich hatte das mal gemacht - nur leider waren von den Seiten dann nur 
noch Schwarz-Weiß-Ausdrucke da die wenig von der Farbgebung zeigten. 
Auch Templates können hilfreich sein. Da kann man von einem schönen die 
Farben abnehmen.

Bitte melde dich an um einen Beitrag zu schreiben. Anmeldung ist kostenlos und dauert nur eine Minute.
Bestehender Account
Schon ein Account bei Google/GoogleMail? Keine Anmeldung erforderlich!
Mit Google-Account einloggen
Noch kein Account? Hier anmelden.