Webocton - Community

[raum40302]

Die Diskussion hat in diesem Thread begonnen scriptly-bug-report/vorschau-t1475.html


Hallo,

also wenn es jetzt funktioniert ist ja alles bestens.

lowsrc ist ein Attribut von img. Das ist dann eine Art Vorschaubild das angezeigt wird solange das eigentliche Bild läd.
Einige Browser kennen das Attribut nicht und ich meine mal gelesen zuhaben das es nicht valide ist und nur mit Javascript funktioniert oder?

Code: Alles auswählen

<img src="bild.jpg" lowsrc="bildklein.jpg" alt="bild" />

Halt deine Meinung bitte nicht zurück, mich interessiert sie

Mich interessiert das auch.

Gruß Markus

[Ratoncito]

Hallo Markus,

wenn ich das richtig verstehe, müsste ich jedes Bild 2 mal haben. Einmal in der normalen und einmal in der niedrigen Auflösung? Oder wird das Bild mit dem lowscr-Attribut dann von der Seite anders geladen?

Saludos - Wolfgang


Hallo Addi,

bin immer noch an Deiner Meinung interessiert! Will nicht drängeln und bin ja auch nicht neugierig, will immer nur gerne alles wissen

Saludos - Wolfgang

[adrido]

Salli

Ok wenn meine Meinung so gefragt ist werde ich mich dann mal dazu äußern auch wenn das etwas länger dauern könnte
(ich hoffe es wird dann nicht gelöscht wird weils nicht zum Thema gehöhrt)

Also ganz ganz ganz ganz grob eingeteilt gibt es im web 2 verschidene arten von Seiten.
Es Gibt die Seiten Die Mit Grafiken und blinkenden Flash elementen vollgestopft sind(wenn man kein werbeblocker hat hehe)
aber es gibt auch seiten Wie http://de.selfhtml.org/html/
oder http://www.google.de
oder meine dauerbaustelle http://fensta.bplaced.net (schleichwerbung muss einfach sein)
die komplett ohne Hintergrundgrafiken auskommen.
ich weiß eigenlob stinkt aber...
Meine Seite ist ein gutes zeichen dafür dass es auch komplett ohne "große" hintergrundgrafiken geht.

Eine Seite Wie deine Würde aber bei so schönen Bildern keinen rechten sinn machen.
von da an sind die bilder mit ca 300 kbyte eigendlich ganz Ok da ist überhaupt nichts dagegen einzuwenden ansonnsten hab ich mal mit einem von deinen bildern experimentiert(deine rechtsklicksperre hat also nichts gebracht dazu hab ich auch ne meinung aber die tut hier nichts zur sache) und hab herausgefunden dass sich die bilder ohne mit bloßem auge erkennbaren unterschied auf gut 50 kbyte! komprimieren lassen probier mal GIMP aus is kostenlos und easy zu handhaben.
Tja die moderne Technik!
was früher noch undenkbar war sollte man heute unbedingt anwenden da vorallem die Mobilen surver keinen großen datenduchsatz haben.

du könntest deine bilder jedoch noch mit einem Link ausstatten damit man sie hauch in Hoher Qualität (im web2.0 auch mit HD bezeichnet) noch betrachten oder vllt. als desktophintergrund herunterladen kann (bei solch shönen bildern durchaus denkbar.)(solltest dann aber die rechtsklicksperre rausnehmen!).

Apropo desktop:

Was heutzutage auch oft gang und gebe ist (komprimierung sei dank!) ist dass du eines deiner Schönen bilder nimmst und als hintergrundbild einbettest. (anstatt die Kies-sand Kacheln) müsstest dann allerdings die contentelemente leicht transpatent darstellen
z.b.
rgba(??,??,??,0.8)
aber nicht übertreiben damit die lesbarkeit nicht af der strecke bleibt.
Dann könnte es aber durchaus passieren dass du die Mobilen Nutzer verärgerst.
im grunde musst du da das für und wieder eben abwiegen.

