Hi,
ich muss für die Schule eine Seite erstellen und hab das auch ganz gut hinbekommen, wie ich finde ;)
Besser sollte es gar nicht werden.
Allerdings ist HTML für mich absolutes Neuland, deshalb weiß ich nicht, ob der Quelltext auch so in Ordnung ist, ich mein, obwohl das richtige rauskommt, kann es ja sein, dass es da irgendwelche Richtlinien oder so gibt, sachen die man beachten sollte.
Zum Beispiel sollen wir die Formatierung in einer internen CSS Datei vornehmen, das hab ich auch gemacht, aber manche Sachen hab ich halt doch direkt in den Quelltext geschrieben. Ist da jetzt alles einheitlich, also, ist alles was in der CSS datei sein sollte auch drin oder sollte ich noch Sachen vom Text in die CSS datei übernehmen?
Ich hoff ihr wisst jetzt was ich mein...^^
jedenfalls wäre es super nett, wenn da mal jemand drüberschauen könnte, ob das alles richtig ist. Ich hab versucht, den Quelltext ein bisschen zu sortieren, damit man den Überblick behält.
Ein konkretes Problem hab ich noch: die "Nach oben"-Dinger sollten eine viel kleinere Schriftgröße haben, ich hab oben im CSS 10pt eingestellt aber es funktioniert nicht, was ist da falsch?
Ach ja, da sollte links so ein blaues Band sein (<th class="banderole" rowspan="7">)und wenn ich das ding mit firefox öffne, ist dieses blaue Band nicht mehr da. Die Zelle schon, der Abstand stimmt, aber es ist halt nicht mehr blau. Versteh das nicht, wenn ichs in der Phase 5 Ansicht aufmach, isses da. *????*
Vielen Dank schon mal im Voraus!!
LG, Lalilex
Das ist der Quelltext, den Inhalt hab ich durch Mustertext ersetzt, damit das ganze nicht so riesig wird:
<!doctype html public "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Social Networks</title>
<link rel="shortcut icon" href="kugel.ico">
<meta name="description" content="Internetseite zum Thema Social Networks">
<meta name="author" content="Lalilex">
<meta name="keywords" content="social, networks, network, soziale netzwerke, facebook, datenschutz">
<meta name="generator" content="Ulli Meybohms HTML EDITOR">
<style type="text/css">
body
{
background-color: aliceblue;
font-family: arial;
font-size: 14pt;
}
.navileiste
{
background-color: lightblue;
}
.menuepunkte
{
width: 250px;
text-align: center;
}
.ueberschrift
{
font-family: monotype corsiva;
font-size: 80pt;
color: black;
width: 1000px;
}
.obenpfeil
font-family: Arial;
font-size: 10pt;
color: black;
}
.banderole
{
width: 52px;
background-color: lightblue;}
.banderole2
{
width: 150px;
}
.haupttext
{
width: 1000px;
}
</style>
</head>
<body>
<table border="0" >
<tr>
<th class="banderole" rowspan="7">
</th>
<th>
<table align="left" border="0">
<tr>
<td id="oben"><img src="kugel.png" width="200" border="0" alt="pic" title="media ball">
</td>
<td class="ueberschrift">Social Networks
</td>
</tr>
</table>
</th>
</tr>
<tr>
<td class="navileiste">
<table>
<tr height ="35px">
<td class="menuepunkte">
<a href="#a1"><img src="Überblick.png" alt="" border="0" width="106" height="37">
</a>
</td>
<td class="menuepunkte">
<a href="#a2"><img src="Facebook.png" alt="" border="0" width="106" height="37">
</a>
</td>
<td class="menuepunkte">
<a href="#a3"><img src="Kritik.png" alt="" border="0" width="106" height="37">
</a>
</td>
<td class="menuepunkte">
<a href="#a4"><img src="Schutz.png" alt="" border="0" width="106" height="37">
</a>
</td>
</tr>
</table>
</td>
</tr>
<tr class="haupttext">
<td id="a1"><br />
<h2>Überblick</h2>
<h3>Definition</h3>
<p>Absatz
</p>
<p>Absatz
</p>
<p>Absatz
</p>
<h3>Funktionen</h3>
<p>Absatz
</p>
<h3>Nutzung</h3>
<p>Absatz
<p/>
<p class="obenpfeil">
<a href="#oben"><img src="pfeil.png" alt="" border="0" width="15">nach oben
</a>
</p>
</td>
<th class="banderole2" rowspan="5">
</th>
</tr>
<tr class="haupttext">
<td id="a2"><hr />
<h2>Facebook</h2>
<p>Absatz
</p>
<p>Absatz
</p>
</td>
</tr>
<tr class="haupttext">
<td>
<br />
<h3>Bruttonationalglück</h3>
Facebook misst das kollektive Wohlbefinden unserer Nation anhand von positiven und negativen Stausmeldungen:
<br />
<img src="Bruttonationalglück.jpg" width="467" border="0" alt="">
<p class="obenpfeil">
<a href="#oben"><img src="pfeil.png" alt="" border="0" width="15">nach oben
</a>
</p>
</td>
</tr>
<tr class="haupttext">
<td id="a3"><hr />
<h2>Kritik</h2>
<h3>Gefahren</h3>
<p>Absatz
</p>
<p>Absatz
</p>
<h3>Datenschutz</h3>
<p>Absatz
</p>
<p>Absatz
</p>
<p class="obenpfeil">
<a href="#oben"><img src="pfeil.png" alt="" border="0" width="15">nach oben
</a>
</p>
</td>
</tr>
<tr class="haupttext">
<td name="a4" id="a4">
<hr />
<h2>Schutz</h2>
<p>
<ol>
<li>Punkt 1
<br />Also:
</li>
<ul>
<li>Unterpunkt</li>
<li>Unterpunkt</li>
<li>Unterpunkt</li>
</ul>
<li>Punkt 2</li>
<ul>
<li>Unterpunkt</li>
<li>Unterpunkt</li>
</ul>
</ol>
</p>
<p class="obenpfeil">
<a href="#oben"><img src="pfeil.png" alt="" border="0" width="15">nach oben
</a>
</p>
</td>
</tr>
<tr class="haupttext">
<td>Quellen</td>
</tr>
</table>
</body>
</html>
ich muss für die Schule eine Seite erstellen und hab das auch ganz gut hinbekommen, wie ich finde ;)
Besser sollte es gar nicht werden.
Allerdings ist HTML für mich absolutes Neuland, deshalb weiß ich nicht, ob der Quelltext auch so in Ordnung ist, ich mein, obwohl das richtige rauskommt, kann es ja sein, dass es da irgendwelche Richtlinien oder so gibt, sachen die man beachten sollte.
Zum Beispiel sollen wir die Formatierung in einer internen CSS Datei vornehmen, das hab ich auch gemacht, aber manche Sachen hab ich halt doch direkt in den Quelltext geschrieben. Ist da jetzt alles einheitlich, also, ist alles was in der CSS datei sein sollte auch drin oder sollte ich noch Sachen vom Text in die CSS datei übernehmen?
Ich hoff ihr wisst jetzt was ich mein...^^
jedenfalls wäre es super nett, wenn da mal jemand drüberschauen könnte, ob das alles richtig ist. Ich hab versucht, den Quelltext ein bisschen zu sortieren, damit man den Überblick behält.
Ein konkretes Problem hab ich noch: die "Nach oben"-Dinger sollten eine viel kleinere Schriftgröße haben, ich hab oben im CSS 10pt eingestellt aber es funktioniert nicht, was ist da falsch?
Ach ja, da sollte links so ein blaues Band sein (<th class="banderole" rowspan="7">)und wenn ich das ding mit firefox öffne, ist dieses blaue Band nicht mehr da. Die Zelle schon, der Abstand stimmt, aber es ist halt nicht mehr blau. Versteh das nicht, wenn ichs in der Phase 5 Ansicht aufmach, isses da. *????*
Vielen Dank schon mal im Voraus!!
LG, Lalilex
Das ist der Quelltext, den Inhalt hab ich durch Mustertext ersetzt, damit das ganze nicht so riesig wird:
<!doctype html public "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Social Networks</title>
<link rel="shortcut icon" href="kugel.ico">
<meta name="description" content="Internetseite zum Thema Social Networks">
<meta name="author" content="Lalilex">
<meta name="keywords" content="social, networks, network, soziale netzwerke, facebook, datenschutz">
<meta name="generator" content="Ulli Meybohms HTML EDITOR">
<style type="text/css">
body
{
background-color: aliceblue;
font-family: arial;
font-size: 14pt;
}
.navileiste
{
background-color: lightblue;
}
.menuepunkte
{
width: 250px;
text-align: center;
}
.ueberschrift
{
font-family: monotype corsiva;
font-size: 80pt;
color: black;
width: 1000px;
}
.obenpfeil
font-family: Arial;
font-size: 10pt;
color: black;
}
.banderole
{
width: 52px;
background-color: lightblue;}
.banderole2
{
width: 150px;
}
.haupttext
{
width: 1000px;
}
</style>
</head>
<body>
<table border="0" >
<tr>
<th class="banderole" rowspan="7">
</th>
<th>
<table align="left" border="0">
<tr>
<td id="oben"><img src="kugel.png" width="200" border="0" alt="pic" title="media ball">
</td>
<td class="ueberschrift">Social Networks
</td>
</tr>
</table>
</th>
</tr>
<tr>
<td class="navileiste">
<table>
<tr height ="35px">
<td class="menuepunkte">
<a href="#a1"><img src="Überblick.png" alt="" border="0" width="106" height="37">
</a>
</td>
<td class="menuepunkte">
<a href="#a2"><img src="Facebook.png" alt="" border="0" width="106" height="37">
</a>
</td>
<td class="menuepunkte">
<a href="#a3"><img src="Kritik.png" alt="" border="0" width="106" height="37">
</a>
</td>
<td class="menuepunkte">
<a href="#a4"><img src="Schutz.png" alt="" border="0" width="106" height="37">
</a>
</td>
</tr>
</table>
</td>
</tr>
<tr class="haupttext">
<td id="a1"><br />
<h2>Überblick</h2>
<h3>Definition</h3>
<p>Absatz
</p>
<p>Absatz
</p>
<p>Absatz
</p>
<h3>Funktionen</h3>
<p>Absatz
</p>
<h3>Nutzung</h3>
<p>Absatz
<p/>
<p class="obenpfeil">
<a href="#oben"><img src="pfeil.png" alt="" border="0" width="15">nach oben
</a>
</p>
</td>
<th class="banderole2" rowspan="5">
</th>
</tr>
<tr class="haupttext">
<td id="a2"><hr />
<h2>Facebook</h2>
<p>Absatz
</p>
<p>Absatz
</p>
</td>
</tr>
<tr class="haupttext">
<td>
<br />
<h3>Bruttonationalglück</h3>
Facebook misst das kollektive Wohlbefinden unserer Nation anhand von positiven und negativen Stausmeldungen:
<br />
<img src="Bruttonationalglück.jpg" width="467" border="0" alt="">
<p class="obenpfeil">
<a href="#oben"><img src="pfeil.png" alt="" border="0" width="15">nach oben
</a>
</p>
</td>
</tr>
<tr class="haupttext">
<td id="a3"><hr />
<h2>Kritik</h2>
<h3>Gefahren</h3>
<p>Absatz
</p>
<p>Absatz
</p>
<h3>Datenschutz</h3>
<p>Absatz
</p>
<p>Absatz
</p>
<p class="obenpfeil">
<a href="#oben"><img src="pfeil.png" alt="" border="0" width="15">nach oben
</a>
</p>
</td>
</tr>
<tr class="haupttext">
<td name="a4" id="a4">
<hr />
<h2>Schutz</h2>
<p>
<ol>
<li>Punkt 1
<br />Also:
</li>
<ul>
<li>Unterpunkt</li>
<li>Unterpunkt</li>
<li>Unterpunkt</li>
</ul>
<li>Punkt 2</li>
<ul>
<li>Unterpunkt</li>
<li>Unterpunkt</li>
</ul>
</ol>
</p>
<p class="obenpfeil">
<a href="#oben"><img src="pfeil.png" alt="" border="0" width="15">nach oben
</a>
</p>
</td>
</tr>
<tr class="haupttext">
<td>Quellen</td>
</tr>
</table>
</body>
</html>