• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Aussehen und Aufbau bewerten (WYSIWYG)

hawkeye

Neues Mitglied
Hy Folks,

Mit grosszügiger Hilfe der Community ist die Seite nun +/. fertig ;)
Daher erstmal vielen Dank für die Tipps!

Ich bin mir fast sicher, dass es noch Dinge gibt, die nicht so super sind, deshalb wäre ich sehr froh, wenn ihr euch die Seite einmal genauer unter die Lupe nehmen könntet.

Grüsse

hawkeye


LINK: Café Tramondo | Lostorf
 
Werbung:
-
Code:
  <table width="100%" border="0" align="left" cellpadding="7" cellspacing="7" bordercolor="#3E3728" bgcolor="#3E3728">
    <tr>
      <th width="42%" scope="row"><div align="left"><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Tramondo Lostorf','','Bilder/Tramondo-Lostorf-2.jpg',1)"><img src="Bilder/Tramondo-Lostorf-1.jpg" alt="Caf&eacute; Tramondo Lostorf" name="Tramondo Lostorf" width="255" height="170" border="0" id="Tramondo Lostorf" /></a></div></th>
      <td rowspan="3"><p class="bold">Herzlich willkommen bei<br />
        <img src="Bilder/Logo_Tramondo_hell.gif" width="237" height="31" /><br />
          zwischen der Welt der Realit&auml;t<br />
  &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
          &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
          &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
          &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

          und dem Sch&ouml;nen </p>
- schlechter..sehr schlechter html code..
- Seite ohne Grafiken nur zum Teil nutzbar
- Bildtitel überall gleich
- Die Farben für ein Cafe find ich passend. Gut gelungen. Erster Eindruck war zwar nicht so toll..aber nachdem ichs auf mich ein bisschen einwirken lassen habe (mittagspause), muss ich sagen das es gut gelungen ist.
- Footer sollte normal eine Liste sein (bei dieser Seite wäre es
angebracht)
- Wieso öffnet sich beim klick auf "impressionen" ein Download?
Ist das ein Virus?
- Outdoor Prod. -> Produktion?
- Was magstd u bei "Ausflüge" darstellen? Wo ihr schon Kaffee
serviert habt?!
- Wenig Content
- du benutzt xhtml aber schließt eigenige tags nicht. (z.b. im headbereich)
- Div-Suppe ^^

Mag alles etwas "hart" und "negativ" klingen, aber das sind nur
meine ersten Eindrücke beim durchklicken. Und ich bin letzen-
endes auch nur ein User der vllt mal das Cafe besuchen würde,
wenn es ihm gefällt.

Aufjedenfal ausbaufähig, aber schonmal n gutes Grundgerüst. :)

Grüße
Loon3y
 
Zuletzt bearbeitet:
Werbung:
kein Impressum bzw Adresse schon aber unter "Kontakt"
Das ist in Ordnung so. Es muss nicht Impressum heißen, aber man muss es leicht finden können. Es ist ja eigentlich eh kein Impressum, schließlich handelt es sich bei Websites nicht um ein gedrucktes Medium.
Es ist ja auch nur eine "Anbieterkennzeichnung".

Außerdem sehe ich gerade, dass es ohnehin eine Schweizer Site ist und da natürlich nicht das strenge TMG aus Deutschland gilt.

Zur Bewertung: Man hat mir ja das Schlimmste schon abgenommen, aber auch negativ aufgefallen ist, dass der Inhalt des div#maincontent über diesen hinaus geht, wenn er nicht rein passt. Das sieht extrem abstoßend aus. Du kannst das nicht nachvollziehen? Dann vergrößere mal die Schrift in Deinem Browser. Dann merkst Du es. Das selbe gilt auch für das Menü links, das in den maincontent hineinragt, wenn die Schrift größer wird. Das Problem liegt in Deinem pixelgenauen Layout, das noch mehr Nachteile hat, z.B. wenn der Viewport des Browsers kleiner ist, als Dein Inhalt. Schwupps hat man horizontale Scrollbalken. Und die gehören zu den lästigsten Dingen an schlecht gemachten Websites.

Aber vom optischen find ich die Site ziemlich ansprechend! Gefällt mir.

Nachtrag: Beim Brunch gibts einen Link "Anmeldung". Leider wird man nur auf die Kontaktseite verwiesen. Das gefällt mir nicht. Man erwartet zumindest ein Kontaktformular (was so oder so noch fehlt), wenn nicht sogar gleich eine verbindliche Anmeldungsmöglichkeit mit Anzeige von freien Terminen. Wenn ich das alles nicht bieten will, dann solltest Du wenigstens den Link da entfernen und gleich die Telefonnummer angeben unter der man sich anmelden kann. Wer da drauf klickt und dann keine Anmeldemöglichkeit hat, ist enttäuscht. Und Enttäuschung ist schlecht für die Kundschaft.

