VanAcademy.de http://vanacademy.de Kostenlose Online Tutorials und Kurse Tue, 27 Aug 2019 09:34:03 +0000 de hourly 1 https://wordpress.org/?v=4.9.29 https://i2.wp.com/vanacademy.de/wp-content/uploads/2017/09/Favicon-VanAcademy-V2.jpg?fit=16%2C16 VanAcademy.de http://vanacademy.de 32 32 135978518 HTML Elemente http://vanacademy.de/html-elemente/ http://vanacademy.de/html-elemente/#respond Fri, 22 Sep 2017 21:51:07 +0000 http://vanacademy.de/?p=421 Dieser Beitrag zeigt dir in kleinen und kurzen Schritten, wie ein HTML Dokument aufgebaut ist. Du lernst dabei die Struktur und wichtige Begriffe kennen.

Der Beitrag HTML Elemente erschien zuerst auf VanAcademy.de.

]]> HTML Elemente bestehen grundsätzlich aus start tags und end tags. Zwischen den tags befindet sich ein Inhalt. Ausnahmen zu dem Grundsatz stehen unten.


<start-tag>Hier ist ein Inhalt<end-tag>

Überblick:

  1. Nested HTML Elemente
  2. Empty HTML Elemente
  3. End-tags
  4. Kleinschreibung

1. Nested HTML Elemente

HTML Elemente in einem Element sind sog. nested HTML Elemente.

Alle HTML Dokumente bestehen aus nested HTML Elementen.

In dem unteren Beispiel befinden sich vier HTML Elemente:


<!DOCTYPE html>
<html>
<body>

<h1>Überschrift 1</h1>
<p>Absatz</p>

</body>
</html>

Der <html>-Tag definiert das gesamte Dokument. Start-tag ist <html>, end-tag </html>.

Das Element content (Inhalt) ist ein weiteres Element, nämlich das <body> Element.

 
<html> 
<body> 

<h1>Überschrift 1</h1> 
<p>Absatz</p> 

</body> 
</html>

Das <body>-Element definiert den gesamten Inhalt des Dokumentes. Start-tag ist <body>, end-tag </body>.

Im <body>-Element befinden sich zwei weitere HTML Elemente (<h1> und <p>).

 
<body> 

<h1>Überschrift 1</h1> 
<p>Absatz</p> 

</body>

Das <h1> tag ist ein HTML Heading, definiert also eine Überschrift. Start-tag ist <h1>, end-tag </h1>.

Der Inhalt des Elements ist: Überschrift 1.


<h1>Überschrift 1</h1>

Das <p>-Element definiert einen Absatz (paragraph). Start-tag ist <p>, end-tag </p>.

Der Inhalt des Elements ist: Absatz.

<p>Absatz</p>

2. Empty HTML Elemente

Es gibt HTML Elemente, die keinen Inhalt haben. Solche werden empty HTML Elemente genannt. Weiterhin haben solche Elemente keinen eng-tag.

Ein Beispiel wäre der <br> tag. Dieser steht für einen Zeilenumbruch.

Empty HTML Elemente können „geschlossen“ werden, indem man dies so im Eröffnungs-tag hinzufügt: <br />.

3. End-tags

Bei manchen HTML Elementen ist es nicht schlimm, wenn du vergisst sie zu schließen. So z.B. beim <p>-Element. Jedoch solltest du dir angewöhnen, alle HTML Elemente wieder korrekt zu schließen. Wird ein end-tag bei einem HTML Element vergessen, bei dem ein end-tag erheblich ist, können so ein recht seltsames Ergebnis dabei herauskommen.

4. Kleinschreibung

HTML tags sind nicht case sensitive, d.h. du kannst entweder <p> oder <P> schreiben. Allerdings wird Großschreibung nicht empfohlen.

