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

Erstellen einer Seite in html

Status
Für weitere Antworten geschlossen.
J

jacek

Neues Mitglied
Hi Jungs,
ich muss für meine Vorlesung eine vorgegebene html-Seite erstellen. Ich habe einen Teil schon geschafft, dennoch habe ich noch eine Baustellen.
Hier die Vorgabe, wie es aussehen soll:


So,und jetzt meine bisherige Lösung:


Dazu mein Code:
Code: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"[URL]http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd[/URL]">
<html xmlns="[URL="http://www.w3.org/1999/xhtml"]XHTML namespace[/URL]">
<head>
<title>Beitrag zum Forum</title>
</head>
<body>
<h1>Beitrag zum Forum</h1>
 
<table border="1" bgcolor="#c0c0c0">
<tr>
<th align="center" valign="middle" width="150" height="5">Titel</th>
<td align="left" valign="middle" height="5" width="1000">
<form action="input_text.htm">
<p>
<input name="titel" type="text" size="100" maxlength="255">
</p>
</form>
</td>
</tr>
<tr>
<th align="center" valign="middle" width="150" height="100">Nachricht</th>
<td align="left" valign="middle">
<form action="textarea.htm">
<p>
<textarea name="nachricht" cols="80" rows="5"></textarea>
</p>
</form>
</td>
</tr>
 
<tr>
<th align="center" valign="middle" width="150" height="10">Username</th>
<td align="left" valign="middle">
<form action="input_text.htm">
<p>
<input name="username" type="text" size="20" maxlength="20">
</p>
</form>
------------------------------
<form action="input_text.htm">
<p>
<input name="password" type="text" size="20" maxlength="20">
</p>
</form>
</td>
</tr>
 
 
<tr>
<th align="center" valign="middle" width="150" height="10">Avatar</th>
<td align="left" valign="middle" width="1000"><form action="select.htm">
<p>
<select name="avatar" size="1">
<option>Marilyn</option>
<option>Schneemann</option>
<option>Jack Sparrow</option>
<option>&Uuml;berraschung</option>
<option>Pharao</option>
<option>Durchgeknallt</option>
</select>
</p>
</form>
</td>
</tr>
<tr>
<th align="center" valign="top" width="150" height="10">Anhang</th>
<td align="left" valign="middle">
<form action="input_text.htm">
<p>
<input name="anhang" type="text" size="100" maxlength="100">
</p>
</form>
</td>
</tr>
<tr>
<th align="center" valign="middle" width="150" height="80">Themenbereich</th>
<td><form action="input_radio.htm">
<p>
<input type="radio" name="Themenbereich" value="Wirtschaftsinformatik">Wirtschaftsinformatik<br>
<input type="radio" name="Themenbereich" value="BWL">BWL<br>
<input type="radio" name="Themenbereich" value="Freizeit">Freizeit
</p>
</form>
</td>
 
</tr>
 
 
</table>
 
</html>

So, wie ihr sehen könnt, steht mein 'Gerüst', jedoch noch so an den Punkten:
-Username soll die Zeile aufgeteilt werden mit Passwort in der Mitte
-beim Anhang fehlt mir das 'Einfügen'
-und bei dem Themenbereich fehlt mir die feine Unterteilung in einer Zelle

Könnte mir viell eicht jemand helfen??? Bitte bedenkt,dass ich nur die 'einfachsten' Züge in html bislang gelernt habe...
 
hi,

also dein interface so zu gestalten, wie es dein Bild zeigt, ist glaube ich garnihcht so das Problem. Das Problem ist, dass HTML keine funktionen hat. Das bedeutet, dass du nur das Aussehen bestimmst.

Du brauchst also noch eine Datenbank (mySQL) und etwas was das ganze verbindet (PHP würde ich mal sagen). Denn das einzige, was du mit den HTML Kentnissen erreichen kannst, ist dass bei aktivieren des buttons "Absenden" das als Standart festgelegte Mailprogramm geöffnet wird und die Adresse übernommen wird.