Und nochwas: Der Schriftzug des Logos ist unleserlich. Man könnte auch meinen, dass das Cafe "Tramonto" heißt. Warum ist da ein "T", das das "D" überlappt? Oder heißt das Cafe "Tramonito" und da ist nur ein umgekehrtes "C" über das "IT" geschmiert? Ja, ich weiß, Du als Webmaster wirst sagen, "Das hab ich so bekommen". Aber der Inhaber sollte das wohl wissen, oder? Und ... ;-) warum ist "Cafe" nicht im selben Font?
 
Zuletzt bearbeitet von einem Moderator:
Hallo,

die wesentlichen Defizite im Code wurden ja bereits genannt, schade finde ich, dass (bis auf Efchens Post) nicht viel aufs Design eingegangen wurde.
Denn das finde ich sehr schön und vor allem für das Thema gut gelungen. Bei den verschiedenen Brauntönen denke ich direkt an Kaffee, Cappuchino, etc. Das ist mir sofort in den Sinn gekommen, ohne dass ich mir vorher das Thema der Seite angeschaut habe.
Ich persönlich würde vielleicht noch ein, zwei Punkte aus der Navigation in den Footer auslagern (vllt Kontakt und Lageplan), momentan sieht die Navigation durch die vielen Links etwas unübersichtlich aus.

MfG Icy
 
Und damit an mir nicht immer das Image des Bösewichts haftet, der nur über den Code meckern kann :-) möchte ich hiermit noch meine Meinung verdeutlichen, indem ich dem äußerst positiven Kommentar von Icy nur bestätigen kann. Die Farben assoziiere ich auch mit Kaffeespezialitäten, die Bilder finde ich persönlich gelungen, man möchte sich gleich ins Cafe reinsetzen. Leider bin ich 482km weit weg, das wird also nicht klappen ;-)
 
Werbung:
Wie alle anderen schon angemerkt haben: Außerordentlich angenehmes Design, nur die Umsetzung in Code ist leider ein Desaster.
Ein Punkt, der mir noch unangenehm aufgefallen ist: Der Schein um "Café" im Header wirkt überhaupt nicht schön. Beim geschwungeneren "TRAMONDO" geht es, aber nicht beim geradlinigen "Café".
Vielleicht wirken die Bilder noch besser, wenn du ihnen einen gelben oder hellbraunen 1px-Rahmen gibst.
Fazit: Design zu 99% so lassen, aber um Himmels Willen den Code (sowohl HTML als auch CSS) zu großen Teilen einstampfen und neu schreiben. ;)
 
Mich stört der zentrierte Kopf mit den kleinen Bildchen.
Die Navigationspalte ist mir zu schmal.

Der zentrierte Kopf passt nicht zur restlichen Aufteilung.

Ich hab mal drinn rumgemalt:
cafe.png


Das Tortenbild würde ich austauschen oder ganz weglassen.

Lageplan, Kontakt und Impressum könnten in einem Menüpunkt zusammengefasst werden.
Oder den Link zum Impressum im Footer unterbringen (interessiert eh keine Gäste).
 
Zuletzt bearbeitet:
Werbung:
Dein Vorschlag, neuroleptika, gefällt mir insofern nicht, als dass Du durch den Strich "Cafe" von "Tramondo" getrennt hast.

Außerdem ist mir grad noch aufgefallen, dass im Menü der Originalseite auch "Gallerie" steht. Ich bin mir sicher, dass man das auch im schwitzerdütsch "Galerie" (mit einem l) schreibt. :-)
 
Zuletzt bearbeitet von einem Moderator:
Werbung:
Außerdem ist mir grad noch aufgefallen, dass im Menü der Originalseite auch "Gallerie" steht. Ich bin mir sicher, dass man das auch im schwitzerdütsch "Galerie" (mit einem l) schreibt. :-)


Das Wort Galerie ist zwar auf das italienische galleria (= langer, gedeckter Säulengang) und auf das lateinische galilea (= Vorhalle einer Kirche) zurückzuführen, wurde aber aus dem französischen galérie entlehnt. Stammwort ist wohl der biblische Name Galiläa (das heidnische Land, im Gegensatz zu Judäa), mit dem man seit dem 10. Jh., zunächst in Rom, die Vorhallen von Kirchen bezeichnete, in denen die Heiden, die sog. Galiläer, herumlungerten. Im Gegensatz zum englischen gallery wird Galerie im Deutschen nur mit einem l geschrieben.

Sprich, im deutschen, schweizerdeutsch, ösideutsch, irgendwas-deutsch, würde es mit einem "L" geschrieben. Oder? :D

Bzgl der Page. Die Trennung find ich auch nicht so schön. So wie es jetzt ist, ist es gut. Allerdings würde ich das wort "Café" noch in der gleichen Schriftart wie das Trom-wort machen. :)
 
Sag ich ja :-)

Mich würde aber noch vom OP interessieren, was es nun mit dem "D" oder "IT" oder "T" in "Tramondo", "Tramonto" oder "Tramonito" auf sich hat (was ich oben schonmal bemerkt habe).
 
Vielen Dank für die ausführlichen Inputs.

Ich dachte mir dass ihr über den Code herzieht ;ugl

Ich werde mich noch einmal ausführlich mit der Seite auseinander setzen, jedoch fehlt mir in diesen Tagen etwas die Zeit, deshalb wird es mir wohl erst im April möglich sein.

