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

Zeile in die ich schreiben kann??!!??

M

mofa

Neues Mitglied
Hallo liebe Leute, bin neu hier und hätte da mal eine frage,

Ich habe jetzt schon ein Tutorial über HTML und CSS gelesen, klappt bis jetzt auch wunderbar, gut kenne jetzt bloss die Basics aber jeder fängt ja mal klein an.
So nun zur frage, wie erstell ich denn ein feld in das ich was reinschreiben kann,
wie zum Beispiel beim einem Login, dass ich da meinen User Name und PW eingeben kann.

Wie gesagt hab erst angefangen und würde mich über eure Tipps freuen.

Danke liebe community

Mofa
 
Moin,

da erstellst Du ein Formular: SELFHTML: Navigationshilfen / Kurzreferenz: HTML
Das Tag heißt <input> und für Passwörter gibts einen type="password", wo das, was etippt wird, nicht angezeigt wird.

Viel Erfolg beim Lernen!

Und nicht vergessen, HTML ist nur zur logischen Auszeichnung des Inhalts, nicht für das Aussehen zuständig :-) Und keine Frames benutzen, keine Tabellen zum Layout missbrauchen und keine div-Suppe kochen ;-)

-Efchen

Edit: Nänänänähnääääh! Erster! ;-)
 
Zuletzt bearbeitet von einem Moderator:
schonmal danke,

ok danke schonmal ihr 2!!
noch ne kurze frage, wenn ich einen Hintergrund erstellt habe, als was muss ich ihn dann speichern wenn ich ihn in die Homepage einfügen will?

wäre das dann gif oder ein jpg??

Danke
 
Die Browser unterstützen viele Grafikformate, außer GIF und JPEG geht auch noch PNG oder teilweise auch SVG.

SelfHTML hat dazu auch eine Seite: SELFHTML: Grafik / Grafikformate für Web-Seiten (wobei ich von LuraWave noch nie was gehört habe)

@BcF: Man braucht keine serverseitige Sprache, um ein Formular auszuwerten. Das könnte man auch mit JavaScript machen, kommt ja auch die Anwendung und das Einsatzumfeld an. Auch wenn man das normalerweise nicht unbedingt macht, insoweit gebe ich Dir selbstverständlich recht :-)
 
Zuletzt bearbeitet von einem Moderator:
Danke

ok, herzliches dankeschön,

werde mich mal ein bissi mit der selfhtml site beschäftigen. Falls dann noch fragen aufkommen sollten muss ich euch wieder belästigen ;)

Danke an alle die mir geholfen haben!!!

Mofa
 
Wobei SelfHTML leider auch schon ein wenig veraltet ist und nicht so sehr auf die Themen "Semantik" in HTML oder strikte "Trennung von Inhalt und Layout" eingeht.

Früher (d.h. im letzten Jahrtausend) ist man anders an das Erstellen einer Website herangegangen, heute - mit CSS - ist da ein wenig Umdenken erforderlich.

Du kannst jederzeit posten, was Du bisher so auf die Beine gestellt hast, dann kann man Dir sagen, ob Du auf dem richtigen Weg bist, oder Dir erklären, wo man was anders macht.

Wenn man Interesse daran hat, Webseiten zu erstellen und auch ein bisschen Zeit und bereit ist, Eigeninitiative zu zeigen, dann ist das Thema nicht allzu schwer. Aber es wäre falsch zu sagen, es ist simpel. Im Gegenteil, es ist sogar ziemlich umfangreich und mit gestiegenen Anforderungen an eine gute Website (SEO, Barrierefreiheit, ...) wächst der Umfang des Themas natürlich ziemlich.

Aber wie gesagt, hier wirst Du geholfen ;-)

Grüße,
-Efchen
 
Ich nochmal!!!

So jetzt weiß ich ein bisschen mehr, aber ich fass nochmal zusammen um fehler zu vermeiden.

-Wenn ich ein Layout erstellen will, muss ich erstmal die gesamte homepage mit einen Grafikprogramm erstellen. Inklusive Buttons zb. Gästebuch, Links, Home usw.

-danach muss ich die komplette Homepage zerschneiden, wegen den Buttons um sie auch später drücken zu können, zb wenn ich auf Gästebuch klick das auch das Gästebuch aufgeht.

-danach muss ich den jeweiligen Buttons einen link zuweisen das der knopf weiss wohin er muss.

hab ich des soweit richtig verstanden?
hui ganz schön umfangreich eine homepage zu bauen, aber ich WILL des schaffen.

Danke
euer Mofa
 
mofa schrieb:
hab ich des soweit richtig verstanden?
Zum Vergrößern anklicken....

Nein, leider nicht.

Als erstes solltest du deinen Inhalt semantisch korrekt auszeichnen, Überschriften als <h1> bis <h6>, Listen als <ul>, <ol> oder <dl>, Textabsätze als <p>, Adressen als <address>, Bilder als <img>, Buttons als <button>, Eingabefelder als <input> oder <textarea>, dazugehörige Beschriftung als <label>, wichtiges als <em>, sehr wichtiges als <strong> usw.

