Schritt für schritt website erstellen

Hallo, ich bin wahrscheinlich die hundertste die danach fragt …aber naja…
also ich möche gerne lernen wie man eine html website erstellt da ich etwas total individuelles möchte und nicht so eien standard site…

dafür muss ich ja lernen wie man html verwendet , ich habe aber gar kein hintergrundwissen das heißt ich weiß gar nicht auf was die aufgebaut werden und ich steige auch nicht wirklich durch diese seite hier durch html-seminar.de/erste-html-seite.htm ich verstehe einfach nicht wie dadurch das ich einen text im editor eingebe , eine website entstehen kann??? es wäre wirklich super lieb wenn mich jmd an die hand nehmen würde und mir vielleicht beim anfang helfen würde bzw jmd ne gut verständliche seite hat wo dies alles gut erklärt ist!!!

danke schonmal
kuss

Na ganz einfach deshalb, weil HTML eine Auszeichnungssprache ist, die in einfacher Textform notiert wird …

de.selfhtml.org/ ist quasi das (deutschsprachige) “Standardwerk” zum Thema.
Da solltest du ganz vorne anfangen, und dich langsam durcharbeiten.

Eine sehr gute Tutorialseite: peterkropff.de/

Wenn du spezifische Fragen hast, kannst die dann auch gerne hier loswerden. Viel Spaß und Erfolg…

:winke:

Letztlich entsteht auf ähnliche Weise jegliche von Menschen
interpretierbare Aktion auf einem Rechner.
In irgendwelchen Dokumenten ist etwas notiert, was von
Programmen interpretiert oder präsentiert wird. Ist das Dokument
selbst ein Programm, so ist es so aufbereitet, daß es mehr oder
weniger direkt im Prozessor Aktionen auslöst.

Jedes Mal, wenn ein elektronisches Format präsentiert wird, ist
da meist eine ganze Reihe von komplizierten Programmen
aktiv, die Informationen (aus Dokumenten) analysieren und
interpretieren.

Was ist jetzt so erstaunlich daran, daß das auch bei (X)HTML so
ist? Warum sollte ein Programm wie ein browser nicht etwas
interpretieren können, was man zuvor mit einem Texteditor
hingeschrieben hat - macht der Texteditor ja letztlich auch, wenn
er anzeigt, was man notiert hat.
Das setzt natürlich voraus, daß die Art der Notation spezifiziert
ist und im browser entsprechend implementiert. Notiert der
Autor sein Dokument dann auch wie spezifiziert, sollten ja mal
abgesehen von Fehlern keine weiteren Probleme auftreten.
Interessant an Standardformaten wie (X)HTML ist eben, daß es
zahlreiche Programme verschiedener Anbieter gibt, die das
Notierte interpretieren können.

Klar nehmen wir dich an die Hand =)

Wenn es dir 45 Euro wert is nimm das hier:
amazon.de/HTML-mit-CSS-XHTML … 3897214539
Super Sache auch für Einsteiger =)

Ansonsten de.selfhtml.org/ , auch gut für Einsteiger und zudem Kostenlos =)

Zu deinem Texteditorproblem:
du hast dir doch sicher schon HTML Code anguckt richtig?
Der ist ja in Textform geschrieben und als .html abgespeichert

Öffnest du nun die html datei ( die ja eigentlich nichts anderes als ne umbenannte .txt ist )
interpretiert der Browser den Inhalt:

Sieht er zb im code ein

Text

weiß er das es sich um eine Überschrift mit dem Inhalt “Text” handelt und formatiert diesen entsprechend und gibt ihn als Überschrift am Bildschirm aus =)

lg Michi

1.Editor(pspad ist gut)
2.HTML Buch (aus der buecherei)
3.Befehle(tags) lernen.
Tipp druck unter pspad str+leertaste,mit enter kannst du dann die befehle …
Tipp wenn du html css kannst lern am besten noch php. :slight_smile:

Und bei konkreten Fragen hier stellen :slight_smile:

Huhu och ihr seit ja lieb Freu

also ich habe bisher ja leider noc gar kein ahnung!!! gar keine!!! also das mit den codes wusste ich auch nicht …

