Die Website der Zauberei

[KompozerFan]

So meine Website ist jetzt fertig!
http://www.magicfromkids.de

Meinung ist erwünscht

Viele Grüße
KompozerFan

[Manni_T]

Hallo

Aha, das Geheimnis ist gelüftet...

Erster Eindruck der Startseite: viiieeeel Fläche, kein Inhalt

Grelle Farben. Hover Effekte nervig. Navi funktioniert nicht richtig. Schrift mau und zu klein (fast alles in Times..).
Text-Zeilen viiieeelll zu laaannng.... Texte/Absätze nicht formatiert mit <p>.
Sehr aussagekräftige h1


Technik:
font-family: Arial Rounded MT Bold;
die Schrift hat ausser dir wohl keiner --> daher alles in Times. Informier dich über "Font Stack".

Zig Leerzeichen, <br> und leere <span>

Code: Alles auswählen

...</span><br
class="news"><br class="news"><span class="news">Vielen Dank!</span><br
class="news"><span class="news">Das "Magic From Kids" Team</span><br>...

Munter auf die Buttons im KompoZer geklickt??

Code: Alles auswählen

<span class="Normal-C">

Sieht verdächtig nach Microsoft oder ähnl. aus?

Besser mal dies hier durcharbeiten:
http://little-boxes.de/little-boxes-teil1-online.html

Gruß Manfred

[gypakk]

Hallo!

Also, im Gegensatz zu Manni_T gefällt mir das grelle Logo trotzdem. Aber das ist Geschmacksache, vielleicht wär etwas dezenter wirklich besser. Nur, dadurch, dass das Logo so riesig ist, kann man das Quiz auf kleinen Notebook nur sehr schwer spielen. Auf meinem Notebook (1024x600) muss ich nach jeder Antwort das Fenster wieder runterscrollen. Ich würde das Logo entweder kleiner machen oder evtl. mit Frames arbeiten, so dass der Hauptteil der Seite beim Beantworten einer Frage stehen bleibt.

Was mir noch aufgefallen ist:

• Auf den meisten Websites stehen neue News oben. Wenn du die Reihenfolge anders hast, wär vielleicht ein kurzer Hinweis gut, der den Besucher bittet runterzuscrollen. Besser fänd ich es aber, wenn die neuen Nachrichten oben stehen würden.
• Das Flash-Video klebt am linken Rand - ich würds in die horizontale Mitte schieben.
• Das Impressum genügt den rechtlichen Vorgaben nicht - jedenfalls soweit ich mich entsinne...
• Im Gästebuch fehlt ein Link, über den man wieder auf die Hauptseite kommt.
• Bei "Kontakt" steht bei zwei Feldern, dass deren Inhalt nicht veröffentlicht wird. Davon sollte man bei einer Mail sowieso ausgehen. Bedeutet das umgekehrt, dass der eingegebene Kommentar veröffentlicht wird? Falls ja, muss das dabeistehen.

Grüße gypakk

[KompozerFan]

So!
Ich habe schon mal ein bisschen was abgeändert.
http://www.magicfromkids.de

Viele Grüße
KompozerFan

[camouflage1984]

Hallo KompozerFan

So sieht dein Kontakt Formular aus

Code: Alles auswählen

<form method="post"
action="absenden.php">

&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; &nbsp; &nbsp; &nbsp;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;<span
class="veröffentlichtnein"></span><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;Name: &nbsp; &nbsp; &nbsp;
&nbsp; &nbsp; &nbsp;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
&nbsp; &nbsp; &nbsp;<input maxlength="30" name="name"><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; &nbsp; &nbsp; &nbsp; &nbsp;
&nbsp; &nbsp; &nbsp; &nbsp;
&nbsp;&nbsp;<span class="veröffentlichtnein"></span><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;E-Mail:
&nbsp; &nbsp; &nbsp; &nbsp;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
&nbsp; &nbsp; &nbsp; &nbsp;

&nbsp;<input maxlength="40" name="email"><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; <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; Kommentare:<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; &nbsp; &nbsp;
&nbsp; &nbsp; &nbsp; &nbsp;<textarea cols="20" rows="5"
name="kommentare"></textarea><br><br><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;

&nbsp; &nbsp; &nbsp; <input name="abschicken" value="Absenden"
type="submit">
&nbsp;
&nbsp; &nbsp; &nbsp; &nbsp;<input name="reset" value="Löschen"
type="reset">
</form>

Da müsstest du noch mal ran

Gruß
El Greco

[Manni_T]

Da müsstest du noch mal ran

Nicht nur da...

Den Hinweis mit der Schrift hast du nicht verstanden? Guck mal hier:
http://www.microsoft.com/typography/fon ... x?FMID=918
Dort siehst du, in welchen Programmen diese Schrift nur enthalten ist.
Du musst mehrere universelle Schriften (Font stack) anbieten!

Die Navi solltest du als ul machen. Dann kann man sie auch richtig formatieren.

Die Texte in <p> packen! Dazu im css --> p {padding: 10px 25px;}

Beispiel html:

Code: Alles auswählen

  <body>
    <div id="seite">
      <div id="header">
        <img id="logo" width="350" height="144" alt="Magic From Kids Logo" src="images/logo.png"
        name="logo">
      </div>
      <div id="navi">
        <a href="index.html">Home</a> <a href="show.html">Die Show</a> <a href="quiz.html">Quiz</a>
        <a href="kontakt.html">Kontakt</a> <a href="gaestebuch/index.php">Gästebuch</a> <a href=
        "impressum.html">Impressum</a>
      </div>
      <div id="inhalt">
        <h1>
          Magic From Kids
        </h1>
        <p>
          Herzlich Willkommen auf unserer Website!
        </p>
        <p>
          Hier kannst du unsere Zaubershows sehen. Hier kannst du natürlich auch vieles über
          Zauberei sehen. Schaue dich erstmal ein bisschen um. Falls du Probleme oder
          Verbesserungsvorschläge hast, schicke sie per <a href=
          "http://www.magicfromkids.de/kontakt.html">Kontaktformular</a> zu uns.
        </p>
        <p>
          Viel Spaß wünscht dir das Magic From Kids Team.
        </p>
      </div>
      <div id="footer">
        © 2009 Magic From Kids
      </div>
    </div>
  </body>


Manfred

[KompozerFan]

Und wieder ein bisschen was abgeändert.
http://www.magicfromkids.de

Viele Grüße
KompozerFan

[Arran]

Den Hinweis mit der Schrift hast du nicht verstanden? Guck mal hier:
http://www.microsoft.com/typography/fon ... x?FMID=918
Dort siehst du, in welchen Programmen diese Schrift nur enthalten ist.
Du musst mehrere universelle Schriften (Font stack) anbieten!

Wie schon andernorts angemerkt, bin ich heute weitgehend soweit, dass ich es völlig aufgegeben habe, eine bestimmte Schrift/einige bestimmte Schriften vorzugeben. Ich gebe nur noch "serif" oder "non-serif" ein. Die Millionen von Computer, die dann meine Seiten einlesen, können selber wählen, was sie ihren Herren anbieten. Leider wohl meistens die blöde Arial oder die ebenso abgenutzte Times.