Witze-Dschungel.de
lima-city → Forum → Die eigene Homepage → Promotion
auge
beispiel
bild
code
dank
darstellung
datei
design
dschungel
gestalten
http
kategorie
markup
meinung
stil
text
url
verwenden
webseite
witz
-
Hallo,
in diesem Thema möchte ich meine Witze-Seite vorstellen.
Beschreibung meiner Seite
Die Seite ist eine Witze-Seite mit einem großzähligen Kategorien-Bereich. Die Anzahl der Witze wird regelmäßig erhöht.
Momentan ist jedoch die gennerelle Struktur der Seite im Vordergrund.
Zielgruppe
Meine Seite ist vorallem an junge Besucher gerichtet, ist aber so konzipiert, dass sie für jeden "lesbar" ist. Das heißt: Auf englische Wörter und Fachbegriffe wurde verzichtet.
Link zu meiner Seite:
Witze-Dschungel.de
Viel Spaß auf meiner Seite! -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
-
Kannst du auch noch bitte beschreiben, was genau du daran "cool" findest?
Das würde mir sehr weiterhelfen. -
Es hat schon einen Grund, warum so viele Webseiten Schwarze Schrift auf weißem Hintergrund bevorzugen. Weiß auf Schwarz macht bei mir zumindest sehr Kopfweh und ich möchte kein Kopfweh haben.
Davon abgesehen, es gibt abertausende Witzeseiten. Was ist an deiner Besonders? Sag es dem Besucher sofort! Beispiel: 100 Witze, die Sie noch nicht kannten! Hebe dich mehr von der Konkurrenz ab!
Nun unter Kollegen: (konstruktiv gemeint)
+ Das Markup ist sehr sauber
+ Die Webseite ist Mobilfreundlich und schnell
- /style.css wurde nicht gefunden
- /stil/stil.css könnte weit mehr Stilinformationen enthalten
- Zu viel HTML bzw. zu wenig CSS
- Startseite langweilig, schreib doch lieber einen "Witz des Tages" oder die "TOP 5 Witze" drauf mit "[Mehr ...]"
- 25 Keywords wird dir ne Suchmaschine nicht durchgehen lassen bzw geben dir ein sehr schlechtes Ranking.
Bitte sehe mein Kommentar als konstruktiv an, ich will hier niemanden beleidigen.
Grüße
-
Hallo,
zuerst danke für deine Kritik. Ich werde sie nun Schritt für Schritt abarbeiten.
limabone schrieb:
Es hat schon einen Grund, warum so viele Webseiten Schwarze Schrift auf weißem Hintergrund bevorzugen. Weiß auf Schwarz macht bei mir zumindest sehr Kopfweh und ich möchte kein Kopfweh haben.
Da hat jeder eine andere Auffassung. Ich persönlich finde weiß auf scharz angenehmer zu lesen, weil dich dieser weiße Hintergrund (vorallem, wenn du in einer dunklen Umgebung bist) nicht so sehr "anstrahlt".
Gibt es eine Option, in welcher der Nutzer auswählen kann, welche Hintergrundfarbe er will? So kann ich es nämlich jedem Recht machen.
limabone schrieb:
Davon abgesehen, es gibt abertausende Witzeseiten. Was ist an deiner Besonders? Sag es dem Besucher sofort! Beispiel: 100 Witze, die Sie noch nicht kannten! Hebe dich mehr von der Konkurrenz ab!
Ich werde nun einen solchen Text vorbereiten. Wenn er fertig ist, werde ich ihn einbinden.
- /style.css wurde nicht gefunden
Ist die denn Pflicht? Ich dachte, jeder konnte sich den Namen für seine CSS-Datei ausdenken.
Danke. Die Seite habe ich zwar nicht mit Absicht mobil optimiert, aber netter Nebeneffekt.
+ Das Markup ist sehr sauber
+ Die Webseite ist Mobilfreundlich und schnell
Meiner Meinung nach habe ich recht viel CSS verwendet. Kannst du mir bitte sagen, was ich noch in CSS umsetzen könnte? Das würde mir sehr helfen.
- /stil/stil.css könnte weit mehr Stilinformationen enthalten
- Zu viel HTML bzw. zu wenig CSS
Kann ich das auch irgendwie dynamisch gestalten? Z.B., dass es automatisch einen Witz aus irgendeiner Kategorie auswählt und diesen dann anzeigt?
- Startseite langweilig, schreib doch lieber einen "Witz des Tages" oder die "TOP 5 Witze" drauf mit "[Mehr ...]"
Danke. Diese Keywords waren sowieso nur ein Test. Ich habe diese nun entfernt.
- 25 Keywords wird dir ne Suchmaschine nicht durchgehen lassen bzw geben dir ein sehr schlechtes Ranking.
Ich hoffe, ich bin so gut auf deine Kritik eingegangen.
Beitrag zuletzt geändert: 26.8.2013 15:27:27 von witze-dschungel -
Gibt es eine Option, in welcher der Nutzer auswählen kann, welche Hintergrundfarbe er will? So kann ich es nämlich jedem Recht machen.
Du könntest das mit einem Dropdown realisieren, zB:
HTML
JavaScript<select id="dropdown"> <option value="1" selected="selected">Dunkles Design</option> <option value="2">Helles Design</option> </select>$(function() { // wird ausgeführt sobald das DOM bereit ist $('#dropdown').change(function() { if($(this).val()==1) // dunkler Style hier else // heller Style hier }); });
Ist die denn Pflicht? Ich dachte, jeder konnte sich den Namen für seine CSS-Datei ausdenken.
Kann man sich auch. Du hast nur eine genau so benannte in deinem Markup gehabt, jedoch ohne zugehörige CSS Datei.
Meiner Meinung nach habe ich recht viel CSS verwendet. Kannst du mir bitte sagen, was ich noch in CSS umsetzen könnte? Das würde mir sehr helfen.
Ich bilde mir ein, dass ich zum Zeitpunkt meines ersten Posts mehr direktes CSS gesehen zu haben (<div style="..."></div>). Ist aber nun eh nichtmehr.
Kann ich das auch irgendwie dynamisch gestalten? Z.B., dass es automatisch einen Witz aus irgendeiner Kategorie auswählt und diesen dann anzeigt?
Das wäre super!
Grüße
-
Ich kann maximal zwei Minuten auf der Seite bleiben. weiß auf schwarz ist echt übel.
-
witze-dschungel schrieb:
Hallo,
in diesem Thema möchte ich meine Witze-Seite vorstellen.
Beschreibung meiner Seite
Die Seite ist eine Witze-Seite mit einem großzähligen Kategorien-Bereich. Die Anzahl der Witze wird regelmäßig erhöht.
Momentan ist jedoch die gennerelle Struktur der Seite im Vordergrund.
Zielgruppe
Meine Seite ist vorallem an junge Besucher gerichtet, ist aber so konzipiert, dass sie für jeden "lesbar" ist. Das heißt: Auf englische Wörter und Fachbegriffe wurde verzichtet.
Link zu meiner Seite:
Witze-Dschungel.de
Viel Spaß auf meiner Seite!
Die Startseite muss Interessanter werden.
Ich würde die Seite sofort schließen, weil ich denke, dass das eine Seite über Garten Landschaftsbau ist.
Bearbeite deine Startseite so, dass es Junge Menschen anspricht.
ZB Machst du es zu bunt, kommen viele Kinder rein, weil es im Kindergarten auch so Bunt ist.
Junge Menschen gehen gerne Feiern, machen Sport, ....Graffiti! So ein LeyOut musst du machen!
ZB machst du eine Seite über Skater, macht man da ein Design mit Skater Sachen.
So wird Werbung gemacht, es bringt nichts eine Schöne Startseite zu haben. Man brauch ein entsprechenden Style.
Sonst sind die meisten kurz drauf und wieder weg.
Wenn jemand ein Baum auf einer Seite sehe, würde niemand daran denken, dass das eine Witze Seite ist, sondern so eine Art Werbe Seite, und viele hätten weggeklickt.
Beitrag zuletzt geändert: 30.8.2013 14:01:10 von skateen -
limabone schrieb:
Gibt es eine Option, in welcher der Nutzer auswählen kann, welche Hintergrundfarbe er will? So kann ich es nämlich jedem Recht machen.
Du könntest das mit einem Dropdown realisieren, zB:
HTML
JavaScript<select id="dropdown"> <option value="1" selected="selected">Dunkles Design</option> <option value="2">Helles Design</option> </select>$(function() { // wird ausgeführt sobald das DOM bereit ist $('#dropdown').change(function() { if($(this).val()==1) // dunkler Style hier else // heller Style hier }); });
Okay. Soll ich in der Javascript-Datei die entsprechende CSS-Datei einbinden?
limabone schrieb:
Achso. Diese "falsche Verlinkung" habe ich ja nun entfernt ;)
Ist die denn Pflicht? Ich dachte, jeder konnte sich den Namen für seine CSS-Datei ausdenken.
Kann man sich auch. Du hast nur eine genau so benannte in deinem Markup gehabt, jedoch ohne zugehörige CSS Datei.
limabone schrieb:
Super. Wenn der Fehler jetzt nicht mehr zu sehen ist, dann hätten wir das jetzt ja erledigt.
Meiner Meinung nach habe ich recht viel CSS verwendet. Kannst du mir bitte sagen, was ich noch in CSS umsetzen könnte? Das würde mir sehr helfen.
Ich bilde mir ein, dass ich zum Zeitpunkt meines ersten Posts mehr direktes CSS gesehen zu haben (<div style="..."></div>). Ist aber nun eh nichtmehr.
limabone schrieb:
Ich glaube, wir haben uns falsch verstanden. Ich wollte wissen, wie man es machen kann - denn ich persönlich wüsste es nicht.
Kann ich das auch irgendwie dynamisch gestalten? Z.B., dass es automatisch einen Witz aus irgendeiner Kategorie auswählt und diesen dann anzeigt?
Das wäre super!
Ach ja: Wie gefällt dir der neue Text auf der Startseite? Besser? Schlechter? Wenn ja, was ist gut? Wie könnte ich ihn verbessern? Das würde mir sehr weiterhelfen.
Ich bin auf deine Antwort gespannt.
______________________________________________________________________________________________________
Zu dem Design: Ich habe nun das "Dschungel-feeling" entfernt. Eine Funktion zum Ändern des Stils (von schwarz auf weiß und umgekehrt) folgt bald. Doch zuerst: Wie gefällt euch das Design? Gibt es noch Sachen, die ich ändern kann?
Und wie sieht es mit der Schriftart auf? Kann man die irgendwie verbessern?
Beitrag zuletzt geändert: 30.8.2013 16:06:44 von witze-dschungel -
Jetzt sieht die Seite viel besser aus.
╰▶ Man erkennt jetzt von den LeyOut her besser, dass das eine Witze Seite ist. (Das heißt, Besucher würden diese Seite jetzt nicht so schnell schließen)
╰▶ Die Zielgruppe hast du jetzt mit dem LeyOut gut getroffen. -
Vielen Dank für dein Feedback.
Falls jemandem noch etwas an meiner Seite auffällt, dann bitte mir mitteilen. So kann ich meine Seite stetig verbessern. Danke.
(Noch in Arbeit: eine passendere und angenehmere Schriftart.) -
Von der Idee ganz nett, Design ist halt noch etwas dürftig, da kannst Du noch was ändern, zum Beispiel mit einem vorgefertigten HTML-Template ?!
-
Ein fertiges HTML-Template werde ich nicht verwenden. Ich habe mir gleich am Anfang der Planung meiner Seite vorgenommen, dass ich alles selbst programmieren möchte und auf "Fertigtools" verzichten werde.
Du kannst mir jedoch ein paar Tipps geben, wie ich mein jetziges Design verbessern. Dies werde ich garantiert mit in Betrachtung ziehen. -
Fangen wir mal an.. ich habe einen 16:9 Bildschirm bei 1920x1080er Auflösung und sehe mittig zentriert ein überdimensionales Smilie, welches mir Angst macht.. Dieses Smilie lockt das Auge geschickt von den Navigationspunkten weg und somit erkenne ich auf dem ersten Blick nicht, dass es eine Witze-Seite sein soll.
Der Text unter dem Smilie wird nicht angezeigt (außer wenn ich absichtlich runterscrolle). Da lese ich doch, dass es Alternativtexte gibt, die die Bilder blinden Benutzern beschreiben sollen.. Als ich das getestet habe, stellte ich fest, dass der Alternativtext zu dem Smiley "Smiley" ist und nichts über die Emotionen mitteilt, welche durch das Smiley erweckt werden sollten.
Auf dem zweiten Blick finde ich die Navigation und klicke mal auf Bauernwitze.. Unten sieht es nach einem verdammt langen Text aus, den ich nicht vollständig lesen möchte. Auch erkenne ich nicht wirklich, dass ich da noch scrollen kann.
Zuletzt finde ich das Impressum sehr kritisch, da du Witze verwendest, die bestimmt nicht von dir stammen.
Beitrag zuletzt geändert: 13.9.2013 2:54:06 von cpp0x -
cpp0x schrieb:
Okay. Ich arbeite momentan daran, das Bild etwas zu verkleinern. Leider habe ich momentan etwas Schwierigkeiten damit.
Fangen wir mal an.. ich habe einen 16:9 Bildschirm bei 1920x1080er Auflösung und sehe mittig zentriert ein überdimensionales Smilie, welches mir Angst macht.. Dieses Smilie lockt das Auge geschickt von den Navigationspunkten weg und somit erkenne ich auf dem ersten Blick nicht, dass es eine Witze-Seite sein soll.
cpp0x schrieb:
Sobald das Bild kleiner sein wird, wirst du das Problem nicht mehr haben.
Der Text unter dem Smilie wird nicht angezeigt (außer wenn ich absichtlich runterscrolle).
cpp0x schrieb:
"Fröhliches, lachendes Smiley" hat mir einfach zu lang gewirkt - daher hat meiner Meinung nach "Smiley" auch ausgereicht. Was soll ich ansonsten als Alternativtext schreiben?
Da lese ich doch, dass es Alternativtexte gibt, die die Bilder blinden Benutzern beschreiben sollen.. Als ich das getestet habe, stellte ich fest, dass der Alternativtext zu dem Smiley "Smiley" ist und nichts über die Emotionen mitteilt, welche durch das Smiley erweckt werden sollten.
cpp0x schrieb:
Wie soll ich das denn beheben können? Ich kann doch schlecht einen blinkenden Scrollbalken einbinden - nur, damit du erkennst, das man da noch scrollen kann / muss. Und dagegen, dass du nicht gerne Texte liest, kann ich leider auch nichts unternehmen.
Auf dem zweiten Blick finde ich die Navigation und klicke mal auf Bauernwitze.. Unten sieht es nach einem verdammt langen Text aus, den ich nicht vollständig lesen möchte. Auch erkenne ich nicht wirklich, dass ich da noch scrollen kann.
cpp0x schrieb:
Ich habe jetzt eine zusätzliche Quellenangaben-Seite mit meiner Quelle hinzugefügt. Ich glaube, das ist auffällig genug.
Zuletzt finde ich das Impressum sehr kritisch, da du Witze verwendest, die bestimmt nicht von dir stammen.
-
Also ich finde, dass eine Beschreibung "lachender Smilie" doch besser wirkt, da heute teilweise ein Smilie ein Synonym für Emoticons ist . Je länger der Alterantivtext ist, desto mehr Spaß werden Blinde beim Lesen deiner Webseite haben. Ich finde nicht, dass es ausreicht, das Smilie zu verkleinern. Viel mehr sollte ein groß gedruckter Witz auf die Startseite kommen :) Zu dem langen Text der Witze: Blende z.B. 6 Witze in Boxen ein und verweise für die nächsten 6 Witze auf Seite 2.
Noch ein paar Tipps zum HTML-Markup:
- Menüs kannst du in HTML5 mit <menu> als solche Kennzeichnen.
- Die <hr>'s sind vom Aussterben bedroht. Packe das Menü in ein DIV und wende in CSS border-bottom: 1px black solid; border-top: 1px black solid; an.. Begründung warum die vorm Aussterben bedroht sind: Sie bringen eine konkrete Designvorschrift mit. Eigentlich sollte HTML die Struktur darstellen und CSS das Design schreiben.
- Die Verwendung von <span class="bold" ist unschön. Verwende <strong> und passe es evt. mit CSS noch etwas an.
Beitrag zuletzt geändert: 13.9.2013 17:36:58 von cpp0x -
cpp0x schrieb:
Danke. Diesen habe ich nun eingebunden.
Ich finde nicht, dass es ausreicht, das Smilie zu verkleinern. Viel mehr sollte ein groß gedruckter Witz auf die Startseite kommen
cpp0x schrieb:
Wenn das Menu-Item eingebunden habe, meckert der HTML Validator: "The menu element is not supported by browsers yet. It would probably be better to wait for implementations." (Ich nehme an, dass du Englisch kannst) Das erklärt, weshalb ich dieses Element noch nicht einbinde.
Noch ein paar Tipps zum HTML-Markup:
- Menüs kannst du in HTML5 mit <menu> als solche Kennzeichnen.
cpp0x schrieb:
Danke. Das habe ich nun gemacht.
- Die <hr>'s sind vom Aussterben bedroht. Packe das Menü in ein DIV und wende in CSS border-bottom: 1px black solid; border-top: 1px black solid; an.. Begründung warum die vorm Aussterben bedroht sind: Sie bringen eine konkrete Designvorschrift mit. Eigentlich sollte HTML die Struktur darstellen und CSS das Design schreiben.
cpp0x schrieb:
Welche Stelle meinst du denn? <Strong> sollte man nur verwenden, wenn man etwas hervorheben will und mit dieser Hervorhebung dem Wort eine neue Bedeutung geben möchte. Auf meiner Webseite verwende ich für diese Zwecke eine Überschrift.
- Die Verwendung von <span class="bold" ist unschön. Verwende <strong> und passe es evt. mit CSS noch etwas an.
Oder fällt dir eine konkrete Stelle ein, bei welcher du <strong> anstatt von <span class ="bold"> empfehlen würdest?
cpp0x schrieb:
Zu dem langen Text der Witze: Blende z.B. 6 Witze in Boxen ein und verweise für die nächsten 6 Witze auf Seite 2.
Das wird recht aufwendig. Ich weiß auch noch nicht, wie ich dies gestalten kann - ohne, dass die schöne URL "/witze/kategorie" verloren geht. Ich möchte auch gleichzeitig, dass meine Webseite möglichst kurze und aussagekräftige URLs besitzt. Daher haben meiner Meinung nach andere Änderungen vorerst Priorität.
Beitrag zuletzt geändert: 14.9.2013 10:18:45 von witze-dschungel -
Die Begründung für das <menu> Tag akzeptiere ich :) Und dass es sinnvoller ist, dort class="bold" zu verwenden, verstehe ich jetzt auch ;)
Ich muss dir ja nicht erzählen, das ich dich schon auf sehr hohem Niveau kritisiere und sehr viel schlechteren Markup gelesen habe.
Zur 6er-Darstellung: Wenn es für dich ein erheblicher Mehraufwand ist, lass es sein. Da aber das Kurzzeitgedächtnis nicht mehr als 6 +- Chunks erfassen kann, hätte die Darstellung von 6 Witzen den Vorteil, dass man mit den Augen nicht immer wieder andere Witze entdeckt und somit der Lesefluss gestört wird. -
cpp0x schrieb:
Ich müsste jede Seite einzeln erstellen und dort entsprechend die Witze einfügen. Automatisch kann man ja leider die Witze nicht automatisch aufteilen. Oder wüsstest du, wie das geht?
Zur 6er-Darstellung: Wenn es für dich ein erheblicher Mehraufwand ist, lass es sein. Da aber das Kurzzeitgedächtnis nicht mehr als 6 +- Chunks erfassen kann, hätte die Darstellung von 6 Witzen den Vorteil, dass man mit den Augen nicht immer wieder andere Witze entdeckt und somit der Lesefluss gestört wird. -
witze-dschungel schrieb:
Möglich wäre folgendes Muster:
Ich weiß auch noch nicht, wie ich dies gestalten kann - ohne, dass die schöne URL "/witze/kategorie" verloren geht. Ich möchte auch gleichzeitig, dass meine Webseite möglichst kurze und aussagekräftige URLs besitzt.
http://witze-dschungel.de/witze/buero:2
http://witze-dschungel.de/witze/buero:3
usw.
default:
http://witze-dschungel.de/witze/buero -
menschle schrieb:
Und wie kann ich das dann per HTML mit den Seiten gestalten? Diese Doppelpunkte sind mir nämlich noch nie begegnet.
Möglich wäre folgendes Muster:
http://witze-dschungel.de/witze/buero:2
http://witze-dschungel.de/witze/buero:3
usw.
default:
http://witze-dschungel.de/witze/buero -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