Also große bildder im web sind nichts schlimmes man muss die nur richtig komprimieren.


so und nun zu lowsrc:
ja das stimmt es funktioniert leider nicht in allen browsern ist auch kein offizieller standart.
aber für diejenigen mit langsamer i-net anbindung dürfte es wenn es bei denen funktioniert ne schöne freude sein

so das wars.

mfg
Addi

[raum40302]

Hallo,

ich kann Deine Meinung voll und ganz teilen.

die bilder ohne mit bloßem auge erkennbaren unterschied auf gut 50 kbyte! komprimieren lassen

Das meinte ich mit :

nach sollten sie zwischen 50kb und 100kb sein. Fotos sind immer ein Spagat zwischen Ladezeit und Qualität der Bilder.

Je nachdem auf was man Wert legt, oder welche Nutzer, mobil (Handy) oder stationär(Laptop, Desktop), man ansprechen will.

Gruß Markus

[Manfred62]

Ist eigentlich OT und hat mit Scriptly/Bugreport nichts zu tun...

Zu Bildergröße komprimieren: schau dir mal RIOT an. Geht/gibts auch portabel.
Super einfach zu handhaben. Gibts auch als Plugin für einige Programme.

zu Rechtsklicksperre: absolutes NoGo!! Du bevormundest deine Besucher (und nimmst ihnen ihr Menü weg)?
Beispiel: ich nehm dir den Schalthebel aus deinem Auto weg... Was sagst dazu
Bringen tuts eh nix Zudem outet man sich mit sowas als (sorry) Dilettant...

zum lernen von html/css: das imho beste Tutorial --> Little Boxes

Manfred

[Ratoncito]

Hallo zusammen,

vielen Dank für die vielen Antworten, auch für die, die eigentlich nicht mehr zum Thema bzw. der eigentlichen Frage gehören.
Mein Problem mit der Vorschau ist gelöst, vielen Dank.

Dann noch ein paar Bemerkungen zum Rest:
Auch hier grundsätzlich vielen Dank für alle Hinweise, Tipps und Kritik, ohne die man nichts verbessern kann.

Bitte nicht vergessen, das ist meine erste HP. Vorher hatte ich nicht den blassesten Schimmer von Nichts. Und dafür ist es doch ganz ordentlich geworden (finde ich zumindest). Ich hab zwar nichts neu erfunden, aber alles, was mir gefiel so umgewandelt, dass es zu meiner HP passt. Und dass fand ich schon schwer genug, denn oft sind Theorie und Praxis zwei unterschiedliche Welten.

Zu der Bildgröße: Ich habe einen recht großen Monitor und hasse verpixelte Bilder. Da die Bilder bei "Mouse over" mit 800x450 Pixel angezeigt werden, hatte ich dies als Größe genommen und in der rechten Bildleiste verkleinert dargestellt. Da der Seitenaufbau bei mir recht zügig ging, habe ich mir dann weiter keine Gedanken gemacht. Anfänger halt. Da gab es andere Probleme.

Zum Hintergrund: Ja, es gibt schönere Bilder als die für Mexiko typischen Steine. Aber ich habe ganz schön lange gebraucht (gespiegelt und aneinander gefrickelt), bis diese als Hintergrund ohne einen gekachelten Effekt (Wiederholungen) brauchbar waren. Bei wechselnden Bildern kommen zusätzlich noch Probleme mit der Lesbarkeit des Textes hinzu.

Auch die Rechtsklicksperre hat einen Grund, der nichts mit dieser Homepage zu tun hat (ich habe da noch eine andere Baustelle). Wo kann man die Aus- und Einschalten? Möchte mich nicht als Dilettant outen, auch wenn ich noch einer bin

Zu lowscr: Braucht man dazu 2 Bilder? Oder wird das gleiche Bild vom Browser ander geladen?

