[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
da sag ich jetzt nix mehr zu...
da sag ich jetzt nix mehr zu...
TE
TE
Speeedymauss
Software-Overclocker(in)
AW: [Website entsteht] Website wünscht sich Feedback und Hilfe
So ich bin wieder daheim, dass heißt es geht weiter.
Ich habe in zwischen auch das Grundlagenbuch zu HTML und CSS durch, ich hab jetzt noch eins Speziell für Webdesign vor mir liegen, danach noch eins für HTML5 und Javascript
Ich werd also in der nächsten Zeit wieder dran arbeiten. Ich werd auch nochmal wegen dem Design gucken, iwie hätt ich vlt auch lieber was moderneres, bin leider zu Ideenlos...
So ich bin wieder daheim, dass heißt es geht weiter.
Ich habe in zwischen auch das Grundlagenbuch zu HTML und CSS durch, ich hab jetzt noch eins Speziell für Webdesign vor mir liegen, danach noch eins für HTML5 und Javascript
Ich werd also in der nächsten Zeit wieder dran arbeiten. Ich werd auch nochmal wegen dem Design gucken, iwie hätt ich vlt auch lieber was moderneres, bin leider zu Ideenlos...
rtf
PC-Selbstbauer(in)
AW: [Website entsteht] Website wünscht sich Feedback und Hilfe
Ich möchte dir bei Ideenlosigkeit diese Seite empfehlen. Codrops (hoffe du bist des englischen mächtig
). Dort gibt es eine Menge guter Tutorials, wie Komponenten einer Seite erstellt werden können. Du kannst die Scripte benutzen, solltest aber die Lizenz beachten. Sollte in deinem Fall aber nichts ausmachen.
Fürs lernen würde ich die gezeigten Sachen einfach versuchen nachzubauen.
Naja wenn es um komplette Templates geht, würde ich dir empfehlen einfach bei den CMS Systemen Wordpress, Joomla etc. sich einige Templates anzuschauen, um auf eigene Ideen zu kommen. Somit sollte die Ideenblockade eigentlich verschwinden
Von elmastudio gibt es auch eine schöne Anleitung zur Ideensammlung.
Edith sagt: Wenn du jetzt kein großartiger Grafiker bist, holft dir die Creative Commons Lizenz weiter. Veröffentlicht einer seine Texturen, Bilder als CC kannst du sie meist im privaten und kommerzielen Bereich benutzen. Viele wollen einfach nur ein Link auf sie zurück. Sone Texturen findest du bei flickr.com, deviantart.com, usw.... kannst dich ja mal umschauen.
Ich möchte dir bei Ideenlosigkeit diese Seite empfehlen. Codrops (hoffe du bist des englischen mächtig
). Dort gibt es eine Menge guter Tutorials, wie Komponenten einer Seite erstellt werden können. Du kannst die Scripte benutzen, solltest aber die Lizenz beachten. Sollte in deinem Fall aber nichts ausmachen.Fürs lernen würde ich die gezeigten Sachen einfach versuchen nachzubauen.
Naja wenn es um komplette Templates geht, würde ich dir empfehlen einfach bei den CMS Systemen Wordpress, Joomla etc. sich einige Templates anzuschauen, um auf eigene Ideen zu kommen. Somit sollte die Ideenblockade eigentlich verschwinden
Von elmastudio gibt es auch eine schöne Anleitung zur Ideensammlung.
Edith sagt: Wenn du jetzt kein großartiger Grafiker bist, holft dir die Creative Commons Lizenz weiter. Veröffentlicht einer seine Texturen, Bilder als CC kannst du sie meist im privaten und kommerzielen Bereich benutzen. Viele wollen einfach nur ein Link auf sie zurück. Sone Texturen findest du bei flickr.com, deviantart.com, usw.... kannst dich ja mal umschauen.
Zuletzt bearbeitet:
AW: [Website entsteht] Website wünscht sich Feedback und Hilfe
Die gute Sache ist: Kreativität lässt sich trainieren. Die Schlechte: Du brauchst viel Geduld und es helfen dir Bücher nur bedingt.
Das Problem ist, dass Design an sich nochmal was völlig anderes ist, als bloß CSS & HTML zu können.
Beim Design geht es wirklich darum, dein Auge für Details aller Art zu trainieren. Denn im Web ist es z.B. sehr wichtig, auf den Pixel genau zu arbeiten.
Wenn du sagst, ich möchte nur 1 - 2 Webseiten im Jahr machen, dann reicht es, sich aus Ideen & Skripten anderer zu bedienen und das irgenwie in Form und Reihe zu bekommen.
Ich habe das vllt. ein Jahr ausgehalten und hab mir dann gedacht (Wie der typische Programmierer eben denkt^^) das Bisschen, was die Designer können, kann ich schon lange.
Also hab ich nach guten Designern im Internet (Dribbble & Behance sind da gute Quellen) gesucht und angefangen, deren Arbeit zu studieren (mind. 0.5 - 1 Stunde pro Tag).
Das ist nun schon bestimmt 6 Jahre her und 2D-Design hat sich mittlerweile zu einem Hobby neben dem Programmieren weiterentwickelt und jetzt bin ich langsam an dem Punkt angekommen, wo ich eigene Projekte umsetzte.
Da es manchmal echt hart ist und auch mal gerne 1 - 2 Wochen völlig unkreativer Phasen bei mir folgen, wird Design für mich immer nur ein Hobby bleiben.
Aber es macht einen gewaltigen Unterschied, sich nur Web-Designer (z.B. weil man HTML & CSS kann
) zu nennen oder Web-Design zu können.
Die gute Sache ist: Kreativität lässt sich trainieren. Die Schlechte: Du brauchst viel Geduld und es helfen dir Bücher nur bedingt.
Das Problem ist, dass Design an sich nochmal was völlig anderes ist, als bloß CSS & HTML zu können.
Beim Design geht es wirklich darum, dein Auge für Details aller Art zu trainieren. Denn im Web ist es z.B. sehr wichtig, auf den Pixel genau zu arbeiten.
Wenn du sagst, ich möchte nur 1 - 2 Webseiten im Jahr machen, dann reicht es, sich aus Ideen & Skripten anderer zu bedienen und das irgenwie in Form und Reihe zu bekommen.
Ich habe das vllt. ein Jahr ausgehalten und hab mir dann gedacht (Wie der typische Programmierer eben denkt^^) das Bisschen, was die Designer können, kann ich schon lange.
Also hab ich nach guten Designern im Internet (Dribbble & Behance sind da gute Quellen) gesucht und angefangen, deren Arbeit zu studieren (mind. 0.5 - 1 Stunde pro Tag).
Das ist nun schon bestimmt 6 Jahre her und 2D-Design hat sich mittlerweile zu einem Hobby neben dem Programmieren weiterentwickelt und jetzt bin ich langsam an dem Punkt angekommen, wo ich eigene Projekte umsetzte.
Da es manchmal echt hart ist und auch mal gerne 1 - 2 Wochen völlig unkreativer Phasen bei mir folgen, wird Design für mich immer nur ein Hobby bleiben.
Aber es macht einen gewaltigen Unterschied, sich nur Web-Designer (z.B. weil man HTML & CSS kann
) zu nennen oder Web-Design zu können.
Zuletzt bearbeitet:
rtf
PC-Selbstbauer(in)
AW: [Website entsteht] Website wünscht sich Feedback und Hilfe
wie bist du da vorgegangen, ich mein du musst ja auch wissen wie die ihre Idee umgesetzt haben, das Endprodukt alleine reicht doch nicht?
Darf ich mal fragen wie du das gemacht hast, ne Stunde lang auf deren bild geschaut oder was
wie bist du da vorgegangen, ich mein du musst ja auch wissen wie die ihre Idee umgesetzt haben, das Endprodukt alleine reicht doch nicht?
AW: [Website entsteht] Website wünscht sich Feedback und Hilfe
Nein, natürlich starrt man nicht ne Stunde auf ein Bild
Mein Ansatz ist der, sich eher kontinuierlich die Arbeiten mehrerer Designer anzuschauen, deren Werke einem persönlich gefallen.
Jeder Designer hat ja seine eigene Designsprache und die kannst du auch erst erkennen, wenn du dir mehrere Werke angesehen hast.
Die Entwicklung der eigenen Designsprache erfolgt ja nicht Sprunghaft, sondern sie entwickelt sich mit jedem Projekt ein bisschen weiter.
Du schaust dir ja bei deinen eigenen Projekt an, was dir gefallen hat und was nicht und nimmst es ins nächste Projekt mit und so ist es bei Designern auch.
Diese Entwicklung kannst du dann beobachten. Ich mache das mittlerweile nicht mehr bei allen so genau, sondern nur wenn ich neue Techniken lernen will.
Das ist halt auch einzige Weg in dem Bereich besser zu werden, in dem man möglichst vieles einfach mal ausprobiert und aus seinen eigenen Fehlern lernt.
Blättere zum Beispiel mal die Werke des Designers Ryan Putnam von hinten nach vorn durch:
Er hat sich innerhalb von 4 Jahren sehr konstant weiterentwickelt und seine Zeichentechnik immer weiter verbessert.
Eine andere Möglichkeit ist auch, die Designer direkt anzuschreiben, oder mit ihnen persönlich in Kontakt zu kommen.
Das ist zwar der beste Weg, allerdings machte das in meinen Augen als Hobby-Designer nicht wirklich Sinn, die Profis mit meinen Anfängerfragen zu quälen
Nein, natürlich starrt man nicht ne Stunde auf ein Bild
Mein Ansatz ist der, sich eher kontinuierlich die Arbeiten mehrerer Designer anzuschauen, deren Werke einem persönlich gefallen.
Jeder Designer hat ja seine eigene Designsprache und die kannst du auch erst erkennen, wenn du dir mehrere Werke angesehen hast.
Die Entwicklung der eigenen Designsprache erfolgt ja nicht Sprunghaft, sondern sie entwickelt sich mit jedem Projekt ein bisschen weiter.
Du schaust dir ja bei deinen eigenen Projekt an, was dir gefallen hat und was nicht und nimmst es ins nächste Projekt mit und so ist es bei Designern auch.
Diese Entwicklung kannst du dann beobachten. Ich mache das mittlerweile nicht mehr bei allen so genau, sondern nur wenn ich neue Techniken lernen will.
Das ist halt auch einzige Weg in dem Bereich besser zu werden, in dem man möglichst vieles einfach mal ausprobiert und aus seinen eigenen Fehlern lernt.
Blättere zum Beispiel mal die Werke des Designers Ryan Putnam von hinten nach vorn durch:
Er hat sich innerhalb von 4 Jahren sehr konstant weiterentwickelt und seine Zeichentechnik immer weiter verbessert.
Eine andere Möglichkeit ist auch, die Designer direkt anzuschreiben, oder mit ihnen persönlich in Kontakt zu kommen.
Das ist zwar der beste Weg, allerdings machte das in meinen Augen als Hobby-Designer nicht wirklich Sinn, die Profis mit meinen Anfängerfragen zu quälen
hann96
Freizeitschrauber(in)
Ich gebe dir auch noch einen Tipp, suche dir einfach ein paar Webseiten raus und versuche die nachzubauen. Dadurch habe ich (es ist schon etwas länger her) in ca. 2 Monaten einen gewaltigen "Wissens-sprung" gemacht. Wenn du nicht weißt, wie man manches umsetzt, benutze die Entwickler Konsole. Durch diese Entwickler Konsole habe ich mir den css Code angeguckt und dadurch mir alles, sozusagen selbst beigebracht.
Was deine Seite betrifft, sie ist insgesamt (sorry ) schrecklich, wie schon genannt, von den Farben her nicht ansehnlich, kein html/css, nicht responsive (was ich sehr wertschätze), kein php.
Es gibt insgesamt sehr viel Entwicklungspotenzial.
Gruß
hannover96xdneu
EDIT///
Aber jeder fängt ja mal klein an
Was deine Seite betrifft, sie ist insgesamt (sorry
) schrecklich, wie schon genannt, von den Farben her nicht ansehnlich, kein html/css, nicht responsive (was ich sehr wertschätze), kein php. Es gibt insgesamt sehr viel Entwicklungspotenzial.
Gruß
hannover96xdneu
EDIT///
Aber jeder fängt ja mal klein an
Zuletzt bearbeitet:
TE
TE
Speeedymauss
Software-Overclocker(in)
AW: [Website entsteht] Website wünscht sich Feedback und Hilfe
Ja sowas in dieser Richtung habe ich vor, nur kann ich mich noch nicht wirklich auf ein Gesamtbild einigen
Ja ich weiß, dass die Seite noch recht bescheiden ist, momentan habe ich aber leider noch nicht das wissen etwas anderes hinzubiegen, wie meinst du das mit "kein html/css"?, php werde ich so schnell nicht anfassen.
---
Falls echt einer von euch gerade viel langeweile hat und Lust hat mir auch etwas genauer zu helfen, bin ich immer gern für erfahrene Hilfe offen
Ich gebe dir auch noch einen Tipp, suche dir einfach ein paar Webseiten raus und versuche die nachzubauen. Dadurch habe ich (es ist schon etwas länger her) in ca. 2 Monaten einen gewaltigen "Wissens-sprung" gemacht. Wenn du nicht weißt, wie man manches umsetzt, benutze die Entwickler Konsole. Durch diese Entwickler Konsole habe ich mir den css Code angeguckt und dadurch mir alles, sozusagen selbst beigebracht.
Was deine Seite betrifft, sie ist insgesamt (sorry
Es gibt insgesamt sehr viel Entwicklungspotenzial.
Gruß
hannover96xdneu
EDIT///
Aber jeder fängt ja mal klein an
Ja sowas in dieser Richtung habe ich vor, nur kann ich mich noch nicht wirklich auf ein Gesamtbild einigen
Ja ich weiß, dass die Seite noch recht bescheiden ist, momentan habe ich aber leider noch nicht das wissen etwas anderes hinzubiegen, wie meinst du das mit "kein html/css"?, php werde ich so schnell nicht anfassen.
---
Falls echt einer von euch gerade viel langeweile hat und Lust hat mir auch etwas genauer zu helfen, bin ich immer gern für erfahrene Hilfe offen
hann96
Freizeitschrauber(in)
Falsch. Auch wenn es deine Meinung ist, stimmt das nicht
. Willst du etwa deine Homepage mit ca. 20 unter Seiten jedesmal, bei einem neu hinzugekommenen Unterpunkt in der Navigation, ändern? Stichwort: include
Bsp:
PHP:
...Gruß
Hannover96xdneu
Edit ///
Gute Seiten sind zum html / css lernen:
1. http://blog.kulturbanause.de
2. http://www.mediaevent.de
3. Self html wie schon erwähnt
4. http://www.css4you.de (eigentlich nur css)
5. http://www.html-seminar.de (die Video Reihe ist sehr (!) sehr sehr sehr gut!
Und http://www.html-einfach.de
Und auch wenn ich ein Magix "Fan" bin, schmeiß diese Magix Homepage schei*e weg. Die zeit die man in dieses Programm investiert, kann man auch in html css investieren...
Zuletzt bearbeitet:
DarkMo
Lötkolbengott/-göttin
AW: [Website entsteht] Website wünscht sich Feedback und Hilfe
da hier mal gleich die frage, da ich es in letzter zeit immer wieder lese: responsives design - wad? unter responsive (naiv übersetzt) stell ich mir ein antwortendes design vor. worauf antwortet das denn? ^^
btw: FF entwicklerkonsole um css code anzuschauen? oO geht doch auch ohne >< seiten quelltext ansehen (das geht seit den 90ern? ^^), den css verweis raussuchen und die url dementsprechend bauen - voila, la css file ^^
da hier mal gleich die frage, da ich es in letzter zeit immer wieder lese: responsives design - wad? unter responsive (naiv übersetzt) stell ich mir ein antwortendes design vor. worauf antwortet das denn? ^^
btw: FF entwicklerkonsole um css code anzuschauen? oO geht doch auch ohne >< seiten quelltext ansehen (das geht seit den 90ern? ^^), den css verweis raussuchen und die url dementsprechend bauen - voila, la css file ^^
rtf
PC-Selbstbauer(in)
AW: [Website entsteht] Website wünscht sich Feedback und Hilfe
)
edit: ich gib hier jetzt mal schnell Parallax an, welches auch glaub ich ohne PHP eingesetzt werden kann um schöne Pages zu erstellen.
Schrieb ja extra nicht zwangsweise nur wenn es umfangreich wird. Für 3 - 5 Seiten würd ich mir nicht extra ein PHP Skript schreiben, wenns nicht nötig ist.(Persönliche MeinungFalsch. Auch wenn es deine Meinung ist, stimmt das nicht
)edit: ich gib hier jetzt mal schnell Parallax an, welches auch glaub ich ohne PHP eingesetzt werden kann um schöne Pages zu erstellen.
Zuletzt bearbeitet:
TE
TE
Speeedymauss
Software-Overclocker(in)
AW: [Website entsteht] Website wünscht sich Feedback und Hilfe
Wat fürn Ding?
BTW:
Ich arbeite gerade an nem anderen Design, ich scheiter aber gerade an der bildbeschriftung, die will einfach nicht da hin wo sie soll.
Diese Silber hinterlegten beschreibungen sollen an den unteren rand der bilder sein und halt im bild. Aber die dinger schweben mittendrin und übereinander, die für die unteren bilder bleiben nicht unten.
Achso und vlt könnt ihr ja schonmal was zu dem Design sagen, da fehlt zwar noch viel aber man müsste ne richtung erkennen können.
So der Download: Anhang anzeigen Website neues Design.zip
Wat fürn Ding?
BTW:
Ich arbeite gerade an nem anderen Design, ich scheiter aber gerade an der bildbeschriftung, die will einfach nicht da hin wo sie soll.
Diese Silber hinterlegten beschreibungen sollen an den unteren rand der bilder sein und halt im bild. Aber die dinger schweben mittendrin und übereinander, die für die unteren bilder bleiben nicht unten.
Achso und vlt könnt ihr ja schonmal was zu dem Design sagen, da fehlt zwar noch viel aber man müsste ne richtung erkennen können.
So der Download: Anhang anzeigen Website neues Design.zip
rtf
PC-Selbstbauer(in)
AW: [Website entsteht] Website wünscht sich Feedback und Hilfe
Parallax ist ein Scrolling Effekt für Webseiten. Meist bewegt sich beim Mausbewegen und Keytasten deine Seite.
Hier ist mal ein schönes Beispiel, aber für dich es es glaub ich eher uninteressant
Bei deinem Casemods hast du scheinbar laut Firefox ein </div> zuviel
Ansonsten hilft dir das zum Viewport vielleicht weiter.
Parallax ist ein Scrolling Effekt für Webseiten. Meist bewegt sich beim Mausbewegen und Keytasten deine Seite.
Hier ist mal ein schönes Beispiel, aber für dich es es glaub ich eher uninteressant
Bei deinem Casemods hast du scheinbar laut Firefox ein </div> zuviel
Dein Fehler sollte in deiner Klasse .Bildbeschriftung liegen, da du hier Bottom 0px; hinzugefügt hast. Mit position:absolute; setzt du das Element aus dem Dokumentenfluss und mit bottom:0px; setzt du das Element am Ende deines Viewports. Dein Viewport ist das was du als erstes siehst wenn du die Seite aufrufst. Hast du z.B. ein Zoom drin, mit firefox geht das mit strg + Mausrad, wirst du erkennen das er deine Beschriftung immer am Ende deines Browserfenster setzt wenn du aktualisierst. Hoffe du verstehst was ich meine
Ansonsten hilft dir das zum Viewport vielleicht weiter.
Zuletzt bearbeitet:
TE
TE
Speeedymauss
Software-Overclocker(in)
Und wie mache ich das jetzt, dass es klappt?
rtf
PC-Selbstbauer(in)
AW: [Website entsteht] Website wünscht sich Feedback und Hilfe
position:absolute; + bottom:0; aus deiner Klasse herausnehmen und margin-top:-50px; hinzufügen
50 dabei mit deinem Wert austauschen den du benötigst.
So sieht mein schneller Code dafür aus.
position:absolute; + bottom:0; aus deiner Klasse herausnehmen und margin-top:-50px; hinzufügen
50 dabei mit deinem Wert austauschen den du benötigst.
So sieht mein schneller Code dafür aus.
Code:
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Speeedy's Mods Homepage</title>
<style type="text/css">
img{
}
#text{
position:relative;
margin-top:-50px;
width:100%;
background-color:rgb(255,255,255);
}
</style>
</head>
<body>
<div id="wrapper">
<img src="pictures/720int28fertigthumbnail.jpg" alt="" />
<div id="text">some text</div>
</div>
</body>
</html>hann96
Freizeitschrauber(in)
AW: [Website entsteht] Website wünscht sich Feedback und Hilfe
Züruck zu deinem Bildern:
Kleiner Tipp, positioniere deine Bilder mit margin (Google einfach mal) und setze für das erste Bild ein float: left; ein damit alle anderen Bilder daneben angeordnet werden. Das letzte Bild der Galerie musst du dann aber clearen. Weil sonst alle anderen Elemente im html Code ebenfalls gefloatet werden.
Das ganze dürfte dann so aussehen: (Frage: hast du schon in deinem Buch was von id's und Klassen gelesen? Damit kann man nämlich Div Elemente ansprechen. Unterschied ist, dass id's nur EINMAL in einem html Dokument vorkommen dürfen und Klassen so oft wie möglich. Vorteil von Klassen ist vorallem, dass man z. B. Jedem <b> in der Css Datei Werte zuweisen kann und sie dann einmal in der css Datei Ändert und dies dann bei allen Elementen auf der Website mit <b> passiert.)*
So sieht dann ungefähr deine html Datei aus: (ich lasse bei den meisten Tags die größer kleinen Zeichen weg, weil ich vom Handy schreibe und das sonst zu umständlich ist)
Im CSS Code schreibst du dann:
Keine Garantie, dass es funktioniert. Ich habe den css Code mit dem Handy geschrieben und keine Möglichkeit es mir im Browser anzuschauen. Bitte habt Verständnis.
Züruck zu deinem Bildern:
Kleiner Tipp, positioniere deine Bilder mit margin (Google einfach mal) und setze für das erste Bild ein float: left; ein damit alle anderen Bilder daneben angeordnet werden. Das letzte Bild der Galerie musst du dann aber clearen. Weil sonst alle anderen Elemente im html Code ebenfalls gefloatet werden.
Das ganze dürfte dann so aussehen: (Frage: hast du schon in deinem Buch was von id's und Klassen gelesen? Damit kann man nämlich Div Elemente ansprechen. Unterschied ist, dass id's nur EINMAL in einem html Dokument vorkommen dürfen und Klassen so oft wie möglich. Vorteil von Klassen ist vorallem, dass man z. B. Jedem <b> in der Css Datei Werte zuweisen kann und sie dann einmal in der css Datei Ändert und dies dann bei allen Elementen auf der Website mit <b> passiert.)*
So sieht dann ungefähr deine html Datei aus: (ich lasse bei den meisten Tags die größer kleinen Zeichen weg, weil ich vom Handy schreibe und das sonst zu umständlich ist)
HTML:
....
<body>
<div id="picturegalery">
<img src="... " alt"="...">
<img src="... " alt"="...">
<img src="... " alt"="...">
...
</div>
...Im CSS Code schreibst du dann:
Code:
#picturegalery:first-child { float: left; } .
#picturegalery:last-child { clear: both; }
/* designen kann man das auch noch */
#picturegalery img { boder-radius: 4px solid #ccc; padding: 6px; } /* rundet das Bild ein bisschen ab und setzt das Bild ein bisschen vom Rand weg */
#picturegalery img:hover { opacity: 0.6;} /* sorgt für eine Art Durchsichtigkeit bei einem mouseover */Keine Garantie, dass es funktioniert. Ich habe den css Code mit dem Handy geschrieben und keine Möglichkeit es mir im Browser anzuschauen. Bitte habt Verständnis.
hann96
Freizeitschrauber(in)
Eine Responsive website ist eine flexible Seite, die sich automatisch an alle viewports anpasst. Bsp man verkleinert das Browser Fenster, bei rührt Pixel basierten Seite wurden nun scrollbalken erscheinen. Bei Prozenten nicht.
Ähnliche Themen