Das Aussehen im Browser ist dabei völlig egal, denn HTML ist nur für die Bedeutung deines Inhaltes zuständig. Layout machst du dann hinterher mit CSS, wenn du deinen Inhalt ausgezeichnet hast.

Dafür setzt du am besten die vom Browser vorgegebenen Standardformatierungen für die Tags zurück, damit du nicht in die Versuchung kommst, ein Tag zu verwenden, weil es den Inhalt so anzeigt, wie du es möchtest.

Zum zurücksetzen der Formatierungen schreibst du folgenden Code in deine CSS Datei, der sicher noch erweiterbar, oder reduzierbar ist, aber so kommst du nicht in Versuchung, statt <h1> lieber <h3> zu nehmen, nur weil dir die Schriftgröße besser gefällt.
Code: 
* {
  font-size: 1em;
  font-weight: normal;
  text-decoration: none;
  margin: 0;
  padding: 0;
  border: none;
  list-style-type: none;
  color: #000;
}
Per CSS gibst du dann deinem Inhalt das gewünschte Aussehen, fügst Hintergrundgrafiken und Farben hinzu, definierst Abstände der einzelnen Elemente zueinander, setzt Rahmen Schriftgröße.

Das wäre eine sinnvolle Vorgehensweise, gerade als Anfänger.
 
hallo

ok, ich habe seit gestern wirklich viel gelesen über html und css.
Und ich muss ganz ehrlich sagen das es mich echt ein bisschen verwirrt, aber wenn man ein bisschen überlegt kommt man selber drauf.

muss ich dann als erstes mein komplettes html dokument entwerfen mit alles was ich drinen haben möchte?
und danach erst den Hintergrund mit css erstellen.

Sorry wenn ich soviel frage aber ich möchte es echt gerne schaffen und wenn ihr mir nicht helft wer hilft mir dann.

Auch wenn meine fragen für euch wahrscheinlich sehr dumm klingen möchte ich es gerne erlernen.

Danke
 
mofa schrieb:
muss ich dann als erstes mein komplettes html dokument entwerfen mit alles was ich drinen haben möchte?
und danach erst den Hintergrund mit css erstellen.
Zum Vergrößern anklicken....

Für den Anfang wäre das so am gescheitesten, weil du so am meisten lernst.

So wird deine Seite zwar im Browser nicht schön aussehen, aber darum geht es ja im ersten Schritt auch nicht, aber damit ist dann die Grundlage gelegt, die das weitere arbeiten deutlich erleichtert.
 
Ok,

Werd es mal so machen und wenn ich mal soweit sein sollte dann werde ich mich wahrscheinlich nochmal melden müssen wie man weiter vorgeht.

Aber danke schonmal Thor.

Gruß
Mofa
 
so erster versuch