Aber die eingaben von Text, Themenbereich oder ANhang von Daten wird einfach nur so auf deiner Webpage angezeigt aber bewirkt leider nichts.

Das ist wie Visual Basic ohne Scripts... Oberfläche ist gemacht aber nicht passiert.


Also wenn du deine Funktionen geklärt hast, kann ich dir mit deinem Aussehen der Seite weiterhelfen. Mit den funktionen kann ich dir aber leider nicht helfen. Mein Wissen umfasst nur HTML, css und etwas flash.

Grüße
Nik
 
jacek schrieb:
Hi Jungs,

Dazu mein Code:
Code: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"[URL]http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd[/URL]">
<html xmlns="[URL="http://www.w3.org/1999/xhtml"]XHTML namespace[/URL]">
<head>
<title>Beitrag zum Forum</title>
</head>
<body>
<h1>Beitrag zum Forum</h1>
 
<table border="1" bgcolor="#c0c0c0">
<tr>
<th align="center" valign="middle" width="150" height="5">Titel</th>
<td align="left" valign="middle" height="5" width="1000">
<form action="input_text.htm">
<p>
<input name="titel" type="text" size="100" maxlength="255">
</p>
</form>
</td>
</tr>
<tr>
<th align="center" valign="middle" width="150" height="100">Nachricht</th>
<td align="left" valign="middle">
<form action="textarea.htm">
<p>
<textarea name="nachricht" cols="80" rows="5"></textarea>
</p>
</form>
</td>
</tr>
 
<tr>
<th align="center" valign="middle" width="150" height="10">Username</th>
<td align="left" valign="middle">
<form action="input_text.htm">
<p>
<input name="username" type="text" size="20" maxlength="20">
</form>
------------------------------
<form action="input_text.htm">
<input name="password" type="text" size="20" maxlength="20">
</p>
</form>
</td>
</tr>
 
 
<tr>
<th align="center" valign="middle" width="150" height="10">Avatar</th>
<td align="left" valign="middle" width="1000"><form action="select.htm">
<p>
<select name="avatar" size="1">
<option>Marilyn</option>
<option>Schneemann</option>
<option>Jack Sparrow</option>
<option>&Uuml;berraschung</option>
<option>Pharao</option>
<option>Durchgeknallt</option>
</select>
</p>
</form>
</td>
</tr>
<tr>
<th align="center" valign="top" width="150" height="10">Anhang</th>
<td align="left" valign="middle">
<form action="input_text.htm">
<p>
<input name="anhang" type="text" size="100" maxlength="100">
</p>
</form>
</td>
</tr>
<tr>
<th align="center" valign="middle" width="150" height="80">Themenbereich</th>
<td><form action="input_radio.htm">
<p>
<input type="radio" name="Themenbereich" value="Wirtschaftsinformatik">Wirtschaftsinformatik<br>
<input type="radio" name="Themenbereich" value="BWL">BWL<br>
<input type="radio" name="Themenbereich" value="Freizeit">Freizeit
</p>
</form>
</td>
 
</tr>
 
 
</table>
 
</html>
Zum Vergrößern anklicken....

Also ein <p>-Tag ist in HTMl ja ein Absatz siehe hier SELFHTML: HTML/XHTML / Elemente zur Textstrukturierung / Textabsätze wenn du also die <p> benutzt entsteht ein absatz, ohne würde er deinen Text hintereinander machen. Habe den Quellcode angepasst versuche es mal.

Das Einfügen ist ein Button, wie du den erstellst steht hier SELFHTML: HTML/XHTML / Formulare / Buttons zum Absenden oder Abbrechen

Für die Unterteilung bei Themenbereich gibt es eine möglichkeit das Tabellen feld wieder in kleine Tabellenfelder zu unterteilen SELFHTML: HTML/XHTML / Tabellen / Zellen verbinden
 
Status
Für weitere Antworten geschlossen.

Neueste Beiträge

Zurück
Oben