[Website entsteht] Website wünscht sich Feedback und Hilfe

AW: [Website entsteht] Website wünscht sich Feedback und Hilfe

für mich gehts am montag erstmal eine woche nach prag, dann hab ich zwei wochen frei, da kann ich dann auch wieder gut was weiter machen ;)
 
AW: [Website entsteht] Website wünscht sich Feedback und Hilfe

So ich bin wieder daheim und sitze vor meiner Seite.

Da ist ja noch viel zu tun.

Jetzt wo ich aber auch schon recht weit bin und weil ich auch nochmal andere Sachen in Betracht ziehen möchte, wollt ich mir mal nebenbei nen CMS angucken. Ich denke mal Wordpress wird da das beste sein oder?
Da gibts ja schon mega viele Plugins etc., kann mir wer so kurze eckdaten und so mal dazu geben? Im Internet gibts zwar alles aber ich würd mich über kurze gebündelte infos freuen ;)
 
AW: [Website entsteht] Website wünscht sich Feedback und Hilfe

Ich denke mal Wordpress wird da das beste sein oder?
Ich bin in dem Gebiet zwar kein Experte, aber das kommt auf das Anwendungsgebiet an, wenn du ein sehr komplexes Projekt umsetzen willst, dann greift man meistens zu Joomla, bei kleineren Projekten greift man meistens zu WordPress.

Hier mal ein Link:
Open Source CMS-Vergleich / CMS Systeme / Lösungen - visual4 Stuttgart
 
AW: [Website entsteht] Website wünscht sich Feedback und Hilfe

ich werds mir mal in ruhe angucken.

Mal was anderes:

Ich möchte meine Bilder im Tagebuch so anordnen:
positionierung.jpg


Das ganze natürlich etwas gerader.
Die Bilder sollen erstmal kleiner auf der Website sein und dann per hover-effekt größer werden wenn die maus halt drauf ist.
Wie setzte ichd as am besten um? ich habe schon einiges probiert. Grundidee war, dass ich jedes zweite bild mit float auf die rechte seite schiebe, da ja um jedes bild + beschreibung nen div ist. ich bin aber momentan dran gescheitert. Hat da wer ne schnelle lösung parat liegen?
 
AW: [Website entsteht] Website wünscht sich Feedback und Hilfe

Hat da wer ne schnelle lösung parat liegen?
Schnell? Ja, Bootstrap. Ich schätze mal, dass die Galerie responsive sein soll!? Dann ist Bootstrap ideal dafür.

1. Wenn es sehr schnell gehen soll, dann kopiere den code von dieser Seite und passe ihn an.

2. Wenn du Lust und Zeit hast, dann gucke dir das Grid System genauer an:
CSS · Bootstrap


EDIT:
Um den Code anzupassen (siehe Punkt 1.) musst du dich natürlich trotzdem ein bisschen einlesen ;)
 
AW: [Website entsteht] Website wünscht sich Feedback und Hilfe

Ich würds so machen (also beispielhaft, musst du natürlich auf deinen Code anpassen):

HTML:
<section class="bildergalerie">
   <article><img src="bild1.png" alt="Mein Bild Nummer Eins"><p>Hier steht was</p></article>
   <article><img src="bild2.png" alt="Mein Bild Nummer Zwei"><p>Hier steht was</p></article>
   <article><img src="bild3.png" alt="Mein Bild Nummer Drei"><p>Hier steht was</p></article>
   <article><img src="bild4.png" alt="Mein Bild Nummer Vier"><p>Hier steht was</p></article>
</section>

CSS:
.bildergalerie article {
   /* Float für alle Bilder, nicht nur für jedes zweite */
   float: left;
}

.bildergalerie article:nth-child(2n) {
   /* Damit die Elemente nicht so aneinander kleben, gibts einen Abstand von ein paar Pixeln zwischen ihnen */
   margin-left:20px;
}

.bildergalerie {
 /* Hier die Breite per width: festlegen - dies sorgt für den Umbruch */
}

