Webseite?

Thema: Webseite? Fr Mai 25, 2012 11:56 pm

Hallo,
ich soll für Informatik ein Projekt machen, also eine Seite mit Html und Css, das Thema ist egal, Ich hab mich für GNTM entschieden und bin auch schon relativ weit, hab aber nicht wirklich Ideen was ich auf die Startseite machen kann. Hat jemand Vorschläge? :')

LG

Thema: Re: Webseite? Sa Mai 26, 2012 12:09 am

Vielleicht Bilder und ein großes Willkommen.

Thema: Re: Webseite? Sa Mai 26, 2012 12:12 am

hmm... also ich stell mal nen Screenshot rein wie die jetzt aussieht ja? (:

Webseite? Seite10

Da links die Sachen sind Links, also wenn man auf Luisa klickt kommt man auf ne Seite mit Infos zu Luisa usw. ^^

Thema: Re: Webseite? Sa Mai 26, 2012 12:13 am

Du könntest vielleicht ein Bild von den Top 5 auf de Startseite tun.Und dann immer wieder eine entfernen.

Thema: Re: Webseite? Sa Mai 26, 2012 12:16 am

Hm, keine schlechte Idee (: Das Problem ist nur das wir das in zwei Wochen abgeben müssen, und dann auch nichts mehr dran verändern dürfen und so.. deshalb wäre was fixes eigentlich besser :s Trotzdem danke schon mal (:

Thema: Re: Webseite? Sa Mai 26, 2012 12:20 am

In zwei Wochen war doch das Finale schon lange kaputtlach

Thema: Re: Webseite? So Mai 27, 2012 11:42 am

Ich hab die jetzt so, wie findet ihr es? :'D Bei den Shootings ist dann halt ab Folge 8 jedes Shooting so wie die beiden die man jetzt sehen kann

Spoiler:

Thema: Re: Webseite? So Mai 27, 2012 12:09 pm

Find ich richtig toll die Seite smile

Ihr dürft in Info so coole Sachen machen? o.o

Gast

Ich finde die Seite toll smile

Thema: Re: Webseite? Mo Mai 28, 2012 12:30 am

Okay, gut, danke :'D

Miroa: Wir machen grade halt das Thema Html und Css, und wir dürfen pro Jahr zwei Arbeiten durch Projekte ersetzen ;D

Thema: Re: Webseite? Mo Mai 28, 2012 12:36 am

Mir gefällt es auch.

Thema: Re: Webseite? Mo Mai 28, 2012 8:14 am

Vom Layout sieht es sehr gut aus ^^ Wenn du magst, kannst du ja auch noch das HTML und CSS posten, dann kann man da auch nochmal drüber gucken. Das ist ja dann das, was am meisten bewertet wird.

Thema: Re: Webseite? Mo Mai 28, 2012 9:02 am

Cairlinn: Also ich musste halt für jeden Teil ne eigene Seite machen, das sind jetzt 13 :'D aber ich kann wenn ich zuhause bin mal den Code von der Startseite oder so reinstellen, das wäre toll wenn den sich mal jemand der sich damit auskennt anschauen würde (:

Edit: Das ist er ^^

Code:: <!doctype html public "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Germanys Next Topmodel 2012</title>
<style type="text/css">
#header {
padding: 0px;
margin: 0px !important;
}
#menu {
border-top: 1px solid transparent;
float: left;
width: 200px;
min-height: 480px;
background-color: #B2CCE5;
padding: 20px;
margin: 0px;
}
#main {
background-color:#E5E5FF;
min-height: 522px;
width: 1294px;
}
#Inhalt {
border-top: 1px white solid;
border-left: 1px white solid;
padding-right: 20px;
padding-top: 20px;
padding-left: 20px;
padding-bottom: 20px;
margin-left: 240px;
overflow-x: hidden;
overflow-y: scroll;
max-height: 480px;
}
ul {
list-style-type: square;
}
ul.Maedchen {
list-style-type: circle;
}
h1 {
color: #8e0000;
text-align: center;
}
img#Alle {
float: right;
margin-left: 20px;
margin-top: 30px;
border: 5px #33334C double;
}
#Alles {
width: 1294px;
height: 670px;
margin-right: auto;
margin-left: auto;
}
</style>
<meta name="author" content="Dieter">
<meta name="generator" content="Ulli Meybohms HTML EDITOR">
</head>
<body text="#000000" bgcolor="#FFFFFF" link="#000000" alink="#000000" vlink="#000000">
<div id="Alles"><div id="header">
<a href="Projekt.html"><img src="Header.png"/></a>
</div>

<div id="main">
<div id="menu">
<ul>
<li>Die Top Ten</li>
<ul class="Maedchen">
<a href="Luisa.html"><li>Luisa</li></a>
<a href="Dominique.html"><li>Dominique</li></a>

<a href="Kasia.html"><li>Kasia</li></a>
<a href="Sara.html"><li>Sara</li></a>
<a href="Sarah-Anessa.html"><li>Sarah-Anessa</li></a>
<a href="Evelyn.html"><li>Evelyn</li></a>
<a href="Diana.html"><li>Diana</li></a>
<a href="Inga.html"><li>Inga</li></a>

<a href="Lisa.html"><li>Lisa</li></a>
<a href="Laura.html"><li>Laura</li></a>
</ul>
<a href="Jury.html"><li>Die Jury</li></a>
<a href="Shootings.html"><li>Die Shootings</li></a>
</ul>
</div>