Jetzt wo das Wetter schlechter wird werde ich wohl bald wieder etwas mehr Zeit für die HP haben und dann meine weiteren Fragen im passenden Forum stellen. Wo gehört es hin? Off-Topic oder Homepage und Forum?

Saludos - Wolfgang

[Manfred62]

Zu der Bildgröße: Ich habe einen recht großen Monitor und hasse verpixelte Bilder...

Was haben deine Besucher..? Verstanden, was gemeint ist? Eine Webseite ist in erster Linie für die Besucher gedacht.

Auch die Rechtsklicksperre hat einen Grund, der nichts mit dieser Homepage zu tun hat (ich habe da noch eine andere Baustelle). Wo kann man die Aus- und Einschalten? Möchte mich nicht als Dilettant outen, auch wenn ich noch einer bin

Dieses Script macht das: http://www.npage.de/javascript/collection/js_s2.js

Zu lowscr:...

Brauchst nicht. Komprimier deine Bilder, dann passt es.

...etwas mehr Zeit für die HP haben und dann meine weiteren Fragen im passenden Forum stellen...

Ist ja dann unabhängig von Scriptly. Meine Empfehlung --> http://xhtmlforum.de/
Dort sind einige von hier vertreten. Imho das beste Forum rund um html, css usw.

BTW: hab mir mal deine Seite genauer angeschaut. Technisch --> AUA.. Ist jetzt aber nicht böse gemeint.
Alles in Frames --> Uralt-Technik.
Alle möglichen und unmöglichen JavaScripte...
Ich vermute mal, viele der Scripte werden von npage vorgegeben? Wenn ja, wechsel zu einem anderen Hoster.
Guter Freehoster ist bplaced. Oder eventuell doch eine eigene Domain? Ist ja nicht so teuer.

Wie gesagt, arbeite dich mal in Little Boxes ein.
Ist der beste Weg, das ganze korrekt zu lernen.

muchos saludos y disfrutes el fin de semana
Manfred

[raum40302]

hallo,

Zu lowscr: Braucht man dazu 2 Bilder? Oder wird das gleiche Bild vom Browser ander geladen?

Wenn du das über lowsrc machen willst bräuchtest zwei Bilder mit Komprimierung fährste aber besser meine ich.
Dramatisch war ist die Ladezeit aber nicht vielleicht 3-4 sec.. Da gibt es schlimmere HPs im Netz vo es viel länger geht.

BTW: hab mir mal deine Seite genauer angeschaut. Technisch --> AUA.. Ist jetzt aber nicht böse gemeint.
Alles in Frames --> Uralt-Technik.

Wenn ich das richtig verstanden habe ist das so eine Art WYSIWYG editor von npage der das dann so vor gibt. Ausserdem als Anfäger ist das nicht so leicht sich in die Materie einzu arbeiten. Dann wird noch von bestimmten Anbietern versprochen das man das ganz ohne Programmierkenntnisse bewerkstelligen kann was bis zu einem gewissen Grad auch geht aber sobalt was nicht funktioniert ist es schwer den Code als Anfänger zu verstehen.

Wie gesagt, arbeite dich mal in Little Boxes ein.

Ja das ist der richtige Weg. Ich würde die jetzige Page so lassen wie sie ist (sie siehtja gut aus und funktionieren tut sie auch) und eine neue von Grund auf händisch (mit dem Scriptly schreiben, dafür gab es einige gute Links hier im Tread). Da lernste am meisten und du wirst bald merken so schwer ist das nicht.

Guter Freehoster ist bplaced.

Ja mein ich auch.

@Benedikt gehört ja nicht mehr zum Thema und Thema ist ja auch gelöst evtl. (wenn du es für richtig hälst) verschiebst du den Tread in OT dort ist er besser aufgehoben denke ich.

Gruß Markus

[Ratoncito]