Der Beitrag HTML Elemente erschien zuerst auf VanAcademy.de.

]]> http://vanacademy.de/html-elemente/feed/ 0 421 HTML Basics http://vanacademy.de/html-basics/ http://vanacademy.de/html-basics/#respond Thu, 21 Sep 2017 21:03:06 +0000 http://vanacademy.de/?p=391 Dieser Beitrag thematisiert die HTML Basics. Diese sind fundamental und erforderlich, um weitere Sprachen, wie z.B. CSS, beherrschen zu können.

Der Beitrag HTML Basics erschien zuerst auf VanAcademy.de.

]]> In diesem Beitrag möchte ich einige HTML-Grundlagen thematisieren. Im Kern muss man sich HTML so vorstellen, dass ein Objekt eingeklammert wird und je nach Art der Verklammerung etwas mit dem Objekt geschieht. Etwas komplexer wird es, wenn man in Verklammerungen weitere Verklammerungen hinzufügt. Jedoch soll dich dies nicht verunsichern, denn im Gegenteil – HTML ist sehr einfach aufgebaut und zu verstehen. Das bedeutet allerdings nicht, dass HTML durch die „einfache“ Handhabung obsolet ist.

Beachte, dass das oben genannte ziemlich untechnisch ausgedrückt wurde. Dies dient zum einen für das Verständnis für Anfänger und zum anderen folgen die korrekten Begriffe bei den jeweiligen Beiträgen bzw. Themengebieten. Also keine Angst, wir wollen dich am Anfang nicht mit zu vielen Begriffen überrollen, sondern dich an die Hand nehmen und mit dir schrittweise HTML erkunden und erlernen.

Überblick:

  1. HTML Dokumente
  2. HTML Headings (Überschriften)
  3. HTML Paragraphs (Absätze)
  4. HTML Links
  5. HTML Images (Bilder)

1. HTML Dokumente

Alle HTML Dokumente müssen mit einer sog. „document type declaration“ beginnen. Dies schaut so aus: <!DOCTYPE html>

Das eigentliche HTML Dokument beginnt mit dem „Tag“ <html> und wird geschlossen mit </html>. Achte dabei darauf, dass bei dem sog. „end-tag“ immer ein „/“ enthalten ist.

Der Teil, der auf der Homepage sichtbar ist, befindet sich zwischen den Tag <body> und </body>.


<!DOCTYPE html>
<html>
<body>

<h1>Überschrift 1</h1>
<p>Absatz</p>

</body>
</html>

2. HTML Headings (Überschriften)

Überschriften (Headings) werden durch die Tags <h1> bis <h6> definiert. Dabei ist zu beachten, dass <h1> das wichtigste Heading darstellt.


<h1>Überschrift 1</h1>
<h2>Überschrift 2</h2>
<h3>Überschrift 3</h3>

3. HTML Paragraphs (Absätze)

HTML Paragraphen sind durch die Tags <p> und </p> gekennzeichnet.


<p>Dies ist ein Absatz</p>

4. HTML Links

HTML Links sind durch die Tags <a> und </a> definiert.


<a href="http://www.vanacademy.de">VanAcademy</a>

5. HTML Images (Bilder)

HTML Images (Bilder) sind durch den Tag <img> definiert.


<img src="https://i2.wp.com/vanacademy.de/wp-content/uploads/2017/09/VanAcademy-Logo-V2.jpg?w=324">

Der Beitrag HTML Basics erschien zuerst auf VanAcademy.de.

]]> http://vanacademy.de/html-basics/feed/ 0 391 WordPress installieren – Was brauche ich dafür? http://vanacademy.de/wordpress-installation-voraussetzungen/ http://vanacademy.de/wordpress-installation-voraussetzungen/#respond Thu, 22 Dec 2016 14:55:23 +0000 http://vanacademy.de/?p=172 Lerne Schritt für Schritt was Du zum installieren von Wordpress benötigst. Wir begleiten dich auf deinem Weg zu deinem eigenen Blog.