.bildergalerie article p {
   /* Falls Zentrierung der Bildunterschrift gewünscht */
   text-align: center;
}

.bildergalerie article img:hover {
/* Hier dann die Größe umsetzen */
}
 
AW: [Website entsteht] Website wünscht sich Feedback und Hilfe

Danke für eure Lösungsvorschläge!

Ich habs jetzt erstmal mit ner CSS Tabelle probiert...

Ich lade gerade mal die aktuelle Version auf den Webserver hoch!

Änderungen (die die ich aus dem Kopf weiß):
- Headerbild getauscht (noch nicht auf allen Seiten übernommen, aber z.B. auf der Homepage schon)
- kleinere Änderungen der Schriftart (z.B. auf der Home eine Unterstreichung weggemacht)
- Email auf Home eingefügt
- Layout der Tagebuchseiten
- Projektinterne Nav auf Tagebuchseiten in zwei Zeilen verschoben für kl. Bildschirme
- "Kommentar" im Impressum gelöscht
- "Coming Soon" richtig geschrieben :D
- Tool Seite grob angelegt
- ka bestimmt noch mehr!

Feedback pls ;)

EDIT: Ich habe gerade ne ganz angenehme Lösung für die Galerie gefunden.
Aktuell ist die Seite noch ohne angepasstest CSS und nur mit den Beispielbildern, aber man kann schon mal sehen, wie die Galerie später wirkt, wenn man auf ein Bild klickt. Könnt ja auch mal sagen, was ihr von dieser Lösung haltet
 
Zuletzt bearbeitet:
AW: [Website entsteht] Website wünscht sich Feedback und Hilfe

kannst du den Link bitte in dein ersten Beitrag mit aufnehmen, bin jetzt schon 5 minuten am Suchen und find den Link einfach nicht wieder:ugly:
Signatur würde auch reichen.
 
AW: [Website entsteht] Website wünscht sich Feedback und Hilfe

Danke!

hmm.... hab mir die Seite jetzt nicht direkt angeschaut, aber was mir sofort ins Auge sticht, ist die schwer zu lesende verlinkung bei dem hellen Grau. Beim hover ist es gut leserlich, aber vorher musste ich ziemlich nah an meinem Monitor ran. Selbe Problem auf deine Startseite beim Menu(grau auf blau), hier ist es beim Hover ziemlich schwer zu lesen. Das beansprucht die Augen doch ziemlich und der Leser soll sich ja gut fühlen.

Das muss natürlich nicht bei allen sein, ich spreche hier nur von meinen eigenen Einstellungen, Kontrast, Monitorentfernung, etc.....

Du hast in deinem Code auch ein verirrtes geschlossenen </p> Tag

Wenn du deine Seite responsive haben willst, solltest du auch hier auf die Textgröße achten. Irgendwann macht es einfach keinen Sinn mehr die Schrift immer automatsich verkleinern zu lassen.

Sonst ist die Seite schon ansehnlich:daumen:
 
AW: [Website entsteht] Website wünscht sich Feedback und Hilfe

Die Galerie mit lightbox umzusetzen ist ne gute Idee, sieht gut aus. :-)

Ich hab mir mal deine CSS-Klassennamen angeschaut, die sind leider nicht immer gut gewählt. Beispielsweise hast du Klassen namens "hellgrau", oder "wenigabstandnachoben". Sobald du dein Design mal änderst und z. B. das Farbschema wechselst musst du entweder damit leben, dass hellgrau plötzlich z. B. orange ist, oder du musst die Klassennamen umbenennen.

Sinnvoller wäre es, Klassen nach Funktion zu vergeben, also z. B. "galerie", "casecon", "tools", "tutorial" (ist ja teilweise bei dir bereits der Fall). Dann kannst du im CSS sagen: Für alle Überschriften von tools und tutorial gilt X:
HTML:
.tools h1, .tutorial h1 {
   /* X */
}
Auch wenn du beispielsweise jedes zweite Projekt auf der Seite mit anderer Hintergrundfarbe haben möchtest, ist das hier nicht gut:
HTML:
<article class="dunkel">...</article>
<article class="hell">...</article>
<article class="dunkel">...</article>
Besser ist meiner Meinung nach:
HTML:
<section class="projekte">
   <article>...</article>
   <article>...</article>
   <article>...</article>
