Guten Morgen,
da ich in meinem Betrieb aktuell Zeit habe um mein Layout zu erstellen, habe ich mir eine statische html Datei erstellt, die nach Möglichkeit all das haben soll, was man in der Regel so braucht.
Hintergrund ist der, dass ich hier leider kein FTP Nutzen kann und auch "nur" eine ISDN Verbindung (1 Kanal) habe. Dadurch kann ich leider nicht den Inhalt aus meinem log nehmen um zu testen, weshalb ich dann auf oben genannte Idee gekommen bin.
Während ich mir diese Datei erstellt habe, bin ich über die Tags acronym und abbr gestolpert. Was ein Akronym ist, habe ich mir bei Wikipedia angeschaut und auch das abbr habe ich versucht zu finden. Doch so ganz ist mir der Unterschied zwischen diesen beiden Tags nicht bewusst.
Könnt ihr mir da bitte weiterhelfen?
Desweiteren interessiert mich, was ihr als Testobjekte nutzen würdet. Bis lang habe ich die verschiedensten Textformatierungen (Ausrichtung, Hoch-, Tiefstellung, Zitat, Acronym, kleiner Text, Code, Pre), Listen, Tabellen, Formulare, Grafik einbinden.
Hinzu soll heute noch das einbinden von verschiedenen Objekten kommen (wie zum Beispiel Flash, PDF), Verlinkungen und danach noch "spielerein" mit css, damit man zum Beispiel einen Umlauf oder ähnliches hat. Genutzt habe ich aktuell diese paar Zeilen:
<h2>Weitere Textformatierungen bzw. Eigenschaften</h2>
<p><blockquote>Ich bin ein Zitat!</blockquote></p>
<p><code title="Code-Tag">In mir kann Quellcode stehen</code></p>
<p><pre>Ich bin ein pre-Tag und in mir ist unformatierter Text</pre></p>
<p><small title="Kleiner Text">Dieser Text ist kleiner...</small></p>
<p>Wasser: H<SUB>3</SUB>O</p>
<p>Ist dieser Text wirklich <SUP>hochgestellt</SUP>?</p>
<h3>x</h3>
<p>Im World-wide-web habe ich folgende zu "Abkürzungen gefunden:<br />
<abbr title="zum Beispiel">z.B.</abbr> oder <acronym title="Centrum der Büro- und Informationstechnik">CeBIT</acronym></p>
<h2>Ein Bild einbinden</h2>
<p><img src="Grafiken/Feuer/Feuer_Commons_1.jpg" alt="ein Feuerbild" /><br />
Dieses Bild habe ich nicht mit einem Wert für die Breite oder Höhe belget und es ist auch nicht umfließend.</p>
<hr />
<h2>Gitarrenakkorde</h2>
<p>In einem meiner Projekte möchte ich Gitarrenakkorde darstellen. Dieses habe ich mittels CSS gelöhst, wie Du
sehen kannst.</p>
<div class="noten">
<p>Neh<span class="akkord">D</span>mt Abschied Br<span class="akkord">A</span>üder ung<span class="akkord">h</span>ewiss ist
<span class="akkord">G</span>alle Wiederkehr,<br />
die <span class="akkord">D</span>Zukunft liegt <span class="akkord">A</span>in Finsternis <span class="akkord">h</span>
und m<span class="akkord">G</span>acht das He<span class="akkord">D</span>rz uns schwer.</p>
<p class="info"><strong>Worte:</strong> xyz <strong>Weise:</strong> xyz<br />
<strong>Hintergrund:</strong> Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</p></div>
<hr />
<h2>Map-Tag</h2>
<p>Es ist möglich, auf einer Karte (Grafik) Punkte zu definieren... Dieses werde ich hier bald versuchen</p>
<hr />
<h2>Listen</h2>
<ul>
<li>Ebene 1</li>
<li>Ebene 2<ul>
<li>Ebene 2.1</li>
<li>Ebene 2.2</li>
<li>Ebene 2.3</li>
</ul></li>
<li>Ebene 3</li>
<li>Ebene 4<ol>
<li>Ebene 4.1</li>
<li>Ebene 4.2</li>
<li>Ebene 4.3</li>
</ol></li>
<li>Ebene 5</li>
</ul>
<p>Die Listen dann noch andersrum:</p>
<ol>
<li>Ebene 1</li>
<li>Ebene 2
<ol>
<li>Ebene 2.1</li>
<li>Ebene 2.2</li>
<li>Ebene 2.3</li>
</ol>
</li>
<li>Ebene 3</li>
<li>Ebene 4
<ul>
<li>Ebene 4.1</li>
<li>Ebene 4.2</li>
<li>Ebene 4.3</li>
</ul>
</li>
<li>Ebene 5</li>
</ol>
<p>Zu beachten bleibt, dass man die Aufzählungszeichen natürlich verändern kann.</p>
<hr />
<h2>Tabelle</h2>
<table border="1">
<tr>
<th>Spalte 1</th>
<th>Spalte 2</th>
<th>Spalte 3</th>
</tr>
<tr>
<th>Zeile 2</th>
<td>Zeile2</td>
<td>Zeile 2</td>
</tr>
<tr>
<td colspan="2">Zwei Zellen verbunden</td>
<td rowspan="2">So kann man sie auch verbinden.</td>
</tr>
<tr>
<td>Diese Tabelle</td>
<td>hat bewusst keine</td>
</tr>
<tr>
<td>weiter formatierung,</td>
<td>da ich sie einfach</td>
<td>halten wollte.</td>
</tr>
<tr>
<td colspan="3">Man kann mit der Höhe und Breite etwas machen, sowie mit Rahmen und Abständen.</td>
</tr>
</table>
<hr />
<h2>Formulare</h2>
<form action="http://www.example.org/cgi-bin/feedback.pl" method="get" name="Ein Testformular" target="_parent">
<fieldset>
<legend align="left">Bereich 1</legend>
<p><label> <input type="checkbox" name="checkbox" id="checkbox" />Test A</label><br />
<label><input type="checkbox" name="checkbox" id="checkbox" />Test B</label><br />
<label><input type="checkbox" name="checkbox" id="checkbox" />Test C</label></p>
<p><label><input name="Test 1" type="radio" value="" />Test 1</label><br />
<label><input name="Test 1" type="radio" value="" />Test 2</label><br />
<label><input name="Test 1" type="radio" value="" />Test 3</label></p>
<p><label>Liste
<select name="select" id="select">
<option value="Wert 1">Wert 1</option>
<option value="Wert 2">Wert 2</option>
<option value="Wert 3">Wert 3</option>
<option value="Wert 4">Wert 4</option>
<option value="Wert 5">Wert 5</option>
</select></label></p>
<p><select name="top5" size="3">
<option>Wert 1</option>
<option>Wert 2</option>
<option>Wert 3</option>
<option>Wert 4</option>
<option>Wert 5</option>
</select></label></p>
<p><select name="Ebenen" size="6">
<optgroup label="Ebene 1">
<option label="Ebene 1.1">Ebene 1.1</option>
<option label="Ebene 1.2">Ebene 1.2</option>
<option label="Ebene 1.3">Ebene 1.3</option>
</optgroup>
<optgroup label="Ebene 2">
<option label="Ebene 2.1">Ebene 2.1</option>
<option label="Ebene 2.2">Ebene 2.2</option>
<option label="Ebene 2.3">Ebene 2.3</option>
</optgroup>
<optgroup label="Ebene 3">
<option label="Ebene 3.1">Ebene 3.1</option>
<option label="Ebene 3.2">Ebene 3.2</option>
<option label="Ebene 3.3">Ebene 3.3</option>
</optgroup>
</select></p>
<p>Kurze Eingabe:<br><input name="vorname" type="text" size="30" maxlength="30"></p>
<p>Kurze Eingabe: <input name="zuname" type="text" size="30" maxlength="40" value="Vorbelegung"></p>
<p>Kurze Eingabe: <input name="zuname" type="text" size="30" maxlength="40" disabled></p>
<p>Passwort Eingabe: <input name="kennwort" type="password" size="12" maxlength="12"></p>
<p><label>Textfeld<textarea name="textarea" id="textarea" cols="45" rows="5"></textarea></label></p>
<p><label>Textfeld<textarea name="textarea" id="textarea" cols="45" rows="5">Hier steht schon ein Text drinn</textarea></label></p>
</fieldset>
<fieldset>
<legend align="right">Bereich 2</legend>
<label>Datei Upload?<input name="Datei" type="file" /></label>
</fieldset>
<p><input name="Absenden" type="submit" /><input name="Zuwücksetzten" type="reset" /></p>
</form>
<hr />
<h1>was noch fehlt</h1>
<p>Im Moment fehlt noch ein paar Dinge, die ich aber nach und nach hinzu fügen möchte.</p>
<ul>
<li>Weitere Textelemente</li>
<li>Objekte einbinen<ul>
<li>Dokumente<ul>
<li>PDF</li>
<li>Schreibdokumente</li>
<li>Tabellendokumente</li>
<li>Präsentationen</li>
<li>Struktugramme</li>
</ul></li>
<li>FLash</li>
<li>Video</li>
<li>Musik</li>
</ul></li>
<li>CSS-Möglichkeiten (Textumlauf, Abstände, Skalierungen)</li>
</ul>
<hr />
Vielen Dank
Muckel