HTML lernen leicht gemacht: Textformatierung und Strukturierung

In diesem Blogartikel erkläre Textformatierung und Strukturierung mit HTML.

Überschriften <h1> bis <h6>

In HTML gibt es sechs verschiedene Überschriften-Tags, die von <h1> (die wichtigste und größte Überschrift) bis <h6> (die kleinste und am wenigsten wichtige Überschrift) reichen. Überschriften-Tags (<h1> bis <h6>) sind wichtig, um den Inhalt einer Webseite zu strukturieren und zu organisieren. Sie helfen nicht nur den Besuchern der Seite, den Inhalt besser zu verstehen, sondern sind auch für Suchmaschinen und Screenreader wichtig.
<h1>: Hauptüberschrift, die wichtigste Überschrift auf einer Seite.

Beispiel:

<h1>Dies ist eine Hauptüberschrift</h1>

<h2>: Unterüberschrift, weniger wichtig als <h1>.

Beispiel:

<h2>Dies ist eine Unterüberschrift</h2>
<h3>: Noch eine Ebene niedriger.</h3>

Beispiel:

<h3>Dies ist eine dritte Überschriftsebene</h3>

„HTML lernen leicht gemacht: Textformatierung und Strukturierung“ weiterlesen

HTML lernen leicht gemacht: Einführung in HTML

In diesem Blogartikel gibt es eine Einführung in HTML.

HTML steht für HyperText Markup Language. Es ist die grundlegende Sprache, die zum Erstellen von Webseiten verwendet wird. Hier sind die wichtigsten Punkte leicht verständlich erklärt:

Grundlage des Webs

HTML ist die Sprache, die das Grundgerüst jeder Webseite bildet. Jede Webseite, die Sie im Internet sehen, wird mit HTML erstellt.

Markup Language

Eine Markup-Sprache verwendet spezielle Codes, sogenannte „Tags“, um den Inhalt einer Webseite zu strukturieren und zu formatieren. Diese Tags geben an, wie Text, Bilder, Links und andere Elemente auf der Seite angezeigt werden sollen.

Tags und Elemente

HTML verwendet Tags, die in spitzen Klammern (< >) stehen. Ein einfaches Beispiel ist das <p>-Tag, das für einen Absatz steht. Der Text, der innerhalb dieser Tags steht, wird als Absatz formatiert.

Beispiel:

<p>Das ist ein Absatz.</p>

„HTML lernen leicht gemacht: Einführung in HTML“ weiterlesen

HTML lernen leicht gemacht: Ein inklusiver Kurs für alle

In dieser Blogartikelreihe möchte ich die Grundlagen von HTML Erklären.

Warum dieser Kurs?

Barrierefreies Webdesign bedeutet, dass Webseiten so programmiert werden, dass alle Menschen, auch Menschen mit Behinderungen und anderen körperlichen Einschränkungen, eine Webseite bedienen und wahrnehmen können. Für Web-Entwickler ohne Behinderung ist das oft eine große Herausforderung. Deswegen ist es schlau, Menschen mit Behinderungen das Entwickeln von Webseiten beizubringen. Wenn zum Beispiel blinde Menschen Webseiten programmieren, können sie selbst darauf achten, dass die Webseite danach barrierefrei ist.

Zielgruppe dieses HTML-Kurses

Die vielen tollen Lernvideos und Videokurse, die es im Internet gibt, sind für blinde Menschen nicht wahrnehmbar. Damit blinde Menschen die Möglichkeit haben, die Web-Entwicklung zu lernen, starte ich diesen Kurs zum Erlernen von HTML. Danach wird es noch einen Kurs zu den Grundlagen von CSS geben.

Zielgruppe dieses HTML-Kurses sind blinde Menschen die HTML lernen möchten. Da wir aber im Zeitalter der Inklusion leben, dürfen alle Menschen, auch Menschen ohne Behinderung, mit diesem Kurs HTML lernen !
„HTML lernen leicht gemacht: Ein inklusiver Kurs für alle“ weiterlesen

HTML lernen leicht gemacht: Die Entwicklungsumgebung Visual Studio Code

In diesem Blogartikel erkläre ich die Installation und grundsätzliche Bedienung der Entwicklungsumgebung Visual Studio Code.

Was ist Visual Studio Code?