BTW: hab mir mal deine Seite genauer angeschaut. Technisch --> AUA.. Ist jetzt aber nicht böse gemeint.
Alles in Frames --> Uralt-Technik.
Alle möglichen und unmöglichen JavaScripte...

Hallo Manfred,

upps, das haut mich jetzt aber um

Was heißt denn hier Uralt-Technik?
Ich habe das Design in CSS gemacht. Das Prinzip stammt aus einem recht neuen Buch (2009 oder 2010). Ich habe es dann so umgebaut, dass es für meine Seite passte und funktionierte, dann habe ich noch weiteren CSS-Style, hauptsächlich für die Bilder, eingebaut. Alles das was zwischen <body> und </body> steht habe ich irgendwann mal durch einen Validator gejagt. Das Ergebnis war ok, dann hab ich die Seite bei nPage hochgeladen und alle weiteren Seiten nach gleichem Muster erstellt.
Wie sollte es denn gemacht werden?

Von mir ist nicht ein JavaScript!?! Und die Rechtsklicksperre bekomme ich auch nicht weg!

Bei bplaced habe ich mal geschaut, aber dort ist Anmeldesperre

Saludos y cuídate - Wolfgang

[Ratoncito]

Wenn ich das richtig verstanden habe ist das so eine Art WYSIWYG editor von npage der das dann so vor gibt. Ausserdem als Anfäger ist das nicht so leicht sich in die Materie einzu arbeiten. Dann wird noch von bestimmten Anbietern versprochen das man das ganz ohne Programmierkenntnisse bewerkstelligen kann was bis zu einem gewissen Grad auch geht aber sobalt was nicht funktioniert ist es schwer den Code als Anfänger zu verstehen.

Gruß Markus

Hallo Markus,

in nPage gibt es mehrere Editoren. 2 Editoren sind wohl so eine Art WYSIWYG-Editor, aber alle beide zerschlagen meine Seite komplett, einmal öffnen und wieder speichern reicht, und alles ist hin.
Daher habe ich alles händisch mit Scriptly (ohne Scriptly hätte ich das nie geschafft!!!) gemacht und dann den "Body-Teil" nach nPage kopiert.

Ich habe mich schon sehr zeitaufwendig in HTML und CSS eingelesen und dachte eigentlich, dass meine Seite mehr oder weniger ok wäre. Dass dies nun Uralt-Technik ist, überrascht mich schon.

Die Seite

http://aw-unterwegs.de.to/

werde ich erstmal so lassen wie sie jetzt ist (außer einer kleinen Änderung, da der Kopf mit Chrome verzerrt angezeigt wird), aber ich habe da noch so eine andere Baustelle. Dort werde ich versuchen, es besser zu machen.

Saludos - Wolfgang

[raum40302]

Hallo,

gemacht und dann den "Body-Teil" nach nPage kopiert

Naja dann entschuldige ich mich für meine Vermutung. Wenn de aber den Body teil schon geschrieben hast dann kommt es auf den head teil und den Doctype auch nicht mehr an. Ich glaube das der Browser Chrome irgendwas "falsch" versteht und deshalb das Bild verzerrt. Hast Du deinen Seiten Quelltext mal angeschaut? Also ich meine im z.B. Internet explorer nicht im Scriptly. Mit Frames arbeite ich auch nicht, ob das jetzt Uralt Technik ist, ist denke ich eine persönliche Meinung es ist meines wissens immer noch Standart und wenn man das so machen will ist es halt so (für manche Websiten ist es sicherlich auch nötig das mit Frames zu machen). Auserdem vermute ich jetzt mal das du das mit den Frames nicht gemacht hast oder irre ich mich da?

werde ich erstmal so lassen wie sie jetzt ist (außer einer kleinen Änderung, da der Kopf mit Chrome verzerrt angezeigt wird), aber ich habe da noch so eine andere Baustelle. Dort werde ich versuchen, es besser zu machen.