</section>

CSS:
.projekte article:nth-of-type(2n) {
   background-color: ...
}
Das :nth-of-type(2n) bedeutet "wende diese CSS-Regel auf jedes zweite Element an", in dem Beispiel auf jedes zweite article-Element in einem Element der Klasse .projekte

Dadurch trennst du das Design stärker vom Inhalt und kannst es, wenn es dir nicht mehr gefällt, leichter auswechseln. Der HTML-Code wird sogar etwas kürzer.

Mir ist noch aufgefallen, dass die rechten und linken Abstände im Bereich Tools und Galerie fehlen, die du sonst auf den anderen Seiten hast.
 
Zuletzt bearbeitet:
AW: [Website entsteht] Website wünscht sich Feedback und Hilfe

hmm.... hab mir die Seite jetzt nicht direkt angeschaut, aber was mir sofort ins Auge sticht, ist die schwer zu lesende verlinkung bei dem hellen Grau. Beim hover ist es gut leserlich, aber vorher musste ich ziemlich nah an meinem Monitor ran. Selbe Problem auf deine Startseite beim Menu(grau auf blau), hier ist es beim Hover ziemlich schwer zu lesen. Das beansprucht die Augen doch ziemlich und der Leser soll sich ja gut fühlen.

Das muss natürlich nicht bei allen sein, ich spreche hier nur von meinen eigenen Einstellungen, Kontrast, Monitorentfernung, etc.....

Wo sind denn noch graue Links? Normalerweise müssten die, bis auf die NAvigation, orange werden beim hovern...

Du hast in deinem Code auch ein verirrtes geschlossenen </p> Tag
auf welcher seite und weißt du noch ungefär wo? dann kann ich mir das suchen ersparen

Wenn du deine Seite responsive haben willst, solltest du auch hier auf die Textgröße achten. Irgendwann macht es einfach keinen Sinn mehr die Schrift immer automatsich verkleinern zu lassen.

Sonst ist die Seite schon ansehnlich:daumen:

Das war die geschichte mit den @media regeln oder? - da guck ich später noch genauer rein...

Dankö




Auch wenn du beispielsweise jedes zweite Projekt auf der Seite mit anderer Hintergrundfarbe haben möchtest, ist das hier nicht gut:
HTML:
<article class="dunkel">...</section>
<article class="hell">...</section>
<article class="dunkel">...</section>
Da hast du recht, nen <article> sollte man auch mir </article> schließen und nicht mit </section> :D
Besser ist meiner Meinung nach:
HTML:
<section class="projekte">
   <article>...</article>
   <article>...</article>
   <article>...</article>
</section>


CSS:
.projekte article:nth-of-type(2n) {
   background-color: ...
}
Das :nth-of-type(2n) bedeutet "wende diese CSS-Regel auf jedes zweite Element an", in dem Beispiel auf jedes zweite article-Element in einem Element der Klasse .projekte

Dadurch trennst du das Design stärker vom Inhalt und kannst es, wenn es dir nicht mehr gefällt, leichter auswechseln. Der HTML-Code wird sogar etwas kürzer.

Mir ist noch aufgefallen, dass die rechten und linken Abstände im Bereich Tools und Galerie fehlen, die du sonst auf den anderen Seiten hast.

Ich werd mal gucken, dass ich das noch ändere
 
AW: [Website entsteht] Website wünscht sich Feedback und Hilfe

Ja, beim schließenden Tag hab ich mich vertippt. Ist nun korrigiert - und ja nur ein Beispiel. :D
 
AW: [Website entsteht] Website wünscht sich Feedback und Hilfe

Ich hab nochmal nen anderes Problem:

Manche Bilder sind bei mir auf der Seite um 90° gedreht. Auch wenn ich die im Windoof Explorer richtig rum drehe, sodass die Bilder richtig sind wennn man sie öffnet, werden sie auf der Seite immer noch verdreht angezeigt, woran liegt das?
 