weiss nicht ob man des so versendet baues die page erst offline.
aber hier schonmal ein Code hoffe es stimmt soweit (inhaltlich kann man sicher noch was machen mir geht es erst mal um die richtige ausführung von html:

DANKE



<html>
<head>
<title>Members</title>
<link rel="stylesheet" type="text/css" href="style.css" />
</head>

<body>
<h4>dER KaCkStIfT</h4>

<img src="nro.jpg" alt="Kacki" />

<p><b>Nickname:</b> Kacki</br>

<b>Spielername:</b> Gaming 4F| dEr KaCkStIfT</br>

<b>Kontakt:</b></br>

<b>Real</b> Name: Wassilios</br>

<b>Alter:</b> 23.12.1985 (24)</br>

<b>Wohnort:</b> Nürnberg</br>

<b>Registriert seit:</b> 06.01.2009</br>

</br>
</br>
</br>

<b>Über:</b>

</br>
</br>

Kacki ist mit der Gründer des Gaming 4 Fun Clan, er und Mofa aufm Sofa haben sich

vom Vollhorst Clan verabschiedet, um einen eigenen Clan auf die Beine zu stellen.

Er ist mit Herz und Seele CounterStrike 1.6 Spieler, und widmet sich fast jede Minute

diesen Spiel.

Kacki ist ein ruhiger Spieler, lieber eine Minute warten als zu sterben.

Er spielt taktisch, ruhig und ist immer am experimentieren mit diversen Waffen und Granaten

Lieblingswaffen von Kacki ist die M4a1, USP und die MP5.

Nehmt euch in acht wenn ihr mal auf ihn stoßen solltet, denn er ist einer der NIE

aufgeben wird.</p>

</br>
</br>

<h4>Mofa aufm Sofa</h4>

<img src="skillz.jpg" alt="Mofa" />

<p><b>Nickname:</b> Mofa </br>

<b>Spielername:</b> Gaming 4F| Mofa aufm Sofa</br>

<b>Kontakt:</b></br>

<b>Real Name:</b> Chris</br>

<b>Alter: </b> 01.02.1985 (24)</br>

<b>Wohnort: </b> Nürnberg</br>

<b>Registriert seit:</b> 06.01.2009</br>

</br>
</br>
</br>

<b>Über:</b>

</br>

<p>Mofa ist der Gründer des Gaming 4 Fun Clan, er und der Kackstift haben sich

vom Vollhorst Clan verabschiedet, um einen eigenen Clan auf die Beine zu stellen.

Er ist mit Herz und Seele CounterStrike 1.6 Spieler, und widmet sich fast jede Minute

diesen Spiel.

Mofa ist eher der rusher Typ, und probiert möglichst viel mit einen Magazin umzunieten.

Lieblingswaffen von Mofa ist die M4a1 und die USP, möchte gerne auch

ein bisschen AWP spielen, deshalb treibt er sich auch in der letzten Zeit vermehrt auf

AWP Maps rum.</p>

</body>

</html>
 
Da ist noch einiges drin, was verbessert werden kann.

Zum ersten fehlt ein Doctype, mit dem du dem Browser sagst, nach welchem Standard er sich richten soll, ich würde XHTML1.0 strict verwenden.

Dann ein paar Fragen zur Wahl deiner Tags, damit wir sehen können, wo es noch beim Verständnis hapert.

Warum benutzt du als erste Überschrift <h4>? Es ist doch eine Überschirft erster Kategorie, dann solltest du auch <h1> benutzen.

Dein Profil mit Spitznamen, Alter usw könnte man als Definitionsliste auszeichnen, <b> hat keine semantische Bedeutung und sollte daher nicht verwendet werden. Warum hast du es benutzt?

Die <br /> hast du sicher benutzt, um Abstand zwischen deine Elemente zu bekommen, das wird aber über CSS geregelt, kannst du entfernen.
 
_Thor_ schrieb:
Zum ersten fehlt ein Doctype, mit dem du dem Browser sagst, nach welchem Standard er sich richten soll, ich würde XHTML1.0 strict verwenden.
Zum Vergrößern anklicken....

Und wo schreib ich des hin, bzw wie mach ich sowas??


_Thor_ schrieb:
Warum benutzt du als erste Überschrift <h4>? Es ist doch eine Überschirft erster Kategorie, dann solltest du auch <h1> benutzen.
Zum Vergrößern anklicken....

Ja die seite was ich hier gepostet habe ist nur eine (wie sagt man) unterseite, um die spieler zu sehen, deswegen hab ich die überschrift nicht ganz groß gemacht.

_Thor_ schrieb:
Dein Profil mit Spitznamen, Alter usw könnte man als Definitionsliste auszeichnen, <b> hat keine semantische Bedeutung und sollte daher nicht verwendet werden. Warum hast du es benutzt?
Zum Vergrößern anklicken....

<b> steht doch für fett geschrieben? oder? deswegen hab ich des so gemacht um es ein bisschen abzutrennen.

_Thor_ schrieb:
Die <br /> hast du sicher benutzt, um Abstand zwischen deine Elemente zu bekommen, das wird aber über CSS geregelt, kannst du entfernen.
Zum Vergrößern anklicken....

aso ok!!

Danke schonmal thor vllt kannst du mir ja noch ein bisschen helfen wäre dir sehr sehr dankbar.

Mofa
 
ok hab da was gefunden, weiss aber leider nicht ob ich da richtig bin oder total falsch.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

Stimmt sowas?

Lieben gruß Mofa
 
mofa schrieb:
Und wo schreib ich des hin, bzw wie mach ich sowas??
Zum Vergrößern anklicken....

A List Apart: Articles: Fix Your Site With the Right DOCTYPE!


Ja die seite was ich hier gepostet habe ist nur eine (wie sagt man) unterseite, um die spieler zu sehen, deswegen hab ich die überschrift nicht ganz groß gemacht.
Zum Vergrößern anklicken....
Deswegen hab ich vorgeschlagen, dass du erstmal alle Standard-Formatierungen der Browser zurücksetzt, denn man wählt das Tag nicht nach der Anzeige im Browser. Das regelt man per CSS.
Wenn es eine Überschrift erster Ordnung ist, ist es <h1>, eine Überschrift zweiter Ordnung ist eine <h2> usw.

Beim Auszeichnen deines Inhalten brauchst du dir die Seite garnicht im Browser anzusehen, denn du kümmerst dich ja noch garnicht um das Layout.

<b> steht doch für fett geschrieben? oder? deswegen hab ich des so gemacht um es ein bisschen abzutrennen.
Zum Vergrößern anklicken....
Und die Gewichtung der Schrift ist Aufgabe des CSS, hat somit im Code nichts verloren.
 
ohhh mannnnnn

Ich hab echt mein bestes gegeben, ich glaub ich werde es aufgeben, hab ja gewusst das es nicht einfach ist aber das es echt so umfangreich sein wird hätte ich nie gedacht!

Mit jeden Kommentar was ich bekomm (nicht böse gemeint) wird es für mich immer unverständlicher und schwerer.
Weiß gar nimmer was richtig und falsch ist.
Hab noch nie was von einen "Doctype" gewusst bzw gehört genau wie "XHTML1.0 strict" ich kenne nichtmal einen Bruchteil vom erstellen einer Homepage obwohl ich schon sehr viel gelesen habe. Naja dann werde ich es wohl oder übel an den Nagel hängen müssen.

Aber nochmal danke an alle die probiert haben mir zu helfen.
Besonders an Efchen und Thor

Mofa
 
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben