www.kompozer-web.de

von **milena** » Sa 21. Apr 2012, 16:05

Hallo liebes Forum,
hab nach einigen Jahren wieder mal eine Homepage gemacht, und bin mit noch weniger Halbwissen gestartet als damals.. Das Forum hat mir sehr geholfen.
http://www.hummelfrey.de
Die Seite ist von mir und meinem Künstlerkollegen, und wir wollten weder das typisch-schlichte, das viele unserer Kollegen haben (wahrscheinlich wegen der natürlichen Aversie des Künstlers gegenüber Technik) noch etwas total mit Animationen aufgeladenes. Hätte mich auch total überfordert wahrscheinlich. Die persönliche Note war uns wichtig, deswegen auch die (absichtlich) stümperhaft pixelige Schrift.
Ich würde noch gern einige Fotoseiten ändern und stattdessen eine schlichte Gallerie mit Thumbnails und zum Weiterklicken, aber da bin ich grad am Kämpfen und suchen, um was werbefreies und kostengünstiges (oder natürlich am besten kostenloses) zu bekommen.
Ein kleines Problem gibts noch unter Safari auf Mac. Die erste Grafik, auf der Startseite, ist da aus irgendwelchen Gründen unterstrichen, als ob sie ein Textlink wäre. Hab leider noch nicht herausgefunden warum.
Viele Grüße und danke für Feedback,
Milena

von **camouflage1984** » Sa 21. Apr 2012, 16:43

Hallo milena

milena hat geschrieben:Die erste Grafik, auf der Startseite, ist da aus irgendwelchen Gründen unterstrichen,

Code: Alles auswählen: ----> <span style="text-decoration: underline;"> <------Der unterstrich <img style="border: 0px solid ; width: 500px; height: 115px;" alt="hummelfrey" src="grafik/header.jpg"></span></a> ---->Dieser link ist auch noch fehlerhaft <a href="file:///C:/Users/Milena/Desktop/website/felix_milena.html">

milena hat geschrieben:Ich würde noch gern einige Fotoseiten ändern und stattdessen eine schlichte Gallerie mit Thumbnails und zum Weiterklicken, aber da bin ich grad am Kämpfen und suchen, um was werbefreies und kostengünstiges (oder natürlich am besten kostenloses) zu bekommen.

Was genau hast du dir vorgestellt? Vielleicht so etwas? oder das hier?

Du verwendest noch Tabellen mit inlinestyles, du solltest bei Gelegenheit auf div und css umsatteln dadurch wird es viel einfacher für dich deine Internet Seiten zu verwalten.
Eine Kurze Einweisung zu div und css siehst du hier:http://fabiwan.kenobi.free.fr/css/gwnl/

Zum Inhalt deiner Seite ----> Interessant und verstörend zugleich...................

von **milena** » Sa 21. Apr 2012, 17:43

Vielen Dank, das Unterstrichene ist weg. (Lektion gelernt, vielleicht erst mal in den Quelltext schauen -_-)

Die zweite Galerie finde ich wunderbar, und bin auch schon mal hier im Forum auf das Tutorial gestoßen, da komm ich allerdings weiter bei: "Im CSS-Editor erstellt du folgende Regeln:..." Ich werde mich glaub ich erstmal in die absoluten Grundlagen einlesen müssen..

Auch das umstellen auf css und div habe ich mir schon einmal überlegt, da ich öfters gelesen habe, dass frames nicht gut sind. Und grundsätzlich spricht auch nichts dagegen, nur weiß ich eben nicht, wie ich da so leicht meine Seite "zusammenbauen" kann, mit der Karteikarten-Grafik ect.

Nuja, ich werds mal versuchen

Aber jetzt gönn ich mir glaub ich erstmal ein paar Tage Pause, ich hatte für die Website eine Deadline, weil die Adresse in einem Print-Programmheft veröffentlicht wurde und die netten interessierten Menschen natürlich nicht auf eine leere Seite kommen sollten. Darum die letzten 5,6 Tage durchgearbeitet Oo.

Und zum Inhalt: Danke, ich nehms als Kompliment

Viele Grüße
Milena

von **camouflage1984** » Sa 21. Apr 2012, 22:30

Hallo milena

milena hat geschrieben:dass frames nicht gut sind

Welche? Ich habe keine finden können.. :think:

Hab dir mal als Denkanstoß eine deiner Seiten mit div und css gebaut, wenn du diese im Kompozer öffnest wirst du den unterschied zu Tabellen merken!
Hier der Code:

Code: Alles auswählen: <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta name="generator" content= "HTML Tidy fuer Windows (Version 01.02.2004 DE), siehe www.w3.org"> <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1"> <title> Seite mit div und css </title> <style type="text/css"> body{ font-family: Arial,Helvetica,sans-serif; font-size:16px; } h1 { font-family: "Courier New",Courier,monospace; font-size: 1.2em; line-height: normal; font-weight: bold; font-style: normal; text-transform: capitalize; text-align: left; margin-top: -9px; } #seite{ width: 1171px; height: 800px; text-align: left; margin-left: auto; margin-right: auto; } #kopf { height: 130px; text-align:center; margin:30px 0 5px 0; } #inhalt { background-position: center top; background-repeat: no-repeat; height: 642px; text-align:center; background-image: url(http://www.hummelfrey.de/grafik/kartei/nr1.png); } #navigation{ margin:100px 0 20px 125px; width:1046px; float:left; } #navigation ul{ list-style:none; margin:0; padding:0; } #navigation ul li{ float:left; width:215px; margin:0 10px 0 0; } .ersterlink{ visibility:hidden; float:left; width:215px; margin:0 10px 0 0; } </style> </head> <body> <div id="seite">  <div id="kopf">  <img style="width: 500px; height: 115px;" alt="hummelfrey" src= "http://www.hummelfrey.de/grafik/header.jpg"> </div>  <div id="inhalt">  <a href="walt_boek.html"><img style= "border: 0px solid ; width: 292px; height: 45px;" alt="" src= "http://www.hummelfrey.de/grafik/buttons/button_boek.png"></a><a href= "boek.html"><img style= "border: 0px solid ; width: 292px; height: 46px;" alt="" src= "http://www.hummelfrey.de/grafik/buttons/button_boek.png"></a><a href= "walt.html"><img style= "border: 0px solid ; width: 286px; height: 47px;" alt="" src= "http://www.hummelfrey.de/grafik/buttons/button_boek.png"></a><a href= "kontakt.html"><img style= "border: 0px solid ; width: 282px; height: 47px;" alt="" src= "http://www.hummelfrey.de/grafik/buttons/button_boek.png"></a>   <div id="navigation"> <ul> <li class="ersterlink">ersterlink </li> <li> <img style="width: 209px; height: 43px;" alt="installation" src= "http://www.hummelfrey.de/grafik/buttons/installation.png"> <a href="walt_boek_kantine.html"><img style= "border: 0px solid ; width: 209px; height: 43px;" alt= "verlassene kantine" src= "http://www.hummelfrey.de/grafik/buttons/verlassenekantine.png"></a> </li> <li> <img style="border: 0px solid ; width: 208px; height: 43px;" alt= "video" src= "http://www.hummelfrey.de/grafik/buttons/video.png"><a href= "walt_boek_plem.html"><img style= "border: 0px solid ; width: 209px; height: 43px;" alt= "plemplem maschinen" src= "http://www.hummelfrey.de/grafik/buttons/plemplemmaschinen.png"></a> </li> </ul> </div>  Hier kommt dein TEXT hinein </div>  </div>  </body> </html>

Du kannst den Quellcode kopieren und ihn dir in KompoZer einfügen und bearbeiten.
Hier http://www.camouflage1984.de/milena.html kannst du das Ergebnis anschauen. Das werde ich natürlich wieder Löschen

Wenn du die Grundlagen und css mit kompoZer erlernen möchtest kann ich dir den online-Kurs oder die Kurs CD von Eleanora empfehlen.

milena hat geschrieben:Und zum Inhalt: Danke, ich nehms als Kompliment

War auch so gemeint...........

von **mich78** » So 22. Apr 2012, 10:57

Hallo Milena

Zum Design:
Deine Seite wirkt auf den ersten Blick chaotisch, laienhaft, unprofessionell.
Insbesondere die pixeligen Schriften und selbst gemalten pixeligen Pfeile "stören".
Und das ist wirklich gut so :clap:

.

Deine Seite setzt sich so nämlich so sehr deutlich von den anderen Seiten im Web ab.
Außerdem wird das Klischee des "individuellen bis chaotischen Künstlers" bedient.
Dadurch das du dieses Konzept auf allen Seiten konsequent durchhältst wird klar das das Design so gewollt ist.
Die Inhalte sind auch klar strukturiert was die anfängliche Unsicherheit (die durch die pixeligen Schriften entsteht) schnell verschwinden lasst.
Dadurch das du keine Farben verwendest wird das Interesse des Besuchers direkt auf die Inhalte gelenkt.
Also eine Tolle Seite für Künstler. Für alles Andere wäre das Design so aber nicht geeignet