Visual Studio Code (oft einfach VS Code genannt) ist ein kostenloser, leichtgewichtiger und leistungsstarker Texteditor, der speziell für Programmierer entwickelt wurde. Hier sind die wesentlichen Punkte leicht verständlich erklärt:

  1. Texteditor für Programmierer: VS Code ist ein Programm, in dem man Code schreiben kann, ähnlich wie man in einem Textverarbeitungsprogramm wie Word Texte schreibt. Es ist jedoch speziell dafür gemacht, um Programmiersprachen wie HTML, JavaScript, Python und viele andere zu unterstützen.
  2. Kostenlos und Open-Source: Das Programm ist kostenlos verfügbar und kann von jedem heruntergeladen und genutzt werden. Es ist auch Open-Source, was bedeutet, dass der Quellcode von jedem eingesehen und verbessert werden kann.
  3. Plattformübergreifend: VS Code funktioniert auf verschiedenen Betriebssystemen, einschließlich Windows, macOS und Linux. Egal welches Betriebssystem man benutzt, VS Code läuft darauf.
  4. Erweiterbar: Man kann VS Code mit vielen zusätzlichen Funktionen ausstatten, indem man Erweiterungen installiert. Diese Erweiterungen können das Programmieren erleichtern, indem sie beispielsweise Code-Vervollständigungen anbieten oder das Arbeiten mit bestimmten Programmiersprachen verbessern.
  5. Intuitive Benutzeroberfläche: VS Code bietet eine benutzerfreundliche Oberfläche, die leicht zu navigieren ist. Es gibt verschiedene Bereiche, wie z.B. den Explorer zum Anzeigen von Dateien, den Editor zum Schreiben von Code und das Terminal zum Ausführen von Befehlen.
  6. Live-Vorschau: Eine besonders nützliche Funktion für HTML-Entwicklung ist die Möglichkeit, die Änderungen sofort zu sehen. Mit einer Erweiterung namens „Live Server“ kann man seine Webseite im Browser öffnen und jede Änderung, die man in VS Code macht, wird sofort im Browser aktualisiert.

„HTML lernen leicht gemacht: Die Entwicklungsumgebung Visual Studio Code“ weiterlesen

Excel VBA Programmieren lernen – Die Grundlagen einfach erklärt

In diesem Artikel werden die Grundlagen der Excel VBA Programmierung einfach erklärt.

Inhaltsverzeichnis

Kurs in der Volkshochschule Reutlingen als Dozent für Microsoft Excel VBA war Anstoß für YouTube-Videos und Blogartikel

Der Volkshochschule Reutlingen ist die Gleichstellung von behinderten Menschen und die Inklusion sehr wichtig. Deswegen stehe ich seit mehreren Jahren als Dozent im Programm der Volkshochschule Reutlingen mit mehreren Kursen. Vor 4 Wochen bekam ich eine Mail von der Volkshochschule Reutlingen, dass mein Kurs „Programmieren mit MS-Excel VBA“ stattfindet. Da ich für die Kurteilnehmer Kursunterlagen erstellen musste, hatte ich jetzt genug Material um YouTube-Videos und einen Blogartikel über Programmieren mit Excel VBA zu erstellen. Wegen Corona, fand mein Kurs über Zoom statt und war somit auch eine Art Online-Kurs!

„Excel VBA Programmieren lernen – Die Grundlagen einfach erklärt“ weiterlesen

Python programmieren trotz Handicap – Datentypen: Listen

In diesem Blogartikel wird der Datentyp Listen erklärt. 

Ich bin in meinem Projekt „pythonlernen“ in der Datei „main.py“.

Python-Code

1    if __name__ == '__main__':
2        # Liste definieren
3        liste_hauptstaedte = ["Berlin", "Zürich", "Paris", "London"]
4        liste_zahlen = [5, 10, 15, 20, 25, 30]
5        liste_gemischt = ["Berlin", "Zürich", 5, 10]
6    
7        # Datentyp herausfinden
8        print(type(liste_hauptstaedte))
9        print(type(liste_zahlen))
10       print(type(liste_gemischt))
11   
12       # Ganze Liste ausgeben
13       print(liste_gemischt)
14   
15       # Auf einzelne Werte zugreifen
16       print(liste_hauptstaedte[2])
17       print(liste_gemischt[2])
18   
19       # Listenelement verändern
20       print(liste_hauptstaedte[2])
21       liste_hauptstaedte[2] = "Stockholm"
22       print(liste_hauptstaedte[2])
23   
24       # Liste ergänzen
25       print("Ganze Liste Hauptstädte: " + str(liste_hauptstaedte))
26       liste_hauptstaedte.append("Paris")
27       print("Ganze Liste Hauptstädte: " + str(liste_hauptstaedte))
28   
29       # Listenelement löschen
30       print("Ganze Liste Hauptstädte: " + str(liste_hauptstaedte))
31       liste_hauptstaedte.remove("Berlin")
32       print("Ganze Liste Hauptstädte: " + str(liste_hauptstaedte))

„Python programmieren trotz Handicap – Datentypen: Listen“ weiterlesen

Python programmieren trotz Handicap – Datentypen: Strings

In diesem Blogartikel wird der Datentyp Strings erklärt. 

Ich bin in meinem Projekt „pythonlernen“ in der Datei „main.py“.

Python-Code

1    if __name__ == '__main__':
2        ein_string_ist_eine_zeichenkette = "  Das ist ein String  "
3    
4        # Ein bestimmtes Zeichen ausgeben
5        print("Das 3. Zeichen: " + ein_string_ist_eine_zeichenkette[3])
6        print("Das 14. Zeichen: " + ein_string_ist_eine_zeichenkette[14])
7    
8        # Leerzeichen in Strings löschen mit lstrip und mit rstrip
9        print("Ganzer String: " + ein_string_ist_eine_zeichenkette)
10       print("Leerzeichen links gelöscht: " + ein_string_ist_eine_zeichenkette.lstrip())
11       print("Leerzeichen rechts gelöscht: " + ein_string_ist_eine_zeichenkette.rstrip())
12   
13       # Länge eines String mit len
14       print("Länge des Strings: " + str(len(ein_string_ist_eine_zeichenkette)))
15   
16       # Einen String in einem anderen String suchen mit find
17       print("String suchen: " + str(ein_string_ist_eine_zeichenkette.find("ein")))
18       print("String suchen: " + str(ein_string_ist_eine_zeichenkette.find("kein")))
19   
20       # Einen String in einem anderen String ersetzen mit replace
21       print("String ersetzen: " + ein_string_ist_eine_zeichenkette.replace("String", "string"))
22   
23       # Strings zusammensetzen
24       print("String zusammensetzen " + "Ich bin " + "Markus")
25   
26       # Teile eines Strings kopieren
27       print("Zeichen 0-3:" + ein_string_ist_eine_zeichenkette[0:3])
28       print("Zeichen 14-20: " + ein_string_ist_eine_zeichenkette[14:20])
29   
30       # Typumwandlung
31       print("Eine Zahl in einen String umwandeln: " + str(45.5))
32       print("Ein Boolean in ein String umwandeln: " + str(True))
33   

„Python programmieren trotz Handicap – Datentypen: Strings“ weiterlesen

Python programmieren trotz Handicap – Datentypen: Zahlen

In diesem Blogartikel wird der Datentyp Zahlen erklärt.

Ich bin in meinem Projekt „pythonlernen“ in der Datei „main.py“.

Python-Code

1    if __name__ == '__main__':
2        # Variablen werte zuweisen
3        ganze_zahl = 25
4        float_zahl = 2.5
5    
6        # Den Typ einer Variablen herausfinden
7        print(type(ganze_zahl))
8        print(type(float_zahl))
9    
10       # Rechnen mit ganzen Zahlen und Fließkommazahlen
11       print(ganze_zahl+float_zahl)
12       print(ganze_zahl-float_zahl)
13       print(ganze_zahl * float_zahl)
14       print(ganze_zahl / float_zahl)

„Python programmieren trotz Handicap – Datentypen: Zahlen“ weiterlesen

Python programmieren trotz Handicap – Variablen, warum sind sie variabel?

In diesem Blogartikel möchte ich noch mal kurz verdeutlichen, warum eine Variable variabel ist, was das eigentlich genau bedeutet.  

Ich bin in meinem Projekt „pythonlernen“ in der Datei „main.py“.

Python-Code

1    if __name__ == '__main__':
2      hauptstadt_antwort = input("Wie heißt die Hauptstadt von Deutschland? ")
3      print("Sie haben geantwortet: " + hauptstadt_antwort)
4      hauptstadt_antwort = input("Wie heißt die Hauptstadt von der Schweiz? ")
5      print("Sie haben geantwortet: " + hauptstadt_antwort)
6      hauptstadt_antwort = input("Wie heißt die Hauptstadt von Frankreich? ")
7      print("Sie haben geantwortet: " + hauptstadt_antwort)

„Python programmieren trotz Handicap – Variablen, warum sind sie variabel?“ weiterlesen

Python programmieren trotz Handicap – Variablen – Was ist das?

In diesem Blogartikel wird erklärt, was eine Variable ist.

Variablen – Grundlagen

Hier ist eine Datei geöffnet, die Datei heißt „main.py“.
Die Datei ist auf der Festplatte gespeichert, wenn ich meinen Laptop herunterfahre und wieder neu starte, ist diese Datei noch immer auf der Festplatte gespeichert.

Eine Variable ist ein Speicherplatz im Hauptspeicher. Wenn ich jetzt das Programm gestartet habe und ich Variablen einen Wert zugewiesen habe und ich beende das Programm und ich starte meinen Laptop neu, dann sind die Variablen weg. Die Variablen, die gibt’s nicht mehr, denn die waren Hauptspeicher. Der Hauptspeicher hat praktisch Speicheradressen. Aber, weil die Speicheradressen sehr mathematische Namen haben und wir Menschen damit nicht so gut zurechtkommen haben die Variablen richtige Namen, man kann den Variablen richtigen Namen geben und diesen Namen stehen eben für eine Adresse im Hauptspeicher. Der Name von Variablen darf aus Buchstaben, ein Unterstrich und Zahlen bestehen. Jetzt ist die Frage, was für Werte kann man denn auf so eine Variable speichern. Texte und Zahlen.

Python-Code

1    if __name__ == '__main__':
2      vorname_des_anwenders = input("Wie heißt Du mit Vornamen? ")
3      alter_des_anwenders = input(vorname_des_anwenders + ", Wie alt bist Du? ")
4      print("Hallo ", vorname_des_anwenders + "! Du bist " + alter_des_anwenders + " Jahre alt!")
5      print(vorname_des_anwenders + " heute ist Sonntag")
6      print(vorname_des_anwenders + " in Deinem Wohnort hat es 17 Grad")
7      print(vorname_des_anwenders + " ich wünsche Dir einen schönen Sonntag!")

„Python programmieren trotz Handicap – Variablen – Was ist das?“ weiterlesen