Ja das ist die richtige Einstellung so würde ich das auch machen.
Bei der neuen Baustelle würde ich empfehlen das du die gesamte Seite (nicht nur den Body) schreibst also auch den Doctype und den Head Teil.Im scriptly einfach einen neue HTML datei öffnen un das folgende Fenster ausfüllen und schon ist das mit dem Doctype auch gemacht (den Link den ich weiter oben zum Doctype gesetzt habe solltest du evtl . lesen dan verstehst du was der Doctype macht). Dann suche dir einen ganz normalen Freehoster gibt ja genug z.B. Ohost, funpic , sind sicher nicht der Brecher und Werbefinanziert aber zum probieren tuts es. Einfach mal Googel und konsorten Fragen.
Wenn du dann einen "bezahl Hoster" suchst für die Seite die gibt es ab 0,79€ je Monat mit PHP Datenbanken Email account usw. alles unbegrenzt taffic unbegrenzt 10Gb Speicher(die Menge braucht kein privat Mensch für seine Page) und natürlich einer de Domian.

Gruß Markus

[Benedikt Loepp]

Hallo,
meine Güte, ihr seid ja ganz schön aktiv hier Freut mich, dass hier so gute Diskussionen entstehen

Aber um mal wieder den Überblick zu gewinnen: Alle Probleme bzgl. des Scriptlys haben sie geklärt, die hier angesprochen wurden, oder? Dann würde ich es mir nämlich erlauben, den restlichen Teil der Diskussion über Bilder-Kompression ins Off-Topic-Forum zu verschieben, wo es eher hingehört (gelöscht wird hier nix, und ins 'Homepage und Forum'-Forum gehören Sachen, die sich mit der Webocton-Homepage und dem -Forum befassen)

Schönen Gruß,
Benedikt Loepp

[Ratoncito]

Hallo,
meine Güte, ihr seid ja ganz schön aktiv hier Freut mich, dass hier so gute Diskussionen entstehen

Aber um mal wieder den Überblick zu gewinnen: Alle Probleme bzgl. des Scriptlys haben sie geklärt, die hier angesprochen wurden, oder? Dann würde ich es mir nämlich erlauben, den restlichen Teil der Diskussion über Bilder-Kompression ins Off-Topic-Forum zu verschieben, wo es eher hingehört (gelöscht wird hier nix, und ins 'Homepage und Forum'-Forum gehören Sachen, die sich mit der Webocton-Homepage und dem -Forum befassen)

Schönen Gruß,
Benedikt Loepp

Hallo Benedikt,

mit Scriptly gab es eigentlich keine Probleme, lediglich stimmten meine Einstellungen nicht mehr zur neuen Version von FF.

Irgendwo hatte ich am Anfang mal etwas zur Vorschau und einbinden von FF gelesen, aber die Infos passen dann nicht mehr zur neuen Version. Eine kleine Info auf der Download-Seite darüber, dass die Vorschau bei den neuen FF-Versionen nur noch über den Menüpunkt "Programme" geht, wäre nicht schlecht.

Ansonsten ist der Editor einfach super! Nochmal vielen, vielen Dank, dass man so etwas kostenlos nutzen darf!

Also, verschiebe den Beitrag wohin Du es für richtig hältst.

Hallo an alle anderen,

vielen Dank für Eure Hilfe, Anregungen und Kritik. Ich habe mich über alle Antworten sehr gefreut.