.

Zum Technischen:
Hat dir Camouflage schon einiges geschrieben.
Mir ist noch aufgefallen das deine Seite zu breit ist. Deine Hintergrundgrafik hat eine Breite von 1169px. Viele Monitore haben aber nur eine Auflösung von 1024px. Das wäre bei einer Seite die sich z.B. an Computerspieler richtet vollkommen OK, die haben von Natur aus breitere Bildschirme. Bei deiner Zielgruppe wurde ich aber mit einigen Besuchern rechnen die noch mit "alter" Hardware unterwegs sind.

Das ein Div-Layout grundsätzlich besser ist als ein Tabellenlayout wurde auch schon geschrieben.
Durch ein geschicktes Einsetzen von CSS, könntest du die Hintergrundgrafik übrigens komplett einsparen.
Sowohl die Ränder, als auch die Registerkarten (inkl. aktiver Seite) kann man komplett mit CSS umsetzen, und damit Ladezeit einsparen.
Für die Links in der Navigation sind weiterhin Grafiken nötig.

Bei einigen Bildern fehlen die alt-Attribute. Die sind für Suchmaschinen und Blinde Besucher wichtig.
Aber was will ein Blinder auf einer Seite wo es darum geht Bilder und Videos anzusehen

.

So weit mein Feedback

von **milena** » So 22. Apr 2012, 11:18

@camouflage1984:
Ich glaube, dass ich dachte, dass frames und tabellen das selbe sind (shame on me). Also ich meinte Tabellen^^
Danke fürs nachbauen meiner Seite, das hilft mir auf jeden Fall.
Den Kurs zu machen ist wahrscheinlich wirklich eine gute Idee, auch weil ich gemerkt hab, dass mir das hier großen Spaß macht.. Und es ist ja nicht schlecht als freischaffender Künstler, dann doch noch ein paar Skills mehr zu haben

Und ich freu mich immer wieder wenn ich hochwertige freeware finde, wie den kompozer.
Also danke nochmals

@mich78:
Yeah, das ist genau der Eindruck, den ich mit dem Design erzielen wollte!
Die Breite der Seite könnte ich noch anpassen, das stimmt, da ist ja noch ein bisschen Platz oben in den Registerkarten. Und ich hätte ja schon gern eine Seite, die wenigstens mit den meisten Bildschirmen konform geht.
Wobei bei den Künstlern auch der Trend von riesigen Macs und überdimensionierten Macbooks ausgebrochen ist Oo

Da ist kaum noch jemand wie ich mit einem alten acer-laptop unterwegs..

Das mit der Hintergrundgrafik.. die müsste ich dann theoretisch auseinanderschneiden, wenn mans so nennen kann. Die Links in der Navigation wären dann einzelne Buttons, die sich zusammenfügen, und die Ränder und die untere Kante wären einfach als "Rahmen" eingestellt, oder? Oder die Navigation weiterhin als ganze Leiste und wie bei mir mit transparenten Buttons belegt? Aber gibts da nicht in älteren Versionen von Browsern Probleme mit "runden Ecken"? Oder löst sich das dann automatisch durch die CSS Umsetzung?
Ah, ich wusste nicht, dass die alt-Attribute für Suchmaschinen auch wichtig sind. Weil für blinde Besucher hab ich mir tatsächlich überlegt, dass sie die Texte lesen können sollten und die Buttons bedienen. Die Bilder zu beschreiben erschien mir irgendwie seltsam. Aber für unser liebes Google mach ich das doch glatt

Danke fürs Feedback!

von **MaexSchmerz** » Fr 6. Jul 2012, 20:06

Hallo!

Deine Seite sieht spitze aus! So ähnlich habe ich auch mal eine Seite aufgebaut, war mir aber vom Design her anschließend für die Erweiterungen sehr unflexibel. Aber Respekt für die schöne Seite!

von **Almo** » Mo 3. Sep 2012, 16:19

Die HP ist ganz cool, das Thema der Seite zwar - nicht mein Geschmack - aber aufgebaut echt gut und vor allem speziell!

LG

www.kompozer-web.de

Künstler-Homepage

Künstler-Homepage

Re: Künstler-Homepage

Re: Künstler-Homepage

Re: Künstler-Homepage

Re: Künstler-Homepage

Re: Künstler-Homepage

Re: Künstler-Homepage

Re: Künstler-Homepage

Wer ist online?