[Website entsteht] Website wünscht sich Feedback und Hilfe
- Ersteller Speeedymauss
- Erstellt am
TE
TE
Speeedymauss
Software-Overclocker(in)
AW: [Website entsteht] Website wünscht sich Feedback und Hilfe
verkleinern ja, png muss es aber bleiben weils teilweise transparent ist
verkleinern ja, png muss es aber bleiben weils teilweise transparent ist
TE
TE
Speeedymauss
Software-Overclocker(in)
AW: [Website entsteht] Website wünscht sich Feedback und Hilfe
nope nur png und gifs können das
nope nur png und gifs können das
hann96
Freizeitschrauber(in)
AW: [Website entsteht] Website wünscht sich Feedback und Hilfe
Nun mal meine Vorschläge und Tipps
Zu deiner mobilen Seite:
Wie schon gesagt, gib deiner Website eine bestimmte Breite, normalerweise nimmt man 768px, 960px, 1080px.
Ich würde 960px bevorzugen.
Dann kannst du in der CSS-Datei media query's "anlegen".
Aussehen kann das z. B. so:
Wenn der viewport weniger als 960px beträgt, wird dann dem body eine Breite von 100% zugewiesen.
Gruß
hannover96xdneu
EDIT///
Kleiner Tipp noch, wenn du auf deiner Seite "Wichtig:" schreibst, dann musst du das auch als wichtig kennzeichnen, sonst übersieht man das leicht!
Bereite eine Grafik (z. B. so was http://blog.flatlift.de/wp-content/uploads/2014/01/attentionachtung.jpg) mit (z. B.) GIMP vor und setze in der CSS-Datei dann diese Anweisung:
In der HTML-Datei sollte das dann so aussehen:
Nun mal meine Vorschläge und Tipps
Zu deiner mobilen Seite:
Wie schon gesagt, gib deiner Website eine bestimmte Breite, normalerweise nimmt man 768px, 960px, 1080px.
Ich würde 960px bevorzugen.
Dann kannst du in der CSS-Datei media query's "anlegen".
Aussehen kann das z. B. so:
HTML:
@media (max-width: 960px) {
body { width: 100%; }
}Wenn der viewport weniger als 960px beträgt, wird dann dem body eine Breite von 100% zugewiesen.
Gruß
hannover96xdneu
EDIT///
Kleiner Tipp noch, wenn du auf deiner Seite "Wichtig:" schreibst, dann musst du das auch als wichtig kennzeichnen, sonst übersieht man das leicht!
Bereite eine Grafik (z. B. so was http://blog.flatlift.de/wp-content/uploads/2014/01/attentionachtung.jpg) mit (z. B.) GIMP vor und setze in der CSS-Datei dann diese Anweisung:
HTML:
.wichtig:before {
content: url('derDateipfadZumBild.png');
}In der HTML-Datei sollte das dann so aussehen:
HTML:
<span class="wichtig">Wichtig</span>.....
Zuletzt bearbeitet:
hann96
Freizeitschrauber(in)
AW: [Website entsteht] Website wünscht sich Feedback und Hilfe
Sorry für den Doppelpost
Ich habe ein paar Inhaltliche Verbesserungs-Vorschläge:
1. Lass so etwas, wie:
2.
3.
4.
5. Im Impressum steht sie doch schon...
6.
Naja, für Rechtsanwälte nicht...
7.
Sorry für den Doppelpost
Ich habe ein paar Inhaltliche Verbesserungs-Vorschläge:
1. Lass so etwas, wie:
Das wirkt (m. M. n.) nicht sonderlich Seriös.
2.
So etwas ist selbstverständlich und sollte deswegen nicht erwähnt werden.
3.
Großschreiben wird als schreien empfunden, benutze den HTML-TAG strong.
4.
M. M. n. wirkt das so, als ob du auch nicht das Ziel hättest mit deiner Homepage fertig zu werden. Ich würde es weg lassen,.
5.
Dann füge sie doch einmal ein
Im Impressum steht sie doch schon...6.
Naja, für Rechtsanwälte nicht...7.
Die Datenschutzerklärung muss, bzw. sollte, im Impressum auf eine externe Seite verlinkt werden.
AW: [Website entsteht] Website wünscht sich Feedback und Hilfe
Die Transparenz hat aber keine Relevanz auf deiner Seite, weil der Hintergrund einfarbig ist.
Also leg in Gimp oder was du für Bildbearbeitung hast einfach eine neue Ebene hinter das Bild mit der gleichen Farbe, wie der Hintergrund von deiner Seite ist und speicher alles als jpg.
Das Problem ist dabei einfach die Dateigröße. Dein Header-png ist fast 11mb groß, das ist einfach zu viel.
Eine normale Webseite sollte als absolutes Maximum etwa 3mb insgesamt haben, deswegen sollte man versuchen, Bilder möglichst platzsparend zu speichern.
Die Transparenz hat aber keine Relevanz auf deiner Seite, weil der Hintergrund einfarbig ist.
Also leg in Gimp oder was du für Bildbearbeitung hast einfach eine neue Ebene hinter das Bild mit der gleichen Farbe, wie der Hintergrund von deiner Seite ist und speicher alles als jpg.
Das Problem ist dabei einfach die Dateigröße. Dein Header-png ist fast 11mb groß, das ist einfach zu viel.
Eine normale Webseite sollte als absolutes Maximum etwa 3mb insgesamt haben, deswegen sollte man versuchen, Bilder möglichst platzsparend zu speichern.
hann96
Freizeitschrauber(in)
Und beschäftige dich auch mal mit CSS-Sprites. CSS-Spites sind Grafiken, die in einer größeren Grafik mehrere benötigte kleine Grafiken enthalten. Nun ist nur noch eine einzige Anfrage an den Server erforderlich.
Bereite also z. B. mit GIMP Grafiken vor und setze sie alle in ein Bild ein. Nun blendest du mit CSS nur einen Teil der Grafik auf deiner Website ein.
Das würde z. B. so gehen:
Google einfach mal dannach
--------------------
EDIT///
Hier mal ein Bsp.:
Bereite also z. B. mit GIMP Grafiken vor und setze sie alle in ein Bild ein. Nun blendest du mit CSS nur einen Teil der Grafik auf deiner Website ein.
Das würde z. B. so gehen:
HTML:
background: transparent url(img/sprite.png) no-repeat 0px -100px;Google einfach mal dannach
--------------------
EDIT///
Hier mal ein Bsp.:
Zuletzt bearbeitet:
TE
TE
Speeedymauss
Software-Overclocker(in)
AW: [Website entsteht] Website wünscht sich Feedback und Hilfe
Wie funktioniert dieser @media dinger?
Ich les mir dazu nachher mal was durch aber vlt haste ja schon ne kurze erklärung für mich
An dem Wichtung und so arbeite ich sowieso noch, das ist nicht final, aber gute idee mit der grafik
Ich wollte eigentlich meine Seite recht locker aufbauen, daher diese ausdrucksweise. Ich weiß noch nicht ob die seite so mega seriös rüber kommen soll...
zu 7. sine Datenschutzerklärung habe ich noch gar nicht, da muss ich erstmal gucken was da rein muss....
Hast ja recht, da die farbgebung noch nicht 100% feststeht, möchte ich mir noch die freiheit halten alles verändern zu können. Das Bild momentan ist sowieso nur das "versuchsbild" und wird noch bearbeitet, dass ich das so nicht verwenden kann ist mir schon klar...
Wenn ich die Zeit finde werd ichs mir angucken
Nun mal meine Vorschläge und Tipps
Zu deiner mobilen Seite:
Wie schon gesagt, gib deiner Website eine bestimmte Breite, normalerweise nimmt man 768px, 960px, 1080px.
Ich würde 960px bevorzugen.
Dann kannst du in der CSS-Datei media query's "anlegen".
Aussehen kann das z. B. so:
Wenn der viewport weniger als 960px beträgt, wird dann dem body eine Breite von 100% zugewiesen.HTML:@media (max-width: 960px) { body { width: 100%; } }
Gruß
hannover96xdneu
EDIT///
Kleiner Tipp noch, wenn du auf deiner Seite "Wichtig:" schreibst, dann musst du das auch als wichtig kennzeichnen, sonst übersieht man das leicht!
Bereite eine Grafik (z. B. so was http://blog.flatlift.de/wp-content/uploads/2014/01/attentionachtung.jpg) mit (z. B.) GIMP vor und setze in der CSS-Datei dann diese Anweisung:
In der HTML-Datei sollte das dann so aussehen:HTML:.wichtig:before { content: url('derDateipfadZumBild.png'); }
HTML:<span class="wichtig">Wichtig</span>.....
Wie funktioniert dieser @media dinger?
Ich les mir dazu nachher mal was durch aber vlt haste ja schon ne kurze erklärung für mich
An dem Wichtung und so arbeite ich sowieso noch, das ist nicht final, aber gute idee mit der grafik
Sorry für den Doppelpost
Ich habe ein paar Inhaltliche Verbesserungs-Vorschläge:
1. Lass so etwas, wie:
Das wirkt (m. M. n.) nicht sonderlich Seriös.
2.
So etwas ist selbstverständlich und sollte deswegen nicht erwähnt werden.
3.
Großschreiben wird als schreien empfunden, benutze den HTML-TAG strong.
4.
M. M. n. wirkt das so, als ob du auch nicht das Ziel hättest mit deiner Homepage fertig zu werden. Ich würde es weg lassen,.
5.
Dann füge sie doch einmal ein
6.
7.
Die Datenschutzerklärung muss, bzw. sollte, im Impressum auf eine externe Seite verlinkt werden.
Ich wollte eigentlich meine Seite recht locker aufbauen, daher diese ausdrucksweise. Ich weiß noch nicht ob die seite so mega seriös rüber kommen soll...
zu 7. sine Datenschutzerklärung habe ich noch gar nicht, da muss ich erstmal gucken was da rein muss....
Hast ja recht, da die farbgebung noch nicht 100% feststeht, möchte ich mir noch die freiheit halten alles verändern zu können. Das Bild momentan ist sowieso nur das "versuchsbild" und wird noch bearbeitet, dass ich das so nicht verwenden kann ist mir schon klar...
Und beschäftige dich auch mal mit CSS-Sprites. CSS-Spites sind Grafiken, die in einer größeren Grafik mehrere benötigte kleine Grafiken enthalten. Nun ist nur noch eine einzige Anfrage an den Server erforderlich.
Bereite also z. B. mit GIMP Grafiken vor und setze sie alle in ein Bild ein. Nun blendest du mit CSS nur einen Teil der Grafik auf deiner Website ein.
Das würde z. B. so gehen:
Google einfach mal dannachHTML:background: transparent url(img/sprite.png) no-repeat 0px -100px;
--------------------
EDIT///
Hier mal ein Bsp.:
Wenn ich die Zeit finde werd ichs mir angucken
Festplatte
PCGH-Community-Veteran(in)
AW: [Website entsteht] Website wünscht sich Feedback und Hilfe
Es spricht aber auch nichts dagegen, Bilder und Design-Elemente als PNG zu speichern. Dafür ist es ja schließlich auch mit entwickelt worden. Einmal TinyPNG rüber und schwupps, ist das Teil gleich um ein vielfaches kleiner.
Es spricht aber auch nichts dagegen, Bilder und Design-Elemente als PNG zu speichern. Dafür ist es ja schließlich auch mit entwickelt worden. Einmal TinyPNG rüber und schwupps, ist das Teil gleich um ein vielfaches kleiner.
R
Rho
Guest
AW: [Website entsteht] Website wünscht sich Feedback und Hilfe
Natürlich spricht etwas dagegen PNG für alles zu verwenden. Bei Bildern bzw. Fotos wird mit JPEG einfach eine deutlich bessere Kompressionsrate erreicht. Das Foto in seinem Header als PNG zu speichern verursacht ein bei weitem größere Datei und das ohne irgendeinen Vorteil zu bieten. 11 MB für eine Header-Grafik ist einfach absurd viel.
Update:
Abgesehen davon ist die Größe des Bildes völlig überdimensioniert und auch die Auflösung mit 350 DPI viel zu hoch fürs Web.
Natürlich spricht etwas dagegen PNG für alles zu verwenden. Bei Bildern bzw. Fotos wird mit JPEG einfach eine deutlich bessere Kompressionsrate erreicht. Das Foto in seinem Header als PNG zu speichern verursacht ein bei weitem größere Datei und das ohne irgendeinen Vorteil zu bieten. 11 MB für eine Header-Grafik ist einfach absurd viel.
Update:
Abgesehen davon ist die Größe des Bildes völlig überdimensioniert und auch die Auflösung mit 350 DPI viel zu hoch fürs Web.
Zuletzt bearbeitet:
Festplatte
PCGH-Community-Veteran(in)
AW: [Website entsteht] Website wünscht sich Feedback und Hilfe
In dem Teil muss ich dir zustimmen. Wieso überhaupt 350 DPI?
In dem Teil muss ich dir zustimmen. Wieso überhaupt 350 DPI?
R
Rho
Guest
AW: [Website entsteht] Website wünscht sich Feedback und Hilfe
Soll das heißen, beim Rest stimmst du nicht zu?
Soll das heißen, beim Rest stimmst du nicht zu?
DOcean
PCGHX-HWbot-Member (m/w)
AW: [Website entsteht] Website wünscht sich Feedback und Hilfe
zu Bildformaten:
http://webstandard.kulando.de/post/...-png-finde-das-ideale-dateiformat-fuer-bilder
zu Bildformaten:
http://webstandard.kulando.de/post/...-png-finde-das-ideale-dateiformat-fuer-bilder
TE
TE
Speeedymauss
Software-Overclocker(in)
AW: [Website entsteht] Website wünscht sich Feedback und Hilfe
Ich habe ja schon geschrieben, dass das Bild nur zum austesten ist! Das wird noch ausgetauscht, da braucht ihr jetzt keine Angst haben, ich kann halt nur nicht immer alles auf einmal machen
ich kann momentan nur leider nicht so viel machen, da ich krank im bett liege und mich auf nix konzentrieren kann
Ich habe ja schon geschrieben, dass das Bild nur zum austesten ist! Das wird noch ausgetauscht, da braucht ihr jetzt keine Angst haben, ich kann halt nur nicht immer alles auf einmal machen
ich kann momentan nur leider nicht so viel machen, da ich krank im bett liege und mich auf nix konzentrieren kann
TE
TE
Speeedymauss
Software-Overclocker(in)
AW: [Website entsteht] Website wünscht sich Feedback und Hilfe
Sry für Doppelpost aber es gibt nen Update!
Ich habe mal wieder etwas an der Seite gebastelt.
- Das Header Bild ist jetzt zwar noch png aber "nur" noch 3MB groß, ich weiß noch zu groß, wenn die Farben final sind wirds auch noch zum jpeg und dann passts auch
- Ich habe die Seiten "Tagebücher" und "Quickie" angelegt
- da wird aber komischerweise nicht das komplette CSS übernommen wenn ichs auf dem Webspace hochlade und öffne (erkennt man u.a. daran das die Nav mit den Projekten orange sein sollte)
- Ich habe eine BSP Startseite von einem Tagebuch schonmal angefangen
- vlt noch was was ich vergessen habe, müsst ihr mal gucken
Seite: http://andrea-taube.de
Feedback und Fehlersuche von euch sind wie immer sehr erwünscht!
Sry für Doppelpost aber es gibt nen Update!
Ich habe mal wieder etwas an der Seite gebastelt.
- Das Header Bild ist jetzt zwar noch png aber "nur" noch 3MB groß, ich weiß noch zu groß, wenn die Farben final sind wirds auch noch zum jpeg und dann passts auch
- Ich habe die Seiten "Tagebücher" und "Quickie" angelegt
- da wird aber komischerweise nicht das komplette CSS übernommen wenn ichs auf dem Webspace hochlade und öffne (erkennt man u.a. daran das die Nav mit den Projekten orange sein sollte)
- Ich habe eine BSP Startseite von einem Tagebuch schonmal angefangen
- vlt noch was was ich vergessen habe, müsst ihr mal gucken
Seite: http://andrea-taube.de
Feedback und Fehlersuche von euch sind wie immer sehr erwünscht!
TE
TE
Speeedymauss
Software-Overclocker(in)
AW: [Website entsteht] Website wünscht sich Feedback und Hilfe
ja komisch...lokal gehts komischerweise...
ich hab die css dateien extra 2x hochgeladen weil mir der fehler aufgefallen ist...ich müsst sons morgen nochmal alles neu hochladen und überprüfen...
ja komisch...lokal gehts komischerweise...
ich hab die css dateien extra 2x hochgeladen weil mir der fehler aufgefallen ist...ich müsst sons morgen nochmal alles neu hochladen und überprüfen...
hann96
Freizeitschrauber(in)
AW: [Website entsteht] Website wünscht sich Feedback und Hilfe
Ein Verbesserungsvorschlag:
Wenn du schnon recht fit bist in CSS / HTML dann gucke dir mal Bootstrap an:
→ Bootstrap (Englisch)
→ Bootstrap (deutsch)
Damit kannst du ganz einfach Navigationen / Tabellen / ... erstellen. Ich baue gerade eine Website, eigentlich komplett aus Bootstrap. Der CSS Code ist 182 Zeilen (minus abstände zwischen CSS Deklarationen) lang.
Guck dir mal auf der Seite an:
→ Glyphicons
→ Navigationen
→ Seiten-Nummerierung
Natürlich gibt es noch viel mehr.
Ein Verbesserungsvorschlag:
Wenn du schnon recht fit bist in CSS / HTML dann gucke dir mal Bootstrap an:
→ Bootstrap (Englisch)
→ Bootstrap (deutsch)
Damit kannst du ganz einfach Navigationen / Tabellen / ... erstellen. Ich baue gerade eine Website, eigentlich komplett aus Bootstrap. Der CSS Code ist 182 Zeilen (minus abstände zwischen CSS Deklarationen) lang.
Guck dir mal auf der Seite an:
→ Glyphicons
→ Navigationen
→ Seiten-Nummerierung
Natürlich gibt es noch viel mehr.
TE
TE
Speeedymauss
Software-Overclocker(in)
AW: [Website entsteht] Website wünscht sich Feedback und Hilfe
Ich kapier nur Bootstrap nicht so richtig was das ist und die das funktioniert...ist das ne anwendung oder was ist das?
ich habe übrigends meine CSS Dateien jetzt nochmal alle neu Hochgeladen und jetzt klappt es auch mit dem Layout, warum auch immer
Ich kapier nur Bootstrap nicht so richtig was das ist und die das funktioniert...ist das ne anwendung oder was ist das?
ich habe übrigends meine CSS Dateien jetzt nochmal alle neu Hochgeladen und jetzt klappt es auch mit dem Layout
, warum auch immer Ähnliche Themen
