Redesign meiner eigenen Seite

nockenfell · 12. Mai 2011 21:48

Die eigenen Seiten kommen in der Regel immer zu letzt dran...

Nun stelle ich gerne meine neue Seite vor: http://bit.ly/b7eD62

Verwendet wurden CMSms 1.9.4.1 mit den Modulen:

AdvancedContent
Search
CGExtensions
FrontEndUsers
Gallery
SEOTools (um einige Fehler bereinigt)
MultiDomains

sowie die üblichen im Core enthaltenen Module (News, nuSoap, ModulManager, Printing und ThemeManager sind deaktiviert)

Als Plugins setze ich folgendes ein:

tweets (modifiziert)
filebrowser (modifiziert)
base64_image
get_gcb_list

Die Sidebar rechts ist dynamisch mit Globalen Inhaltsblöcken befüllt. Anleitung dazu hier: http://www.cmsmadesimple.de/forum/viewt … 3002#p3002

Das Plugin "tweets" habe ich um ein Caching erweitert. Die Abfrage der Tweets bleibt jeweils eine Stunde gespeichert.
Das Plugin "filebrowser" habe ich um einen FrontEndUser Zugang ergänzt. Damit können eingeloggte User Dateien hochladen und löschen.

Mit base64_image werden die Bilder direkt als datauri im Template eingebunden.