Nur eins möchte ich noch loswerden, mir selbst gefällt der Banner mit den kleinen Bildern auch nicht wirklich, die Kundin hat es aber so gewünscht. Mir gefält der Vorschlag von neuroleptika eigentlich ganz gut und evtl. der Kundin auch ;)

Erstmals vielen Dank! Ihr werdet wieder von mir hören!


mfg hawkeye
 
Werbung:
Krieg ich noch ne Antwort auf meine Frage nach dem Namen?


Wenn ich das wüsste ;)

Ich hab mich da auch gefragt, denn das DT sieht irgenwie komisch aus und ich weiss nicht ob das irgend eine Bedeutung hat oder haben soll.

Ich muss dazu aber auch sagen dass das Café doch sehr von der speziellen Art der Chefin geprägt ist. Dazu passt das "Logo" eigentlich ganz gut ...
 
Hy Folks,

Glücklicherweise findet heute die Vorlesung zur Differentialmathe nicht statt ;)

Deshalb habe ich etwas Zeit mich der Seite zu zuwenden.

Das Problem mit dem einrücken habe ich "temporär" behoben ... habe da einfach noch eine weiter .bold Katergorie angefügt, so wie ich euch verstanden habe sollte ich die .bold's aber sowiso in h1 h2 und so weiter umwandeln?

Der footer ist nun eine Liste.

Ich habe eine Frage zum Rollover Bild, wie entferne ich den verdammten Link, dass ich der Rollovereffekt aber immer noch da ist?
Kann mir jemand an folgendem Beispiel erklären, was ich ändern sollte?

HTML:
<a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Tramondo Lostorf','','Bilder/Tramondo-Lostorf-2.jpg',1)"><img src="Bilder/Tramondo-Lostorf-1.jpg" alt="Caf&eacute; Tramondo Lostorf" name="Tramondo Lostorf" width="255" height="170" border="0" id="Tramondo Lostorf" />

mfg und danke

hawkeye
 
Werbung:
Zur Bewertung: Man hat mir ja das Schlimmste schon abgenommen, aber auch negativ aufgefallen ist, dass der Inhalt des div#maincontent über diesen hinaus geht, wenn er nicht rein passt. Das sieht extrem abstoßend aus. Du kannst das nicht nachvollziehen? Dann vergrößere mal die Schrift in Deinem Browser. Dann merkst Du es. Das selbe gilt auch für das Menü links, das in den maincontent hineinragt, wenn die Schrift größer wird. Das Problem liegt in Deinem pixelgenauen Layout, das noch mehr Nachteile hat, z.B. wenn der Viewport des Browsers kleiner ist, als Dein Inhalt. Schwupps hat man horizontale Scrollbalken. Und die gehören zu den lästigsten Dingen an schlecht gemachten Websites.

Wie muss ich den CSS Code anpassen, damit ich eine mindest höhe (so wie jetzt) habe und sich die Seite je nach bedraf von selbst verlängert?

Code:
#linkbar {
    position: absolute;
    top: 100px;
    height: 590px;
    left: 0px;
    width: 120px;
    background: #322214;
    padding: 10px 0px 10px 0px;
    text-align: center;
}
#maincontent {
    top: 100px;
    height: 590px;
    width: 660px;
    margin-left: auto;
    padding: 10px 10px 10px 10px;
    color: #DDC488;
    background: #3E3728;
    font-family: Arial, Helvetica, sans-serif;
}
#overfooter {
    top: 700px;
    height: 3px;
    background:#000000;
    padding: 0px 0px 0px 0px;
}


/** Edit

Und gleich noch einmal etwas ... ich habe in der CSS folgendes stehen:

Code:
#maincontent {
    top: 100px;
    height: 590px;
    width: 660px;
    margin-left: auto;
    padding: 10px 10px 10px 10px;
    color: #DDC488;
    background: #3E3728;
    font-family: Arial, Helvetica, sans-serif;
}
.text {
    margin-bottom: -10px;
    }

Ich kann margin-top, margin-bottom sowie padding-top, padding-bottom beliebig verändern, aber Auswirckungen zeigen sich überhaupt keine! Im IE ist alles extrem lang gezogen, weil der "Drecks-Browser" immer so grosse Abstände macht. Ich hab mal gehört, dass es da Weichen gibt aber die sind ja nur für die Versionen 5 und 6 ...
 
Zuletzt bearbeitet:
Ich muss dazu aber auch sagen dass das Café doch sehr von der speziellen Art der Chefin geprägt ist. Dazu passt das "Logo" eigentlich ganz gut ...
Ja, aber die Chefin kennen die WWW-Nutzer ja nicht. Also werden die zwangsläufig über diese drei durcheinandergewürfelnden Buchstaben stolpern.

Auf der einen Seite kann man dem was positives abgewinnen, denn das bleibt natürlich im Kopf hängen. Aber auf der anderen Seite bleibt das halt leider mit einem eher negativen Beigeschmack im Kopf. Weil man keine befriedigende Antwort darauf findet.
 
Zurück
Oben