<div id="Inhalt">
<img id="Alle" src="Startseite.png"/>
<h1>Germanys Next Topmodel 2012</h1>
Die siebte Staffel von Germanys Next Topmodel hat angefangen! Dieses Jahr sitzen wieder Thomas Rath, Thomas Hayo und natürlich Heidi Klum in der Jury. Du möchtest mehr über sie oder die Top Ten Kandidatinnen erfahren? Dann
wähle einfach im Menü links aus, über wen du mehr wissen möchtest. Oder informiere dich über die Shootings und schau dir Bilder an. <br/><br>

Das Finale dieses Jahr findet am Donnerstag, den 7. Juni, in der LANXESS-Arena in Köln statt. Auf die Gewinnerin warten wieder viele Preise: Sie werden das neue Werbegesicht für Zalando, Emmi und C&A. <br/>
Die rund 15.000 Plätze sind leider schon ausverkauft. Es werden Stars wie Justin Bieber, Gossip, Maroon 5 und Ivy Quainoo auftreten.
Außerdem bekommen sie eine Mietwohnung in einer Stadt ihrer Wahl und einen Vertrag mit Oneeins. <br/><br/>
Du hast eine Folge verpasst? Kein Problem - <a href="http://www.prosieben.de/tv/germanys-next-topmodel/video/ganze-folge-aktuell/">Hier</a> kannst du alles nachholen. <br/><br/><br/> <br/> <br/> <br/> <br/>

</div>

</div>
</body>
</html>

Thema: Re: Webseite? Di Mai 29, 2012 8:03 am

Der Doctype ist nicht ganz vollständig. Da muss noch die URL der Spezifikation mit rein.

Code:: <meta name="generator" content="Ulli Meybohms HTML EDITOR">

würde ich rausnehmen, das verrät zu viel zwinker

Code:: text="#000000" bgcolor="#FFFFFF" link="#000000" alink="#000000" vlink="#000000"

gehört da alles raus und im CSS definiert.

Bilder brauchen einen Alternativtext.

Code:: <ul>
<li>Die Top Ten</li>
<ul class="Maedchen">
<a href="Luisa.html"><li>Luisa</li></a>

Da ist was extrem schief gelaufen. ul darf nur li enthalten, sonst kein anderes Element. Die Links gehören in die li, nicht drum rum. Und wenn du eine Liste in einer Liste aufmachen willst, gehört die auch mit ins li.

Code:: <br/><br>

Du musst dich für eins entscheiden zwinker

Da du Html4 nutzt, ist das zweite richtig. Das erste brauchst du nur bei Xhtml, da dann aber zwingend.

Code:: <a href="http://www.prosieben.de/tv/germanys-next-topmodel/video/ganze-folge-aktuell/">Hier</a> kannst du alles nachholen.

Besser ist da, den ganzen Satz zu verlinken. Links sollten immer aussagen, was man hinter ihnen findet und dein Link sagt nur "hier", also im Grunde gar nichts.

Code:: <h1>Germanys Next Topmodel 2012</h1>

Sehr gut.

Statt zwei br zu machen, würde ich die Absätze in p-Tags setzen. Das sieht noch ein bisschen strukturierter aus.

Soweit sieht das schon ganz gut aus smile

Bis auf die Listen sind keine wirklichen Fehler drin, das was ich aufgezählt hab, sind sonst nur Schönheitsfehler, aber die können ein paar Punkte ausmachen.

Thema: Re: Webseite? Di Mai 29, 2012 8:08 am

Danke schon mal fürs drübergucken (:

Das erste war automatisch da, ich weiß ehrlich gesagt garnicht was das ist x'D Also ich benutze Phase 5 Editor...
Das zweite war auch automatisch, aber ich kanns noch ins CSS machen ^^ Stimmt eigentlich..
Das mit dem <br> war Ausversehen, danke ^^ Eigentlich dachte ich ich nehm Xhtml :'o
Geht das mit der Liste sicher nicht, also garnicht oder sieht es sonst nur besser aus? Weil ich kann die Links trotzdem anklicken und komm auf die richtige seite ._.

Wie geht das denn mit p-Tags? ^^

Thema: Re: Webseite? Di Mai 29, 2012 8:21 am

Der Doctype sagt dem Browser, wie er deinen Quelltext interpretieren soll. Das wirkt sich etwas auf Abstände aus, ansonsten sieht man da aber nicht viel von. Man sollte aber trotzdem immer einen richtigen Doctype verwenden, weil es dann in den unterschiedlichen Browsern auch relativ gleich aussieht.
Editoren sind meistens etwas veraltet und bauen dann Fehler mit ein. Die Angaben im body sind zwar keine Fehler, aber mittlerweile veraltet, das heißt, die Browser müssen es nicht mehr beachten.
Browser sind sehr fehlertolerant. Deshalb kannst du die Links anklicken. Aber von den Regeln her ist es falsch und das gibt Punktabzug bei der Note zwinker

Ein p ist in etwa das gleiche wie ein div, nur dass ein p in den Browsern schon ein bisschen CSS mitbekommt, nämlich einen Abstand oben und unten. Das wäre dann

Code:: <p>Ich bin ein Absatz</p>
<p>Ich bin noch ein Absatz</p>

Thema: Re: Webseite? Di Mai 29, 2012 8:25 am

Ah okay (: Ist ja auch nicht viel, aber ist glaub ich besser wenn ich alles verstehe :'D

Gast

Ich find, die Seite gaaanz klasse, hast du echt gut gemacht, sowas kann ich nicht x'D

Thema: Re: Webseite? Di Mai 29, 2012 9:16 am

Danköö :'D Das ist garnicht so schwer wenn man das Thema einmal hatte :'D