wenn ich jetzt z.b etwas in meinen editor schreibe ich glaue ic habe notepad als editor.
Dann kann man das ja aber nur als txt datei speichern aber wie kommt diese dann online???also ich habe jutzt eine txt datei und die will ich onl8ine stellen!!! wie funktioniert das :frowning:

nochmals danke ist wirklich sehr lieb von euch

Du kannst diese .txt Datei einfach umbennen in .html - Noch besser, du lädst dir ein HTML-Editor runter. Empfehlen kann ich dir PSPad -> pspad.com/de/download.php

Wenn du HTML lernen möchtest, kann ich dir de.selfhtml.org empfehlen
oder du besuchst mal meine Seite :wink: html-php.de

Hallo,

Also für einfach mal HTML zu lernen kann ich dir auch das Buch “Jetzt lerne ich HTML” von “Harald Taglinger” Empfehlen. Damit habe ich HTML gelernt und habe es super verstanden.

z.B. amazon.de/Jetzt-einfache-Ein … 3827265533

Im Buch ist es ganz einfach Schritt für Schritt erklärt wie man seine Seite aufbaut.
Es geht zwar nicht so richtig ums tolle Design aber die Grundkäntnisse sind sehr gut beschrieben. Und wenn du diese verstanden hast dann kommst du auch mit den Online Portalen wie selfhtml und so sehr gut zurecht.

PS: Und wenn du dann noch genaue Fragen hast nur los damit! :slight_smile: :slight_smile:

Viele Grüße und Spaß
Nikolas

Selbst beim einfachsten Texteditor von microsoft kann man
einstellen, wie der Dateiname samt Endung aussehen soll.
Ich verwende microsoft-Betriebssysteme ja nur sehr selten, aber
sogar mir ist bekannt, daß man da beim Abspeichern nur die
Bevormundung durch das Betriebssysteme umgehen muß, indem
man sich alle Dateien anzeigen läßt, bevor man den zu
speichernden Namen eingibt.

Buch zu (X)HTML kaufen, täte ich nicht unbedingt empfehlen,
gibt genug Anleitungen im Netz, wo man zugegebenermaßen
etwas gucken muß, wie alt die sind und wie gut der Autor selbst
verstanden hat, worüber er schreibt. Das aber bleibt einem auch
bei Büchern nicht erspart, nur ärgert man sich da mehr, wenn
man ein schlechtes Buch gekauft hat. selfhtml (gibt es auch als
Buch) ist da jedenfalls sehr gut brauchbar, da findet man vom
Grundgerüst einer (X)HTML bis hin zu Einzelbeispielen für die
sinnvolle Anwendung von Elementen und Attributen fast alles.
Wenn man es wirklich gut verstehen will, probiert man das dort
Beschriebene sicher an einfachen eigenen Beispielen aus.
Wenn man dann glaubt, die Sache im Griff zu haben, gut man
am besten nochmal sorgfältig durch die Spezifikation, bevor man
größere Projekte beginnt, sonst ist die Gefahr recht groß, daß
man zwar visuell passable Konstruktionen erstellen kann, die aber
inhaltlich nur wenig Sinn ergeben. Denn (X)HTML ist ja nunmal
eine Textauszeichnungssprache, da kommt es auf den Sinn und
den Inhalt an, nicht direkt auf die Präsentation. Für letzteres gibt
es dann CSS, eine weitere Sprache, die dient der Dekoration und
Anordnung der Inhalte. Um die kümmert man sich am besten
erst, wenn man sicher in der Lage ist, strukturierte Dokumente
zu erstellen, die auch ohne CSS bereits sinnvoll sind, sonst ist
wiederum die Gefahr recht groß, daß man inhaltlichen Blödsinn
veröffentlicht. Das ist derzeit übrigens bei der überwiegenden
Mehrheit von internet-Seiten der Fall, woran man erkennen kann,
daß das Problem nicht darin liegt, (X)HTML-Dokumente zu
erstellen, sondern inhaltlich sinnvolle und strukturierte Dokumente
zu erstellen ;o) Und das lernt man auch am besten, indem man es
praktisch versucht und ließt, wie es gehen soll.