Der Beitrag WordPress installieren – Was brauche ich dafür? erschien zuerst auf VanAcademy.de.

]]> Bevor du mit deiner WordPress-Installation beginnen kannst, benötigst du zuerst noch ein paar Dinge. Dies wären zum einen ein FTP-Programm (was das ist erkläre ich dir weiter unten), eine Datenbank und WordPress. In diesem Beitrag erkläre ich dir, was genau du brauchst und wie du das FTP-Programm einrichtest. Keine Angst, auch für Interessierte ohne vertiefte IT-Kenntnisse ist dieses Tutorial sehr leicht zu verstehen. Hast du das alles bereits schon, kannst du direkt mit der Installation anfangen. Das zeige ich im nächsten Schritt.

Überblick:

  1. FTP-Programm
  2. Datenbank
  3. WordPress

1. FTP-Programm

FTP steht für „File Transfer Protocol“. Ein FTP-Programm stellt mittels Dateneingabe eine Verbindung von deinem lokalen Rechner mit deinem Server/Webhost her. Dadurch kannst du bequem auf deine Daten zugreifen, hochladen, löschen oder aber auch Daten natürlich herunterladen.

Zwar bieten mittlerweile viele Webhoster einen sog. „Browser FTP“ an, bei dem du dich lediglich in das Kundencenter deines Anbieters einloggst und dort dann deine Daten hochladen kannst. Allerdings empfehlen wir dir eher ein FTP-Programm zu verwenden, da du dadurch viel schneller und flexibler arbeiten kannst. Für User die sich damit noch nicht auskennen, kann ein neues Programm recht unübersichtlich und überwältigend wirken. Allerdings begleite ich dich mit diesem Tutorial Schritt für Schritt, sodass du im nachhinein merken wirst, das es gar nicht so kompliziert ist so wie es anfangs aussah.

Ein kostenloses, welches auch ich verwende, ist Filezilla. Lade es dir herunter und installiere es.

Nun musst du das Programm öffnen. Oben links, direkt unter dem Reiter „Datei“, findest du den „Servermanager“. Dort klickst du drauf kannst dort dann deine Server verwalten. Bei einer frischen Installation sollte dort nichts stehen. Um einen neuen Server hinzuzufügen, klickst du einfach auf „Neuer Server“. Diesen kannst du je nach belieben benennen. Ich benenne sie meistens nach der Domain. Bei „Verbindungsart“ musst du statt Anonym auf „Normal“ umstellen.

Folgende Serverdaten benötigst du:

  1. Serveradresse
  2. Benutzername
  3. Passwort

Nachdem du alles in die richtigen Spalten hinzugefügt hast, kannst du auf „OK“ klicken. Dann werden die soeben von dir eingegeben Daten im Programm gespeichert. Wenn du auf „Verbinden“ klickst, sollte sich das Programm mit deinem Server verbinden. Voilâ! Dein FTP-Programm ist somit eingerichtet.

2. Datenbank

Als nächstes benötigst du eine Datenbank. Die ist erforderlich, damit WordPress relevante Informationen speichern kann. Eine Datenbank kannst du im Kundencenter deines Server/Webhoster erstellen. Um WordPress installieren zu können, benötigst du folgende Infos zu der Datenbank:

  1. Datenbankname
  2. Benutzername (von der Datenbank)
  3. Passwort

3. WordPress

Schließlich brauchst du WordPress selbst, um WordPress zu installieren. Ist ja klar :). Herunterladen kannst du die aktuellste Version hier.

Nachdem herunterladen musst du den „WordPress“-Ordner entpacken. Aber Achtung: später beim hochladen auf deinem Server (zeige ich dir im nächsten Schritt) benötigst du nur den Inhalt im Ordner „WordPress“. Jedoch hast du für jetzt erst einmal alle Voraussetzungen erledigt. Glückwunsch. Auf zum nächsten Schritt!

Der Beitrag WordPress installieren – Was brauche ich dafür? erschien zuerst auf VanAcademy.de.

]]> http://vanacademy.de/wordpress-installation-voraussetzungen/feed/ 0 172