CSS und Stylesheet werden mit minify (https://code.google.com/p/minify/) verkleinert.

Aktuell laboriere ich noch ein wenig mit CGBlog rum. Mal sehen ob sich dieses Modul für ein Blog eignet. An Templates von bereits umgesetzten Blogs wäre ich interessiert.

NaN · 13. Mai 2011 22:31

Sauber und ordentlich.
(Weiß garnicht mehr wie sie vorher ausgesehen hatte.)

Das mit dem Login gefällt mir. Wobei ich auch schon von Leuten gehört habe, dass sie mit Feldern wie

Benutzername
********

und dem zugehörigen Javascript nichts anfangen konnten.
(Ohne Witz. Benutzername haben sie noch kapiert, aber Passwort? Wo? Nix Passwort. big_smile )

Das mit den Referenzen finde ich nicht ganz optimal.
Hab das mit den Punkten nicht gleich kapiert.
Bin sofort mit der Maus über die Bilder und hab nach vor und zurück Links gesucht big_smile
Die "Anleitung" darüber hab ich erst danach gelesen.
Und dann erst hab ich die Punkte gesehen.

Den Rahmen des iFrames bei der Map unter Kontakt->Karte würde ich noch wegmachen.
(Endlich mal etwas anderes als Google-Maps big_smile )

Wie hast Du das mit den FAQs gelöst?
Sind die alle von Hand geschrieben?
Da fehlt übrigens noch ein "nach oben"-Ankerlink wink

Aber sonst nichts zu meckern.
(Validität etc. kann ich grad nix zu sagen. Da fehlen mir hier die Tools.)

Wurst2008 · 13. Mai 2011 05:50

Gefällt mir sehr gut. Einzig die rote Menü-Schrift stört mich ein wenig. Aber das ist rein persönlich. Ich mag einfach keine rote Schrift in Webseiten. Ist und bleibt für mich eine Warnfarbe.

nockenfell · 13. Mai 2011 06:10

NaN schrieb:

Das mit dem Login gefällt mir. Wobei ich auch schon von Leuten gehört habe, dass sie mit Feldern wie
Benutzername
********
und dem zugehörigen Javascript nichts anfangen konnten.
(Ohne Witz. Benutzername haben sie noch kapiert, aber Passwort? Wo? Nix Passwort. )

Das es das gibt ist klar. Allerdings ist das Login hier erstmal für mich alleine und ein paar ausgewählte Kunden die sich im Loginbereich Informationen zu Ihrem Projekt abholen können. Diese wissen wie's geht. Mit dem jQuery blende ich die "normal" unwichtigen Sachen aus um platz zu sparen.

Das gleiche habe ich beim "Download" in der Onlinehilfe Box gemacht. Mit JS klappts auf Klick auf und wenn kein JavaScript verfügbar ist, läuft das ganze mit CSS Hover.

Das mit den Referenzen finde ich nicht ganz optimal.
Hab das mit den Punkten nicht gleich kapiert.
Bin sofort mit der Maus über die Bilder und hab nach vor und zurück Links gesucht
Die "Anleitung" darüber hab ich erst danach gelesen.

Ich bin mir im Moment auch nicht sicher ob das nun gut so ist. Letzhin die Seite von uniw3 angeschaut. http://www.ich-mach-das.at/referenzen . Dies wäre auch keine schlechte Idee. Da sind noch relativ viel Infos zu den einzelnen Seiten sowie mehr Screenshoots. Mal schauen.

Den Rahmen des iFrames bei der Map unter Kontakt->Karte würde ich noch wegmachen.
(Endlich mal etwas anderes als Google-Maps )

Danke für den Tipp. Hab's gleich noch um ein paar Infos angereichert.

Wie hast Du das mit den FAQs gelöst?
Sind die alle von Hand geschrieben?

Alles von Hand.

Da fehlt übrigens noch ein "nach oben"-Ankerlink

Kann ich mal noch einbauen.

nockenfell · 13. Mai 2011 06:11

Wurst2008 schrieb:

Gefällt mir sehr gut. Einzig die rote Menü-Schrift stört mich ein wenig. Aber das ist rein persönlich. Ich mag einfach keine rote Schrift in Webseiten. Ist und bleibt für mich eine Warnfarbe.

Gehört zum Logo. Von dem her passt sie gut rein, finde ich.

Andynium · 13. Mai 2011 07:39

Schöne, klare Seite - prima, gefällt mir.

Nur vergibt Pagespeed hier einen Wert von 64 roll ... möglicherweise musst du da noch mal ran.

Wie ich sehe, verwendest du auch datauri's ... hast du auch mal die Performance zwischen der regulären base64-Kodierung und einer gecachten base64-Kodierung verglichen?

nockenfell · 13. Mai 2011 08:23

Ich bekomme eine Pagespeed von 89:
http://pagespeed.googlelabs.com/#url=ht … bile=false

Mit was hast du gemessen?

Andynium · 13. Mai 2011 08:58

Firefox 3.6.x / Pagespeed-Plugin 1.11.2

Hab mich auch echt gewundert, da das, was angemeckert wird, eigentlich nicht so dramatisch aussieht.

nockenfell · 13. Mai 2011 09:23

Die base64 Kodierung ist übrigens gecachet

Andynium · 13. Mai 2011 09:25

cyberman schrieb:

Firefox 3.6.x / Pagespeed-Plugin 1.11.2
Hab mich auch echt gewundert, da das, was angemeckert wird, eigentlich nicht so dramatisch aussieht.

Offensichtlich sind die Kriterien bei der neuen Plugin-Version stark geändert worden - hab gerade mal CMSMS im Auslieferungszustand getestet - 49/100.

Andynium · 13. Mai 2011 09:27

nockenfell schrieb:

Die base64 Kodierung ist übrigens gecachet

Das schöne an datauri ist, dass man so ziemlich jeden mime-Typ derart einbetten kann ... also auch js und css.

noober · 13. Mai 2011 10:56

Sehr schöne Seite, klar und übersichtlich.

Ich würde den Zeilenabstand der Textblöcke erhöhen um die Lesbarkeit zu erhöhen.
Die Web-Referenzen wechslen nicht nachvollziehbar, vielleicht wären hier zusätzliche "weiter" und "zurück" Buttons sinnvoll.

Vorschlag Formulierung Einstiegstext:

1. WEBDESIGN
BlatterTech Informatik erstellt Webseiten für Organisationen, Firmen und Privatpersonen. Wir verfügen über XX (oder "viele") Jahre Erfahrung und beraten Sie kompetent und zuverlässig.

2. IT SUPPORT
BlatterTech bietet Ihnen zuverlässigen und kompetenten IT Support. Schwerpunkte sind Netzwerke, Netzwerktechnik, Neuanschaffungen, Unterhalt und Problembehandlungen.

Warum BlatterTech?
Wir beraten Sie perönlich und kompetent, arbeiten schnell und umfassend. In dringenden Fällen sind wir auch außerhalb der normalen Geschäftszeiten für Sie erreichbar.

nockenfell · 13. Mai 2011 12:42

noober schrieb:

Sehr schöne Seite, klar und übersichtlich.
Ich würde den Zeilenabstand der Textblöcke erhöhen um die Lesbarkeit zu erhöhen.
Die Web-Referenzen wechslen nicht nachvollziehbar, vielleicht wären hier zusätzliche "weiter" und "zurück" Buttons sinnvoll.

Meinst du den Zeilenabstand zwischen ein einzelnen Zeilen oder zwischen den Blöcken?

Die Referenzen werde ich nun definitiv überarbeiten. Checkt wohl keiner wie's geht yikes

Vorschlag Formulierung Einstiegstext:

Vielen Dank. Habe die Vorschläge gleich übernommen. (die bisherigen waren auch nicht besser) Ein oder 2 Sätze muss ich noch hinzufügen. Im Moment fällt mir noch keine Formulierung ein. Im Moment sind das "kompetent und zuverlässig" fast ein wenig zuviel drin. Zumindest dazu sollte noch etwas stehen, sonst sagen die 3 Absätze 3x das gleiche.

Andynium · 13. Mai 2011 12:49

cyberman schrieb:

Offensichtlich sind die Kriterien bei der neuen Plugin-Version stark geändert worden - hab gerade mal CMSMS im Auslieferungszustand getestet - 49/100.

Die weiteren Tests lassen in der Tat keinen anderen Schluß zu

die optimierten Bilder übernommen = 67/100
{cms_stylesheet} durch {touchfastcss} ersetzt = 71/100

Möglicherweise könntest du die js auch noch via ScriptDeploy zusammenfassen ...

noober · 13. Mai 2011 13:59

Zeilenabstand zwischen den Zeilen der Textblöcke:

Beispiel:
font-family: Verdana;
word-spacing: -0.05em;
text-align: justify;
line-height: 1.8em;
font-size: 1.2em;

hier kann man Schriften sehr gut testen:
http://www.typetester.org/

Text (Inhaltlich etwas erweitert und mit weniger Wiederholungen smile ):

Ihr Partner für Webdesign und IT Support

Webdesign
BlatterTech Informatik erstellt Webseiten für Organisationen, Firmen und Privatpersonen. Wir verfügen über 10 Jahre Erfahrung im Bereich Webdesign sowie Web Entwicklung und erstellen Ihr Projekt von der Idee bis zur fertig programmierten Webseite inkl. Suchmaschinen Optimierung.

IT Support
BlatterTech bietet Ihnen zuverlässigen IT Support auf dem neusten Stand der Technik. Schwerpunkte sind Netzwerke, Netzwerktechnik, Neuanschaffungen, Unterhalt und Problembehandlungen.

Warum gerade BlatterTech?
Wir beraten Sie perönlich und kompetent, arbeiten schnell und umfassend. In dringenden Fällen sind wir auch außerhalb der normalen Geschäftszeiten für Sie erreichbar.

noober · 13. Mai 2011 14:02

habe gerade die suche testen wollen .... da erscheint eine weiße Seite

Firefox 4.01

nockenfell · 13. Mai 2011 14:11

@noober

Danke für's redigieren. Den Zeilenabstand habe ich ergänzt. Sieht so besser aus, da hast du recht.

nockenfell · 13. Mai 2011 14:24

noober schrieb:

habe gerade die suche testen wollen .... da erscheint eine weiße Seite
Firefox 4.01

Kann ich bestätigen. In IE 9 kommt was:

Hier klicken, um den Code zum Kopieren zu markieren

Warning: Parameter block_tab is not known by module Search dropped in /home/btech/public_html/lib/misc.functions.php on line 1629

Schätze mal das hier AdvancedContent ein Problem verursacht. Ev hat einer Erfahrung mit dem Suchmodul und AdvancedContent. Da ich AC erst später eingebaut habe, habe ich die Suche danach nicht mehr kontrolliert....
tststs

Opera hingegen meldet:

Hier klicken, um den Code zum Kopieren zu markieren

The server tried redirecting to an invalid address. Please report this to the webmaster of the site

Die Lösung für zweites Problem ist wahrscheinlich:

(optional) search_method="get" - Kompatibilität für Pretty URLs für die POST-Methode, der voreingestellte Wert ist immer GET, damit dies funktioniert, verwenden Sie {search search_method='post'}

Im FF4 funktioniert es nun, abgesehen von der block_tab Fehlermeldung.

Nächster Versuch:
{content} durch {AdvancedContent} ersetzt. Nun ist die Fehermeldung weg!

nockenfell · 13. Mai 2011 14:28

cyberman schrieb:

Die weiteren Tests lassen in der Tat keinen anderen Schluß zu
die optimierten Bilder übernommen = 67/100
{cms_stylesheet} durch {touchfastcss} ersetzt = 71/100
Möglicherweise könntest du die js auch noch via ScriptDeploy zusammenfassen ...

CSS und JS ist bei mir komprimiert. Da ich "statische" CSS und JS Files verwende, fällt ScriptDeploy bei mir aus. (oder kann das mittlerweile externe CSS einbinden?)

Andynium · 16. Mai 2011 09:13

nockenfell schrieb:

Die base64 Kodierung ist übrigens gecachet

Haben wir das Plugin schon hier irgendwo im Download wink ?

nockenfell · 16. Mai 2011 10:11

cyberman schrieb:

nockenfell schrieb:
Die base64 Kodierung ist übrigens gecachet
Haben wir das Plugin schon hier irgendwo im Download ?

Ja von NaN. Hier hat er's zum Download angeboten:
http://forum.silkframework.de/viewtopic … 7215#p7215

Cherry · 16. Mai 2011 13:35

nockenfell schrieb:

Da ich "statische" CSS und JS Files verwende, fällt ScriptDeploy bei mir aus. (oder kann das mittlerweile externe CSS einbinden?)

Hallo nockenfell...
das geht problemlos.

Forum für CMS/made simple

#1 12. Mai 2011 21:48

Redesign meiner eigenen Seite

#2 13. Mai 2011 22:31

Re: Redesign meiner eigenen Seite

#3 13. Mai 2011 05:50

Re: Redesign meiner eigenen Seite

#4 13. Mai 2011 06:10

Re: Redesign meiner eigenen Seite

#5 13. Mai 2011 06:11

Re: Redesign meiner eigenen Seite

#6 13. Mai 2011 07:39

Re: Redesign meiner eigenen Seite

#7 13. Mai 2011 08:23

Re: Redesign meiner eigenen Seite

#8 13. Mai 2011 08:58

Re: Redesign meiner eigenen Seite

#9 13. Mai 2011 09:23

Re: Redesign meiner eigenen Seite

#10 13. Mai 2011 09:25

Re: Redesign meiner eigenen Seite

#11 13. Mai 2011 09:27

Re: Redesign meiner eigenen Seite

#12 13. Mai 2011 10:56

Re: Redesign meiner eigenen Seite

#13 13. Mai 2011 12:42

Re: Redesign meiner eigenen Seite

#14 13. Mai 2011 12:49

Re: Redesign meiner eigenen Seite

#15 13. Mai 2011 13:59

Re: Redesign meiner eigenen Seite

#16 13. Mai 2011 14:02

Re: Redesign meiner eigenen Seite

#17 13. Mai 2011 14:11

Re: Redesign meiner eigenen Seite

#18 13. Mai 2011 14:24

Re: Redesign meiner eigenen Seite

#19 13. Mai 2011 14:28

Re: Redesign meiner eigenen Seite

#20 16. Mai 2011 09:13

Re: Redesign meiner eigenen Seite

#21 16. Mai 2011 10:11

Re: Redesign meiner eigenen Seite

#22 16. Mai 2011 13:35

Re: Redesign meiner eigenen Seite

Fußzeile des Forums