AW: [Website entsteht] Website wünscht sich Feedback und Hilfe

ne ich meinte z.B. deine Email-verlinkung auf der ersten Seite. Blauer Text mit hellen grauem Hintergrund, wenn nicht gehovert wird.
Andere war deine Menuleiste, wenn man hovert dort ist blau auf grau. Beides für mich schwer zu lesen.

Ja damit meine ich die media-queries.

Firefox zeigt dir den an wenn du dir den Quelltext einmal anschaust. Dort wird er rot gekennzeichnet. (Startseite Zeile 129)

Zu deinem neuen Problem mit den gedrehten Bilder.
Ich schätze mal das die Bilder noch gecached sind und der Browser sich dort bediehnt. Löschen diesen bitte einmal und versuch es noch einmal.

Andere Frage: Was meinst du mit ich dreh die im Explorer?
 
AW: [Website entsteht] Website wünscht sich Feedback und Hilfe

Aso ok stimmt, das könnte unter Umständen wirklich schlecht lesbar sein -> werd ich noch bearbeiten (wenn ich dran denke)

OK danke!

Es liegt bei den Bildern scheinbar nicht am Chache, ich habe das Tagebuch gerade mal komplett auf den Webserver geladen und mit FF geöffnet (bearbeitet habe ich mit opera), manche bilder sind immer noch hochkant...

Drehen: Rechtsklick auf Bild und dann "Nach Links" oder "Nach Rechts" drehen...

EDIT: Das </p> Element gehört aber zu dem <p> aus zeile 110, da ist auch kein anderes schließendes zwischen, oder ich bin blind :ugly:
 
AW: [Website entsteht] Website wünscht sich Feedback und Hilfe

Darf man mal fragen, was der Stand der Dinge ist? :)
Arbeitest du noch an der Website?
 
AW: [Website entsteht] Website wünscht sich Feedback und Hilfe

ich arbeite noch dran, ich hatte aber bis gestern klausurphase, da hatte ich besseres zu tun ^^

ich werd mich jetzt wieder intensiver dran setzen
 
AW: [Website entsteht] Website wünscht sich Feedback und Hilfe

Man glaubt es kaum doch jetzt schaffe cih es endlich mich wieder dran zu setzten :D

jetzt wo bald die Weihnachtsferien in Reichweite sind hat man dann doch wieder etwas Zeit *jäy*

Ich hab mir die Seite jetzt mal wieder angeguckt, und ich bin nich mehr ganz s davon begeistert, was ich da i der vergangenheit gemacht habe:

Das dunke Layout gefällt mir nicht mehr so gut, ich hätte da lieber was helles. Momentan hab ich nen hellen Blauton mit weiß, de sagt mit abe auch noch nicht 100%ig zu...ich hätt gern nen helles blau oder vlt nen orange für den hintergrung..kennt da wer hex codes für angenehme töne?

Ich hab die aktuelle Version mal auf den Webspace hochgeladen, da könnt ihr dann nochmal drüber gucken.

Ich werd jetzt erstmal guckn wie ich das mit den Bildern mache, dann kümmer ich mich um de Tagebuch Einträge die noch fehlen


MfG
 
AW: [Website entsteht] Website wünscht sich Feedback und Hilfe

Ahhh, ich dachte schon dieser Thread könnte eingemottet werden. :D

Ich weiß zwar nicht mehr ganz exakt, wie die alte Website aussah, aber das Blau sieht nicht schlecht aus :daumen:, aber eben auch nicht perfekt. ;)

@Farben
HTML Farbencodes
Dort kannst du eine schöne Farbe aussuchen und den Code kopieren.

Ein paar m. M. n. coole Farben + mögliche Ansätze von Kombinationen:
#d2a524 (dürfte ein Orange sein, bin mir nicht sicher, da ich mobil schreibe)
#FFF (weiß)
-----
#111 (ganz dunkel)
#019533 (grün)
 
Zuletzt bearbeitet:
Zurück