Dann habe ich mir den Quelltext auch mal angesehen. Das ganze Java- und Framegemüse stammt definitiv nicht von mir, da habe ich nämlich gar keine Ahnung von.
Mein Anteil der Seite besteht aus Header, Footer und dem Body. Der Body besteht aus 3 Boxen, deren Länge sich immer nach der längsten Box richtet. Die Grundlage dazu ist auch nicht auf meinem Mist gewachsen, das habe ich nur aus einem Buch zu CSS abgekupfert. Man muss ja nicht immer wieder das Rad neu erfinden. Die Anpassung an meine Ideen und Vorstellung zum Aussehen der Seite war für mich, als absoluten Neuling schon schwer genug. Daher ist der CSS-Style sicherlich weit von einer strukturierten Programmierung entfernt.
Da alle Seiten den gleichen Header und Footer hatten, habe ich das nachträglich ausgelagert und in einer anderen Einstellung in nPage abgelegt. Leider habe ich dann irgendwann mal festgestellt, dass der Kopf mit Chrome dadurch verzerrt wird. Das liegt wohl an einer zweimal verwendeten ID!?! Werde mich bei Gelegenheit nochmal darum kümmern.

Wenn Ihr noch mehr Ideen, Anregungen und Kritik zu meiner Seite

http://aw-unterwegs.de.to/

habt, immer her damit.

Saludos - Wolfgang

[gabischatz]

Hi Wolfgang,

Wenn Ihr noch mehr Ideen, Anregungen und Kritik zu meiner Seite

Ich würde die Auflösung deiner Seite erheblich verkleinern, nicht jeder hat so einen großen Bildschirm, auf meinen Schleppi 15Zoll muss ich immer viel scrollen, um deine Seite zu betrachten. Und noch eins Deine Überschrift "Unterwegs in M.." würde ich als Text <h1> über das schöne Bild legen und als Link zur Startseite deklarieren. Entferne dein Js in dem du die rechte Maustaste deaktiviert hast. Dies verschwendet nur unnötige Ressourcen und erhöht die Ladezeit erheblich.

Code: Alles auswählen

#container {
    max-width:1300px;
    min-width:1260px;


Hi Benedikt, ist dir schon mal aufgefallen, dass man hier im Forum falsche Referenzen mit den Zitaten erstellen kann.
zB. Text am Ende eines Posts markieren, und den nächstgelegenen Zitieren Button drücken ergibt zB.

Wenn Ihr noch mehr Ideen, Anregungen und Kritik zu meiner Seite

MfG gabischatz

[Ratoncito]

Ich würde die Auflösung deiner Seite erheblich verkleinern, nicht jeder hat so einen großen Bildschirm, auf meinen Schleppi 15Zoll muss ich immer viel scrollen, um deine Seite zu betrachten. Und noch eins Deine Überschrift "Unterwegs in M.." würde ich als Text <h1> über das schöne Bild legen und als Link zur Startseite deklarieren. Entferne dein Js in dem du die rechte Maustaste deaktiviert hast. Dies verschwendet nur unnötige Ressourcen und erhöht die Ladezeit erheblich.

Code: Alles auswählen

#container {
    max-width:1300px;
    min-width:1260px;


MfG gabischatz

Hi gabischatz, (netter Nickname)

das ist meine erste HP, da probiert man alles aus und packt hinein was man ans Laufen bekommen hat. Wenn ich die Auflösung verkleinere gibt es riesige Probleme, da die Breite praktisch bis auf den letzten Pixel ausgenutzt ist. Aber versuche mal die Tastenkombination: "Strg" und "-", bzw. "Strg" und "+". Damit kann ich die Seite selbst bei meinem kleinen Netbook in ganzer Breite sehen ohne zu scrollen.

Und noch eins Deine Überschrift "Unterwegs in M.." würde ich als Text <h1> über das schöne Bild legen und als Link zur Startseite deklarieren.

Hmh, habe ich noch nicht so ganz verstanden, wird aber nicht so einfach als <h1> gehen, wegen Größe, Kontrast und Lesbarkeit. Und Link zur Startseite? Das ist doch die Startseite!?! Wahrscheinlich blicke ich noch nicht so ganz durch, was gemeint ist.

Und wenn Du mir jetzt noch sagst, wie ich den Javascript zur Rechtsklicksperre wieder entferne bist Du wirklich "Gabischatz".

Danke und Saludos - Wolfgang