Und learning by doing ist am besten, ein paar Templates anschauen, im Wiki hier lesen, ein paar andere Websites und so lernt man einiges und sammelt Erfahrung. Und dann im Buch oder bei selfhtml.org vorbeischauen. (bei Windows musst du, um die Datei in .html umzubennen, bei Ordneroptionen “bei bekannten Dateierweiterungen ausblenden” den Haken entfernt, und per FTP dann hochladen, aber da der Browser es interpretiert, kannst du es ohne weiteres anschauen)

Hier mal schritt für schirritt erklärt wie man mit pspad einen HTML datei mi Link erstellt.
Befehlseditor SRT+LEERtaste
Interner Browser oben kleine welt.
http://www.homeworkshare.bplaced.net/temp

huhu danke für eure mühe
g also ich habe den ganz normalen windows editor und habe einfach die txt datei in html umbenannt und so hat sich die datei im internet explorer geöffnet…
geht dasd nicht auch so??? nobwohl da ja dann nun der text drin steht mehr nicht…:frowning:

werde mir aber das buch besorgen ich bin wohl zu blöd dafür.

bei den fotos ist ein anderer editor zu sehen richtig??? weil mein editor ist ja nur zum schreiben aber der auf den fotos da kann man ja ganz viel machen…
kuss

Hol dir pspad ,mit dem hast du auch einen direkten FTP client zu deinem webspace.
Jede datei besteht nur aus text wenn du sie mit irgendeinem Editor öffnest.
Geh mal(bei FiREFOX) auf Ansicht->Seitenqueltext anzeigen,
da siehst du wie eine etwas komplexere HTML,(bzw.Javascript)formantierte seite ausieht.
gib mal in deinem editor ein

<table border="1">
<tr><td>spalte1 zeile1</td><td>spalte2 zeile1</td></tr>
<tr><td>spalte1 zeile2</td><td>spalte2 zeile2</td></tr>
</table>

Bennene sie um in blabla.html und schau sie dir im Browser an.

Huhu asshare super danke …das ist5 aj witzig wo sind denn die ganzen codes ???

Wie komm ich denn dazu das ich eine Überschrift für meine website bekomme und dann muss das ja so sein das ich immer wieder neue einträge auf meiner website machen kann ohne eine neue datei zu erstellen oder???

Hi,

was meinst du mit Überschrift?

Wenn oben in der Titelleiste vom Browser was stehen soll, dann gibt es dafür den passenden Codesnippet: Mein Seitenname

Wenn du mit Überschrift meinst, den Text nur größer darzustellen gibt es eine ganze Reihe von Möglichkeiten. Die einfachste ist jedoch alles mit

Meine überschrift

zu realisieren - Du kannst die Zahlen von 1-6 variieren um die Größe anders zu bestimmen.

Die Codes selbst sind ja in deiner Datei. Der browser liest die Datei und weiß, wie wer was darstellen soll. Steht beispielsweise in deiner HTML-Datei >b>Ich bin dick weiß der Browser, dass er alles zwischen den -Tags fett schreiben soll.

Also ich meinte meinen website namen also z.b www.libertad.de und wo muss ich den eingeben um meine website zu starten also den namen wo muss ich den reinschreiben G??

ich hoffe ich nerv nicht schon tut mir leid wirklch aber ich versteh das alles irgendwie besser wenn ihr mir das erklärt als woanders G

Achso das nennt sich Tags G woher weiß ich denn welche Tags zu was gehören z.b /h1 für überschrift und fürs fett schreiben /b , wo stehen diese tags??
danke für deine zeit
kuss

Schau dir mal html-php.de/ .
Dort ist dies alles super erklärt. :winke:

Das halte ich für eine ziemlich billige Ausrede … von jemandem, der keine Lust hat, sich selber intensiver damit zu beschäftigen.
Dir wurden genug Seiten genannt, wo du dich umfassend informieren kannst - aber es macht nicht den Eindruck, als ob du damit überhaupt schon ernsthaft begonnen hättest.

Ja, das erfordert natürlich etwas Zeit, Aufwand und Ausdauer.
Mit mal kurz fünf Minuten lang reinschauen, und dann mit einem “Och ist das aber viel zu Lesen” die Achseln zu zucken, ist es nicht getan.

Tue dir und uns einen Gefallen, und beschäftige dich mit den Grundlagen - SELFHTML ist eine hervorragende Anlaufstelle dafür.