Kit-Coding.DE

PHPKIT Plugins / Addons / Styles

Kit-Coding.de

Sehr geehrte Leser,

In naher Zukunft werden alle Hoster Ihre Serversoftware aktualisieren und somit würde der Reibungslose PHPKIT Betrieb nicht mehr möglich sein. Aus diesem Grund habe ich bereits alle Plugins (1.6.6) und das Pluginsystem(1.6.6) überarbeitet, sodass diese auch in Zukunft laufen werden. Allerdings gibt es dadurch nun auch leicht veränderte Systemanforderungen.

Ab jetzt wird MYSQLI Pflicht für jedes Plugin, das Sie von uns installieren möchten. Das bedeutet, dass Sie von nun an folgende Plugins installieren müssen:

Bei einer Neuinstallation oder einem Update des PHPKIT’s ist darauf zu achten, das die Reihenfolge eingehalten wird.

  1. Mysqli PHPKIT Erweiterung für die PHP Version 5.5 – 7.0
  2. pK Auto-Source-Code-Editor PHPKIT 1.6.6 – Pluginsystem V1.0 *OpenBeta* Ab Version B41
  3. pK ASCE PHPKIT 1.6.6 – Community Sammelpatch SP2
  4. pK PHPKIT 1.6.6 – PHP7 PHPKIT Upgrade Kit V1.0

Von nun an bauen alle anderen Plugins auf diese auf. Sollten Sie eines davon nicht installieren, würden Sie in Zukunft Probleme mit anderen Plugins von Uns bekommen. 

Mit freundlichen Grüßen » DustFireSky

So erstellen Sie eine Webseite mit HTML-Codes

So erstellen Sie eine Webseite mit HTML-Codes

HTML ist die Sprache des Webs. HTML besteht aus Tags in eckigen Klammern, die Text und Grafiken umgeben und einem Webbrowser mitteilen, wie er damit umgehen soll. Die HTML-Codebibliothek enthält Tags, die Schriftart, Stil und Einrückung steuern, sowie spezielle Anzeigeformate wie Tabellen, Aufzählungslisten und Textumbruch. Die meisten HTLM-Tags werden paarweise geliefert, um den Browser darauf aufmerksam zu machen, wann eine bestimmte Funktion gestartet und wann gestoppt werden muss. Bestimmte Attribute, die Sie in die Tag-Klammern einfügen, legen die Funktion dieses Tags genauer fest.

Schreiben Sie den HTML-Code

1.Öffnen Sie den Editor im Menü “Start” im Ordner “Zubehör”.

2.Geben Sie das Tag “<! DOCTYPE HTML>” ein und lassen Sie die Anführungszeichen außerhalb der Klammern hier und überall oben auf Ihrer Seite weg. Fügen Sie in der nächsten Zeile das Tag “” hinzu. Diese Kombination von Tags weist den Browser an, zu erwarten, dass HTML-Code folgt.

3.Drücken Sie einige Zeilenumbrüche und geben Sie “” am unteren Rand Ihres Dokuments ein. Wenn Sie dies jetzt tun, können Sie nicht vergessen, das Eröffnungs-Tag später zu schließen.

4.Klicken Sie in eine leere Zeile zwischen dem öffnenden und schließenden Tag. Sorgen Sie sich nicht um zusätzliche Zeilen zwischen Ihrem Code. Der Browser ignoriert alle Leerzeilen in einem HTML-Dokument.

5.Geben Sie die Zeichenfolge ” .” Zwischen dem Öffnen und Schließen .

6.Geben Sie das “” Tag in die nächste Zeile ein, fügen Sie ein paar weitere Leerzeilen hinzu und geben Sie das abschließende “” Tag ein. Der Inhalt Ihrer gesamten Webseite befindet sich zwischen diesen Tags.

7.Klicken Sie auf eine leere Zeile über dem schließenden Tag und geben Sie die “

“tag, um einen neuen Textabsatz zu beginnen. Klicken Sie zwischen Öffnen und SchließenTags, um Ihren Text hinzuzufügen. Jeder neue Absatz muss mit einem beginnen

Tag oder der Browser kann den Text nicht in eine neue Zeile verschieben.

8.Ändern Sie den Schriftstil Ihres Absatzes mit den Tag-Attributen “style” und “font-family” im

Tag mit dem Format

Dabei steht “name_of_font” für die Schriftart, in der der Text in diesem Absatz angezeigt werden soll. Wenn Joe Smith beispielsweise seine Absatzschriftart in Verdana ändern möchte, sieht der Code folgendermaßen aus

9.Platzieren Sie den Text zwischen und Tags, wenn Sie fett oder kursiv schreiben möchten.

10.Fügen Sie Ihrer Seite ein Bild mit dem Tag hinzu . Dies ist eines der wenigen HTML-Tags, für das kein schließendes Tag erforderlich ist. Verwenden Sie innerhalb des Tags das Attribut “src”, um den Speicherort der Bilddatei anzugeben. Wenn Joe Smith beispielsweise ein Bild von sich auf seiner Webseite einfügen möchte, würde er den Code verwenden . Das Attribut “alt” beschreibt das Bild für Personen mit Sehbehinderungen, die Screenreader zum Surfen im Web verwenden, oder für den Fall, dass das Bild nicht in das Browserfenster geladen werden kann.

11.Fügen Sie Ihrer Seite einen Hyperlink mit dem hinzu Etikett. Geben Sie zwischen den Tags den Text ein, auf den der Besucher klickt, um zu dieser Seite zu gelangen. Verwenden Sie im Eröffnungs-Tag das Attribut “href”, um die URL anzugeben, zu der der Link führt, wenn Sie darauf klicken. Wenn Joe Smith beispielsweise auf seiner Webseite einen Link zu der Webseite seiner Schwester Sally Smith platzieren möchte, würde er den Code verwenden. Klicken Sie hier, um die Seite meiner Schwester Sally zu besuchen.

Speichern Sie die Datei im HTML-Format

1.Klicken Sie im Editor auf das Menü “Datei” und wählen Sie den Befehl “Speichern unter”. Wählen Sie “Alle Dateien ( . )” Aus dem Dropdown-Menü “Dateityp”.

2.Geben Sie Ihrer Datei im Feld “Dateiname” einen Namen mit einem Wort und fügen Sie die Erweiterung “.HTM” am Ende des Dateinamens hinzu.

3.Klicken Sie auf die Schaltfläche “Speichern”, um diese Editor-Datei als HTML-Datei zu speichern.

4.Klicken Sie mit der rechten Maustaste auf das Symbol für die gespeicherte Datei und wählen Sie “Öffnen mit” aus dem Einblendmenü. Wählen Sie Ihre Webbrowser-Anwendung aus der Liste der vorgeschlagenen Anwendungen aus, um zu testen, wie die Webseite angezeigt wird, wenn Sie sie auf einen Webserver hochladen.

Tipps

  • Das Tag fügt zur besseren Lesbarkeit automatisch einen zusätzlichen Abstand zwischen dem vorherigen und dem nächsten Absatz ein. Wenn Sie weniger Zeilenabstand benötigen, verwenden Sie das Tag für einen einfachen Zeilenumbruch anstelle eines Absatzumbruchs.
  • Verwenden Sie ein Tag nach dem Tag an dem oberen Rand Ihres Dokuments, um eine bestimmte Schriftart auf der gesamten Webseite statt Absatz für Absatz anzuwenden. Definieren Sie innerhalb des Tags die Schriftart für alle Tags mit dem Code:
  • p {Schriftfamilie: verdana;}
  • HTML-Codedateien erfordern das Nur-Text-Format und die Dateierweiterung .HTM, damit ein Browser den Code erkennt und ausführt. Wenn Sie Code von Hand eingeben, ist es wichtig, einen Nur-Text-Editor zu verwenden. Aus diesem Grund eignet sich Notepad perfekt für diese Aufgabe. Wordpad und Microsoft Word können auch als reine Texteditoren fungieren. Sie müssen jedoch daran denken, die HTML-Codedatei im Dialogfeld “Speichern unter” als “Nur Text” zu speichern. Beide Programme hängen die Erweiterung “.TXT” an die Datei an. Sie können die Dateinamenerweiterung jedoch später in “.HTM” ändern, indem Sie im Windows-Explorer mit der rechten Maustaste auf das Dateisymbol klicken.

Warnungen

  • Denken Sie beim Festlegen einer Schriftart im Tag oder im Tag daran, dass Browser nur Schriftarten anzeigen können, die im Betriebssystem des Computers verfügbar sind, der die Webseite anzeigt. Wenn der Computer nicht über die Schriftart verfügt, wird der Text in der Standardschriftart des Browsers angezeigt, normalerweise Times New Roman.
  • Wenn Sie versuchen, HTML-Code in Microsoft Word einzugeben und das Dokument statt als Nur-Text als HTML zu speichern, interpretiert Word die HTML-Codes nicht und erstellt eine Webseite. Stattdessen konvertiert Word alle Zeichen auf der Seite in anzeigbaren Text. Dies führt dazu, dass alle HTML-Tags in ihren spitzen Klammern auf Ihrer Webseite angezeigt werden.
Einführung in die Verwendung von HTML

Einführung in die Verwendung von HTML

HTML ist eine Auszeichnungssprache, die häufig zum Erstellen von Webseiten und Webanwendungen verwendet wird. HTML ist in Kombination mit JavaScript und CSS ein Meilenstein für die Webentwicklung geworden . Einer der nützlichen Aspekte von HTML ist, dass es Programme einbetten kann, die in einer Skriptsprache wie JavaScript geschrieben sind, die für das Verhalten und den Inhalt von Webseiten verantwortlich ist. Die Aufnahme von CSS würde das Layout und das Erscheinungsbild des Inhalts beeinflussen. Die Grundbausteine ​​jeder HTML-Seite sind HTML-Elemente. Ein strukturiertes Dokument kann mithilfe von strukturell-semantischem Text wie Überschrift, Absatz, Liste, Link und anderen Elementen erstellt werden. Der Browser zeigt die HTML-Tags zwar nicht an, verwendet sie jedoch, um den Inhalt der Seite zu interpretieren. Man muss verschiedene Tags studieren und dann ihr Verhalten verstehen.

HTML wird für ein Webdokument, für die Internetnavigation usw. verwendet. In diesem HTML-Artikel konzentrieren wir uns auf die wichtigsten Verwendungszwecke von HTML.

Die 10 häufigsten Verwendungen von HTML:

In den folgenden Abschnitten wurde HTML häufig und effektiv verwendet. Unten finden Sie die Liste der 10 häufigsten Verwendungen von HTML-Sprache.

  • Webseitenentwicklung : HTML wird häufig zum Erstellen von Seiten verwendet , die im World Wide Web angezeigt werden. Jede Seite enthält eine Reihe von HTML-Tags, einschließlich Hyperlinks, über die eine Verbindung zu anderen Seiten hergestellt wird. Jede Seite, die wir im World Wide Web sehen, wird mit einer Version von HTML-Code geschrieben .
  • Erstellung von Webdokumenten : Die Dokumenterstellung im Internet wird von HTML und seinem Grundkonzept über Tag und DOM, dh Dokumentobjektmodell, dominiert. HTML-Tags werden vor und nach oder Phrasen eingefügt, um deren Format und Position auf der Seite zu bestimmen. Ein Webdokument besteht aus drei Abschnitten: Titel, Kopf und Text. Head enthält die Informationen zur Identifizierung des Dokuments, einschließlich des Titels und aller anderen wichtigen Schlüsselwörter. In der Leiste des Browsers ist ein Titel zu sehen, und der Hauptteil der Website ist für den Betrachter sichtbar. Alle drei Segmente werden mithilfe von HTML-Tags entworfen und erstellt. Jeder Abschnitt verfügt über eine eigene Reihe von Tags, die speziell für die Darstellung der Konzepte head, title und body in einer Schleife erstellt werden.
  • Internetnavigation : Dies ist eine der wichtigsten Anwendungen von HTML, die revolutionär ist. Diese Navigation ist unter Verwendung des Hypertext-Konzepts möglich. Es handelt sich im Grunde genommen um einen Text, der auf andere Webseiten oder Texte verweist . Wenn der Benutzer darauf klickt, navigiert er zu dem Text oder der Seite, auf die bzw. die verwiesen wird. HTML wird häufig verwendet, um den Hyperlink in die Webseiten einzubetten. Ein Benutzer kann problemlos innerhalb der Webseiten und zwischen Websites navigieren, die sich auf verschiedenen Servern befinden.
  • Hochmodernes Feature : HTML5 mit seinen Standards und APIs wird verwendet, um einige der neuesten Trends im Bereich der Website-Erstellung vorzustellen . Wie Polyfill-Bibliotheken, die auch von alten Browsern unterstützt werden. Browser wie Google Chrome sind die perfekte Wahl für die Implementierung der neuesten HTML5-Standards und APIs. Es ist eine JavaScript-Bibliothek namens Modernizr verfügbar, die Funktionen erkennt, mit denen der Entwickler nach Bedarf Polyfill-Bibliotheken dynamisch laden kann.
  • Responsive Bilder auf Webseiten : Auf der elementaren Ebene in HTML-Anwendungen können Abfragen so eingestellt werden, dass sie die Bilder verwenden, die von Natur aus responsive sind. Mit dem Attribut srcset von img element in HTML und der Kombination mit Bildelementen kann ein Entwickler steuern, wie der Benutzer ein Bild rendern soll. Mit dem img-Element können nun verschiedene Arten von Bildern mit unterschiedlichen Größen geladen werden. Regeln können einfach mit dem Bildelement festgelegt werden, wir können das img-Element mit der Standardquelle deklarieren und dann für jeden Fall eine Quelle bereitstellen.
  • Clientseitiger Speicher : Früher konnte ein Benutzer die Browserdaten des Benutzers nicht speichern, die über Sitzungen hinweg bestehen blieben. Um diese Anforderung zu erfüllen, muss eine serverseitige Infrastruktur aufgebaut werden, oder es können Benutzercookies verwendet werden. Mit HTML5 ist jedoch clientseitiger Speicher mit localStorage und IndexDB möglich. Diese beiden Strategien haben ihre eigenen Standards und Merkmale. localStorage bietet grundsätzlich einen stringbasierten Hash-Tabellen-Speicher. Die API ist sehr einfach und bietet dem Entwickler die Methoden setItem, getItem und removeItem. IndexDB hingegen ist ein größerer und besserer clientseitiger Datenspeicher. Die IndexDB-Datenbank kann mit Erlaubnis des Benutzers erweitert werden.
  • Nutzung der Offline-Funktionen : Sobald Daten im Browser gespeichert werden können, kann der Entwickler eine Strategie entwickeln, mit der die Anwendung funktioniert, wenn die Verbindung zu einem Benutzer getrennt wird. HTML5 verfügt über einen Cache-Mechanismus für Anwendungen, der definiert, wie der Browser die Offline-Situation verwaltet. Der Anwendungscache, der für die Offline-Fähigkeit verantwortlich ist, besteht aus verschiedenen Komponenten, einschließlich API-Methoden, die ein Update erstellen, Manifestdateien lesen und Ereignisse. Mithilfe der bestimmten Eigenschaft in HTML5 kann ein Entwickler überprüfen, ob die Anwendung online ist oder nicht. Ein Entwickler kann auch in der Anwendungscache-Manifestdatei der Website angeben, wie der Browser Ressourcen für die Offline-Verwendung verwaltet. In der Manifestdatei können auch Ressourcen angegeben werden, die offline verfügbar sind.
  • Dateneingabeunterstützung mit HTML : Der HTML5-Standard und eine Reihe von APIs können zur Unterstützung der Dateneingabe verwendet werden. Da Browser neue HTML5-Standards implementieren, können Entwickler dem Tag einfach die Attribute hinzufügen, die die erforderlichen Felder, Texte, Datenformate usw. angeben. HTML5 hat verschiedene neue Attribute für Bildschirmtastaturen, die Validierung und andere Eingabemöglichkeiten entwickelt damit der Endbenutzer eine bessere Dateneingabe hat.
  • Verwendung der Spieleentwicklung : Vor der Einführung von HTML5 war die Spieleentwicklung eine exklusive Domäne von Flash und Silverlight. Da Browser neue Spezifikationen für HTML5 unterstützen, einschließlich CSS3 und der lichtschnellen JavaScript-Engine, um eine neue, reichhaltige Erfahrung zu ermöglichen, kann HTML5 die Realität der Spieleentwicklung ermöglichen, die früher die Stärke von Flash und Silverlight war. Es muss nicht jedes einzelne Feature von APIs implementiert werden, es können jedoch die am besten geeigneten Features verwendet werden, während der Rest der Features eliminiert wird.
  • Verwendung von nativen APIs zur Bereicherung von Websites : HTML5 fügt so viele neue Funktionen und Tools hinzu, was in der Vergangenheit nur Einbildung war. Eine Vielzahl neuer APIs in Bezug auf Dateisystem, Geolocation, Drag & Drop, Ereignisbehandlung, Client-Speicherung usw. machen die Verwendung von HTML5 so einfach wie nie zuvor. Die Anwendungserfahrung kann mit anderen APIs wie Vollbild, Sichtbarkeit und Medienerfassung verbessert werden. Eine moderne Webanwendung hat einen asynchronen Charakter, der mithilfe von Websockets und Web-Workern wie APIs unterstützt werden kann.

Fazit – Verwendung von HTML

HTML ist mit seinen neuesten Elementen und einer Vielzahl von APIs komplizierter. Wer das Grundkonzept verstehen kann, ist am Anfang gut aufgehoben. Vorbei sind die Zeiten, in denen HTML ein Synonym für die Verwendung bestimmter Elemente, Tags und ihrer Attribute war. Mit HTML5 verfügt ein Entwickler über viele potenziell gute Tools und APIs in seinem Arsenal, die dazu führen können, dass die aktuellen Technologien hinterherhinken. Die Verwendung von HTML ist weit verbreitet und komplexer als je zuvor. Es ist die Fähigkeit des Entwicklers, Anwendungen des HTML-Konzepts in Echtzeit zu verwenden.

Empfohlene Artikel:

Dies war eine Anleitung zur Verwendung der HTML-Sprache. Hier haben wir die verschiedenen Verwendungen von HTML wie Spieleentwicklung, Responsive Images auf Webseiten, Webseitenentwicklung usw. besprochen. Sie können auch den folgenden Artikel lesen, um mehr zu erfahren –

  1. Verwendung von CSS | Top 10 wichtige Verwendungen von CSS
  2. Verwendung von maschinellem Lernen
  3. 12 Gründe, warum Sie Angular JS verwenden sollten
  4. Verwendung von Selen
  5. Verschiedene HTML-Listenstile
So codieren Sie mit HTML (Hyper Text Markup Language)

So codieren Sie mit HTML (Hyper Text Markup Language)

Einführung

Das Erlernen des Codierens mit HTML ist eine hervorragende Möglichkeit, Ihre Karriere als Programmierer voranzutreiben. Sie lernen grundlegende Webentwicklungskonzepte wie das Erstellen von Tabellen, Formularen, Links, Listen usw. kennen. Daher werden wir in diesem Beitrag alles diskutieren, was Sie über HTML wissen müssen.

Wenn Sie jedoch Webentwickler werden möchten, haben Sie vielleicht schon von den Begriffen Front-End, Back-End, Full-Stack usw. gehört. HTML-Kenntnisse sind der Anfang, um die Webentwicklung zu verstehen. HTML ist also Teil der Front-End-Kategorie der Webentwicklung.

Was ist HTML und warum sollten Sie damit programmieren?

HTML ist eine Abkürzung für Hyper Text Markup Language. Es wurde zur Strukturierung von Inhalten im Webbrowser erstellt. Die aktuelle Version der Sprache ist HTML5.

Sie sollten aus den folgenden Gründen mit HTML lernen und programmieren.

Erstens können Sie sich als Webentwickler nicht vor HTML schützen, da Sie zum Platzieren von Inhalten auf einer Webseite HTML-Tags verwenden müssen. Selbst wenn Sie ein Back-End-Entwickler sind, möchten Sie möglicherweise testen, wie sich Ihre Anwendung verhält, wenn die Benutzer sie verwenden. Dies bedeutet, dass Sie HTML benötigen.

Zweitens erfordern einige andere Sprachen und Frameworks HTML-Kenntnisse, da dies der Baustein der Webentwicklung ist. Zusätzlich setzen CSS, Django, Drupal, WordPress und JavaScript voraus, dass Sie sich mit HTML auskennen.

Wenn Sie also davon überzeugt sind, dass HTML lohnenswert ist, ist es jetzt eine gute Gelegenheit, über die Tools zu sprechen, die Sie zum Codieren in HTML benötigen.

Was brauche ich, um mit HTML zu programmieren?

Damit Sie mit HTML-Code beginnen können, benötigen Sie zwei Dinge:

Erstens benötigen Sie einen Texteditor und

Zweitens benötigen Sie auch einen Browser.

Der Texteditor ist die Umgebung, in der Sie Ihre HTML-Codes eingeben und Tools wie Notepad ++ , Sublime Text , VS Code usw. verwenden. In der Umgebung des Browsers können Sie testen oder eine Vorschau Ihres Codes anzeigen. Sie können Chrome, Firefox, Safari usw.

Wir tippen alle unsere Codes mit Codepen ein, was bedeutet, dass Sie alle Codes direkt ausführen können, ohne die oben genannten Tools zu benötigen.

Beginnen wir nun mit dem Code unter Verwendung von HTML

Zunächst sollten Sie beachten, dass Sie Ihre HTML-Dateien mit der Erweiterung .html speichern müssen. Wenn Sie beispielsweise Ihren Dateiindex benennen, wird der gesamte Dateiname zu index.html.

Zurückkommend haben wir bereits erwähnt, dass HTML zum Strukturieren von Inhalten auf der Webseite verwendet wird. Wir werden uns also ansehen, wie Sie Inhalte wie Texte, Absätze, Tabellen, Überschriften, Bilder, Audio, Videos, Listen und Links in Ihrem Webbrowser mithilfe von HTML zum Codieren strukturieren können.

Um dies jedoch in HTML zu erreichen, müssen Tags verwendet werden.

HTML-Tags und ihre Struktur

Wenn Sie mit HTML-Code beginnen, sollten Sie mit HTML-Tags vertraut sein. Mit HTML-Tags können Sie dem Browser beschreiben, welche Art von Inhalten kommen wird. Wenn Sie beispielsweise eine Tabelle erstellen möchten, müssen Sie das Tabellentag verwenden, das wie <table> aussieht. HTML-Tags bestehen aus zwei Teilen: Öffnen und Schließen. Also, für das Tabellen-Tag. Das öffnende Tag sieht aus wie <table> und das schließende sieht aus wie </ table>. Wann immer Sie vom Öffnen und Schließen von Tags hören, ist dies das, was es bedeutet.

Nachfolgend finden Sie eine Liste von Tags, mit denen Sie HTML und ihre Funktionen codieren können.

  • Wenn Sie Überschriften schreiben möchten, verwenden Sie die Überschriften-Tags <h1>, <h2>, <h3>, <h4>, <h5> und <h6>.
  • Jeder Absatz in Ihrem Text muss sich innerhalb des <p> -Tags befinden.
  • Zum Erstellen von Tabellen benötigen Sie das Tag <table>.
  • Für Formulare verwenden Sie das Tag <form>.
  • Um Dinge aufzulisten, sollten Sie das <li> -Tag verwenden.
  • Das <a> -Tag wird zum Erstellen von Links verwendet.
  • Wenn Sie Bilder in Ihren Inhalt einfügen möchten, sollten Sie das <img> -Tag verwenden.
  • Verwenden Sie zum Hinzufügen von Videos zu Ihrem Inhalt das Tag <video>.
  • Das <audio> -Tag wird verwendet, um Audiodateien zu Ihrem Inhalt hinzuzufügen.

Sie werden lernen, wie Sie mit jedem der oben genannten HTML-Tags einzeln codieren, und Sie werden auch mehr über sie erfahren, wenn wir beginnen, mit ihnen zu codieren.

Der HTML-Skeleton-Code

In all Ihren HTML-Dokumenten muss Code enthalten sein. Diese Codes sind nur HTML-Tags, die den Browser anweisen, den Inhalt in der Überschrift oder im Textkörper anzuzeigen. Hör zu:

Zunächst muss die Codezeile <DOCTYPE html> in alle HTML-Dokumente eingefügt werden. Zweitens: Mit dem Tag <html> werden alle Ihre Inhalte gespeichert. Drittens ist der <head> der Bereich, in dem Sie externe Dateien sowie den Seitentitel einfügen, der in der Registerkartenleiste des Browsers angezeigt wird. Im Abschnitt <body> wird jedoch jeder andere HTML-Code platziert.

So strukturieren Sie Überschriften in HTML

Wenn Sie mit dem Code in HTML beginnen und eine Überschrift anzeigen möchten. Sie müssen Ihrem Browser mitteilen, dass dies eine Überschrift ist. HTML-Überschriften gibt es jedoch in verschiedenen Größen. Sie müssen dem Browser also auch die Größe der Überschrift mitteilen.

Darüber hinaus können Sie in HTML Überschriften in 6 verschiedenen Größen verwenden, um den Code besser lesen zu können. Die Tags für jede Überschriftengröße sind unterschiedlich. Je höher die Zahl, desto kleiner die Überschrift. Die Tags sind <h1>, <h2>, <h3>, <h4>, <h5> und <h6>. Schauen Sie sich zum besseren Verständnis das folgende Beispiel an. Beachten Sie, dass Sie zum besseren Verständnis auch den Inhalt (nicht die Tags) ändern können.

So strukturieren Sie Absätze in HTML

Das Anzeigen von Absätzen in HTML ist ziemlich einfach. Jeder neue Absatz muss ein eigenes Absatz-Tag haben. Das Tag zum Strukturieren von Absätzen in Ihrem HTML-Code lautet <p>.

Was ist ein Attribut in HTML?

Mithilfe von Attributen können Sie dem Browser zusätzliche Informationen darüber bereitstellen, wie Ihre Inhalte angezeigt werden sollen. Angenommen, Sie möchten, dass Ihr Inhalt in der Mitte oder rechts angezeigt wird, oder Sie möchten einen Rahmen anbringen oder die Breite oder Höhe Ihres Dokuments festlegen, dann benötigen Sie dafür ein Attribut.

Wie Sie oben sehen können, können Sie Ihrem HTML-Code viele zusätzliche Informationen geben, indem Sie Ausrichtungs- und Stilattribute verwenden , um eine effektive Leistung zu erzielen.

Auflisten von Elementen in HTML

Ganz gleich, ob Sie Ihre Inhalte mit Zahlen oder Aufzählungszeichen auflisten möchten, mit HTML können Sie dies mit wenigen Codezeilen tun. Es gibt jedoch zwei Arten von Listen in HTML. Die erste ist die geordnete Liste. In diesem Fall können Sie Ihre Artikel mit Zahlen, römischen Ziffern, Buchstaben usw. auflisten. Die zweite ist die ungeordnete Liste, mit der Sie Artikel mit Aufzählungszeichen auflisten können.

Das HTML-Tag für die Verwendung der geordneten Liste lautet <ol>, während für die ungeordnete Liste <ul> verwendet wird. Um die einzelnen Elemente aufzulisten, verwenden Sie das Tag <li>.

So strukturieren Sie Tabellen in HTML

Interessanterweise bietet uns HTML die Möglichkeit, Tabellen zu erstellen. Tabellen bestehen normalerweise aus Zeilen und Spalten, die eine Zelle bilden. Mit HTML ist der Code, den Sie zum Erstellen einer Tabelle benötigen, nicht nur das Tabellen-Tag, sondern eine Kombination von Tags. Sie müssen mit dem Tabellen-Tag beginnen. Genauso wie wir in unseren Tabellen Überschriften haben, erlaubt HTML dies auch mit dem <thead> -Tag und dann mit <tbody> zum Anzeigen anderer Inhalte.

Zuerst haben wir den Browser mithilfe des Tabellen-Tags darüber informiert, dass wir eine Tabelle einspielen. Dann haben wir auch den Browser darüber informiert, dass die Tabelle eine Überschrift und einen Body haben wird. Wir haben dann eine Zeile mit dem <tr> -Tag erstellt. Also verwendeten wir für die Überschriftenelemente das <th> -Tag und für die anderen Elemente das <td> -Tag.

Verknüpfen mit anderen Websites in HTML

Mit HTML können Sie mithilfe des <a> -Tags Links zu anderen Websites erstellen.

Einbetten von Multimedia in HTML-Code

Sie können Bilder, Audios und Videos in Ihren HTML-Code einbetten. Die verwendeten Tags sind <img> für Bilder, <audio> für Audio und <video> für Video.

Aus dem obigen HTML-Code konnten wir ein Katzenbild, einen Film und eine Musik einbetten. Zu beachten ist, dass wir die Quelle für alle unsere Medien zur Verfügung gestellt haben. Die Quelle ist sehr wichtig, da HTML dort die Medien auswählt. Wir haben das src-Attribut für die Quelle verwendet und das controls-Attribut hinzugefügt, mit dem wir grundlegende Steuerelemente wie Wiedergabe, Pause, Stopp, Stummschaltung usw. über unsere Medien haben können.

So erstellen Sie Formulare und nehmen Benutzereingaben mit HTML entgegen

Das Schöne an HTML ist, dass Sie Benutzereingaben über Formulare vornehmen können. Diese Formulare können so klein wie ein Suchformular oder so umfangreich wie ein Registrierungsformular sein. Nur bei normalen Papierformularen gibt es verschiedene Arten von Informationen, die Sie sammeln, wie z. B. Name, Alter, Geburtsdatum, Adresse usw. All dies ist mit HTML möglich.

Um mit dem Codieren von HTML-Formularen zu beginnen, müssen Sie das Formular-Tag verwenden, das abhängig von der Art der Eingaben, die Sie von Ihren Benutzern erhalten, auch andere Unter-Tags enthält.

Aus dem obigen Code haben wir gesehen, dass es verschiedene Arten der Eingabe in HTML gibt. Je nachdem, was Sie möchten, können Sie aus den HTML-Eingabetypen auswählen.

Gruppieren Sie Ihre Elemente mit Span und Div

Es wird Situationen geben, in denen Sie einen Codeblock gruppieren möchten, um eine ähnliche Aktion auszuführen. Mit den HTML-Tags div und span können Sie dies erreichen. Mit dem Span können Sie Inline-Gruppierungen durchführen, mit dem Div können Sie mehrere Zeilen gruppieren.

Fazit

In diesem Beitrag haben wir viel über HTML gelernt, angefangen von einer grundlegenden Erklärung von HTML und einigen Gründen, während Sie darüber nachdenken sollten, wie man damit programmiert. Wir haben dann gelernt, wie man grundlegende Codierungen mit HTML ausführt. Die Bedeutung von HTML kann nicht genug betont werden und wenn Sie wirklich ein Webentwickler werden möchten, müssen Sie HTML kennen.

Wenn Sie dieses Tutorial lieben, hinterlassen Sie bitte einen Kommentar. Sie sollten sich auch einige unserer Tutorials ansehen.

Jeder kann das Codieren lernen, aber das Codieren ist nicht jedermanns Sache

Jeder kann das Codieren lernen, aber das Codieren ist nicht jedermanns Sache

In der Lerncodegemeinschaft hört man oft ein einfaches Mantra: Jeder kann lernen, wie man codiert. Für viele autodidaktische Entwickler war es ja noch nicht lange her, dass sie alleine lernten. Wenn sie es können, geht das Denken genauso wie jeder andere, besonders wenn sie von anderen gleichgesinnten Menschen mit dem gleichen Ziel umgeben sind.

Aber nur weil jeder lernen kann, wie man programmiert, muss nicht jeder lernen, wie man programmiert. Das Versäumnis, diese Tatsache anzuerkennen, ist ein Nachteil für die gesamte Branche. Beweise finden Sie im Bloomberg-Artikel von letzter Woche: „Willst du einen Job im Silicon Valley? Halten Sie sich von Coding Schools fern. “ Der Artikel hebt eine Reihe von Problemen in der Branche hervor, darunter:

  1. Wenig Kontrolle führt zu irreführendem Marketing . Viele Bootcamps liefern aussagekräftige Statistiken zu Einstellungsquoten und Gehaltsangaben für Absolventen. Es besteht jedoch wenig Einigkeit darüber, wie diese Statistiken berechnet werden sollten, und manchmal werden sie auf eine Weise gesammelt, die zu Verzerrungen führen kann. Wenn sich die Schulen zum Beispiel auf die Selbstmeldung von Gehaltsdaten verlassen, ist es wahrscheinlich, dass die Zahlen überhöht sind.
  2. Bildung skaliert nicht . Wie in vielen Branchen besteht ein Spannungsfeld zwischen Quantität und Qualität. Wenn Sie ein äußerst strenges Zulassungsverfahren wünschen, werden Sie eine geringere Anzahl von Personen aufnehmen. Wenn Sie jedoch versuchen, schnell zu skalieren und ehrgeizige Umsatzziele zu erreichen, besteht ein Anreiz, Abstriche zu machen, um Klassen zu füllen. Und wenn eine Schule Quantität vor Qualität setzt, können Personen, die nicht auf das Programm vorbereitet sind, zugelassen werden, bevor sie dazu bereit sind. Kurzfristig trifft die Schule ihre Zahlen, aber auf lange Sicht schadet dies nicht nur dem Ruf der Schule, sondern auch dem Schüler und der Branche insgesamt.
  3. Erwartungen in Bezug auf die Vermittlung von Arbeitsplätzen sind nicht immer realistisch . Unabhängig von der Branche ist es einfach nicht realistisch zu glauben, dass Sie nach einem drei- oder viermonatigen Studium einen Job bei einem der führenden Unternehmen dieser Branche bekommen können. Von Zeit zu Zeit erhalten Studenten von Bootcamps Angebote als Softwareentwickler von einem Unternehmen wie Google oder Apple, was jedoch äußerst selten vorkommt. Und so soll es sein! Diese Unternehmen sind dafür bekannt, die besten Ingenieure der Welt einzustellen. Selbst wenn Sie ein hervorragender Bootcamp-Student sind, ist es Ihnen einfach nicht möglich, die Erfahrung zu sammeln, die erforderlich ist, um Ihren Traumjob nach ein paar Monaten Studium zu landen, ohne einen spezifischen Hintergrund, Branchenerfahrung, ein Netzwerk und eine Menge Glück .
  4. Menschen jagen aus den falschen Gründen Technologiejobs . Technologiejobs zahlen sich gut aus. Aber wenn Sie die Idee lieben, mehr bezahlt zu werden als die Idee des Codierens, werden Sie wahrscheinlich Schwierigkeiten haben. Wenn Sie nicht lieben, was Sie tun, wird es viel schwieriger, ein erfolgreicher Entwickler zu sein. Es ist leicht, sich von Marketingmaterialien anlocken zu lassen, die ein großes Gehalt und Flexibilität versprechen, aber oftmals wird in diesen Materialien nicht erwähnt, wie schwierig das Programmieren ist. Das Programmieren ist nicht nur schwierig, es verändert sich auch rasant und erfordert, dass Sie weiter lernen, um relevant zu bleiben.

Dies sind ernsthafte Probleme mit der Art und Weise, wie gemeinnützige Bildung in der Branche funktioniert. Zum Glück für potenzielle Bootcamp-Studenten gibt es eine Reihe von Schritten, mit denen Sie Ihr Risiko mindern und sicherstellen können, dass Ihre Lernerfahrungen positiv sind.

  1. Selbsteinschätzung . Seien Sie ehrlich zu sich selbst, warum Sie Technologie betreiben wollen. Beginnen Sie mit ein oder zwei kostenlosen Kursen, um zu sehen, ob Sie Spaß am Codieren haben oder ob Sie sogar ein Bootcamp benötigen. Beginnen Sie mit Ressourcen wie Rithms kostenlosen Online-Kursen oder Free Code Camp. Dann stellen Sie sich einige größere Fragen. Sind Sie fasziniert von Computern? Lieben Sie es, Dinge mit Technologie zu bauen? Oder suchst du nur einen Auftritt, der die Rechnungen bezahlt? In letzterem Fall möchten Sie möglicherweise Möglichkeiten in Bereichen erkunden, die Sie tatsächlich interessieren.
  2. Erfahren Sie mehr über die Branche . Sobald Sie sich für eine Karriere in der Technologie entschieden haben, ist es Zeit, in die Community einzusteigen. Vernetzen Sie sich mit anderen aufstrebenden Entwicklern oder besuchen Sie Meetups und erfahren Sie mehr über die Art der Arbeit, die Sie ausführen würden. Suche andere Anfänger, die die gleichen Dinge wie du lernen.
  3. Vorbereiten . Wenn Sie ein Coding-Bootcamp in Betracht ziehen oder jemanden kennen, der es ist, sollten Sie so viele Vorbereitungen wie möglich treffen. Nehmen Sie sich Zeit, um zu versuchen, Dinge selbst zu bauen. Mit all den kostenlosen Ressourcen von FreeCodeCamp, CodeAcademy und unseren kostenlosen Vorbereitungskursen haben Sie viele Möglichkeiten, so viel wie möglich selbst zu lernen, bevor Sie ernsthaft in Ihre Ausbildung investieren.
  4. Fragen stellen . Wenn Sie einige Schulen gefunden haben, die Sie interessieren, sollten Sie Ihre Sorgfalt walten lassen. Besuchen Sie den Raum; mit aktuellen Schülern sprechen; Versuchen Sie herauszufinden, wer Ihre Instruktoren sein werden, und sprechen Sie auch mit ihnen. Hier sind einige spezifische Fragen, die Sie möglicherweise stellen möchten: Wie viele Schüler haben Sie pro Klasse? Wie viele Instruktoren? Wie viel Prozent dieser Ausbilder haben sowohl Branchen- als auch Ausbildungserfahrung? Wie lange braucht ein Student im Durchschnitt, um einen Job zu finden? Mit welchen Berufen machen die Studenten ihren Abschluss? Wie gehen Sie mit schwierigen Schülern um? Welche Vorbereitung ist notwendig, um erfolgreich zu sein?
  5. Erwartungen setzen . Stellen Sie sicher, dass Sie eine realistische Erwartung bezüglich des möglichen Einstellungsergebnisses haben, und erkennen Sie an, dass die Jobsuche höchstwahrscheinlich sehr schwierig sein wird. Ohne vorherige Erfahrung ist es sehr schwierig, in eine Branche einzusteigen, und die Webentwicklung ist sehr wettbewerbsfähig. Stellen Sie sicher, dass Sie verstehen, wie schwierig der Übergang sein wird. Sie werden nicht nur mit Tausenden anderer Bootcamp-Absolventen konkurrieren, sondern auch mit College-Absolventen und erfahrenen Entwicklern.

Es ist auch wichtig, vernünftige Ziele für Ihren ersten Job außerhalb eines Bootcamps festzulegen. Sie sollten sich bemühen, einen Job zu finden, bei dem Sie jeden Tag programmieren und Mentoring-Möglichkeiten haben, damit Sie als Ingenieur weiter lernen und wachsen können. Ihr Traumjob wird wahrscheinlich nicht Ihr erster Job außerhalb eines Bootcamps sein. Aber Ihr zweiter Job könnte sein.

Die Technologie bietet viele Möglichkeiten, und Bootcamps erfüllen den Bedarf einiger, aber nicht aller Menschen. Es handelt sich um ernsthafte Investitionen, die gründliche Sorgfalt und eine ehrliche Selbsteinschätzung erfordern. Wenn Sie jedoch festgestellt haben, dass Sie gerne programmieren, Nachforschungen anstellen und vernünftige Erwartungen an die Berufsaussichten haben, kann der Besuch eines Bootcamps der erste Schritt in einer langen Karriere als Entwickler sein.

Unterschied zwischen Codierung und Programmierung

Unterschied zwischen Codierung und Programmierung

Personen, die normalerweise in der Computerprogrammierung arbeiten, erkennen die Begriffe „Kodierung“ und „Programmierung“ als synonym, da beide häufig synonym verwendet werden. Sie können verschiedene Foren finden, die sich mit den Unterschieden zwischen den beiden beschäftigen, und hier wird die Linie ein wenig verschwommen. Das digitale Zeitalter ist eine bedeutende Verschiebung von der mechanischen zur digitalen Elektronik, die das Gesicht der Computerprogrammierung neu definiert. In diesem Artikel werden die Unterschiede zwischen den beiden häufig synonym verwendeten Begriffen ” Codierung” und “Programmierung” erläutert . Sie scheinen den meisten Menschen gleich zu sein, aber sie unterscheiden sich ziemlich voneinander.

 

Was ist Codierung?

Einfaches Codieren bedeutet, Codes zu schreiben, und ein Codierer ist eine Person, die von einer Sprache in eine andere codiert. Codierung ist auch Programmierung, wird jedoch zur Implementierung der ersten Schritte der Computerprogrammierung verwendet. Der Begriff Programmierung wird im Gegensatz zur Codierung, bei der Codes grundsätzlich in verschiedenen Sprachen geschrieben werden, viel weiter gefasst. Computer interagieren nicht in unserer Sprache. es versteht nur den Maschinencode, bei dem es sich um die Binärsprache handelt. Ein Programmierer übersetzt also die Anforderungen in eine Sprache, die eine Maschine versteht. Sie sind eher sprachorientierte Programmierer, die Logik in maschinenlesbare Codes übersetzen.

 Ein Codierer erstellt Codes auf Produktionsebene, was bedeutet, dass er das ABC der Sprache, in der er schreibt, genau verstehen muss. Tatsächlich erhalten sie Anweisungen, was zu tun ist und was zu tun ist, gefolgt von Implementierung, Debugging, Test und Qualitätssicherung. Nun, es ist einfacher zu programmieren als zu programmieren, wodurch die Arbeit eines Programmierers viel einfacher zu meistern ist. Diese Anweisungen werden im Allgemeinen als „Quellcode“ bezeichnet. Es ist nur ein Satz schriftlicher Anweisungen, die eine Maschine leicht verstehen wird. Das Schreiben von Code ist jedoch nur ein Teil der Erstellung von Software. Hier kommt die Programmierung ins Spiel.

Was ist Programmierung?

Programmieren bedeutet, eine Maschine oder Anwendung so zu programmieren, dass sie fehlerfrei läuft. Programmieren ist der gebräuchliche Begriff, der verwendet wird, um den Prozess der Zufuhrmaschine mit einer Reihe von durchzuführenden Anweisungen zu beschreiben. In einfachen Worten bedeutet Programmieren, ein Rezept zu perfektionieren – Sie manipulieren Zutaten, um ein Rezept zuzubereiten, während ein Computer Daten bearbeitet, um eine Aufgabe zu erfüllen, die einer Reihe von Befehlen folgt. Nehmen Sie zum Beispiel eine Kaffeemaschine. Sie können die Maschine so programmieren, dass sie bis 9:15 Uhr kaffeebereit ist. Oder nehmen Sie Radio, für diese Angelegenheit; Sie können das Radio so programmieren, dass es Ihre Lieblingssender wiedergibt. Das Programmieren ist hier das große Ganze, bei dem es nicht nur um das Schreiben von Codes geht.

Ein Programmierer schafft Dinge, entwickelt Logik und analysiert ein Problem. Das Schreiben von Code ist nur der Anfang der Aufgaben eines Programmierers. Während ein Codierer auf einer Zwischenebene codiert, arbeitet ein Programmierer aktiv an den abstrakten Lösungen für ein potenzielles Problem, das sich möglicherweise auf den Prozess bezieht oder nicht. Die Idee ist, selbst das kleinste Problem zu beheben, das den Code möglicherweise ruinieren kann, und den perfekten Plan entsprechend zu entwerfen, um das Projekt durch seine erfolgreiche Implementierung ohne Fehler und Fehler zu navigieren. Die Aufgabe eines Programmierers ist es, Lösungen für Probleme zu entwickeln, die auftreten können oder nicht. Es dauert Jahre, bis eine Person ein professioneller Programmierer wird. Sie können als Entwickler, Programmierer, Analysten und mehr arbeiten.

Unterschied zwischen Codierung und Programmierung

Grundlagen der Codierung und Programmierung

– Obwohl beide Begriffe synonym sind und häufig synonym verwendet werden, unterscheiden sie sich erheblich voneinander. Codieren bedeutet einfach, Codes von einer Sprache in eine andere zu schreiben, beispielsweise von Englisch nach Java. Es ist weniger einschüchternd und weniger intensiv. Programmieren bedeutet andererseits, eine Maschine mit einer Reihe von Anweisungen zu programmieren, die ausgeführt werden sollen.

Programmierer vs. Programmierer

– Ein Codierer ist jemand, der Logik in eine Sprachmaschine übersetzt. Die Codierung ist mehr sprachorientiert, während die Programmierung anders ist. Es ist das Gesamtbild und ein Programmierer beschäftigt sich mit viel mehr als nur dem Schreiben von Codes, was nur der Anfang der Aufgaben eines Programmierers ist.

Großes Denken

 – Das Schreiben von Code ist erst der Anfang der Softwareerstellung. Die Programmierung besteht darin, Lösungen für Probleme zu konzipieren und zu analysieren, die auftreten können oder nicht, und dann zu bestimmen, wie diese Probleme gelöst werden sollen. Die Aufgabe eines Programmierers besteht darin, Codezeilen zu unterteilen, während sich ein Programmierer um das Gesamtbild kümmert. er entwirft und erstellt lösungen mit der bestmöglichen Vorgehensweise für die potenziellen Probleme, die auftreten können.

Erfahrung in Codierung und Programmierung

– Als Programmierer müssen Sie die Skalierbarkeit des Projekts abbilden, um die Probleme im Code zu minimieren. Ein Programmierer muss sich mit den Details wie dem Einrichten der Semantik, dem Analysieren des Codes, dem Entwerfen verschiedener Muster und vielem mehr befassen. Die Idee ist, Zeit mit minimalen Zeilen oder Code zu sparen. Das Programmieren ist komplex und erfordert gründliche Kenntnisse und Verständnis der Sprache.

Codierung vs. Programmierung: Vergleichstabelle

CodierungProgrammierung
Codierung bedeutet, Codes von einer Sprache in eine andere zu erstellen.Programmieren bedeutet, eine Maschine unter Verwendung eines Befehlssatzes für die Ausführung zu programmieren.
Dies ist die wichtigste Methode, um die Kommunikation zwischen Mensch und Maschine zu erleichtern.Programmierung ist der formale Akt des Code-Schreibens, jedoch auf einer viel höheren Ebene.
Es ist Teil eines Computerprogrammierungsverfahrens, bei dem Anforderungen in eine maschinenlesbare Sprache übersetzt werden.Die Programmierung ist das Gesamtbild, das vom Kompilieren und Debuggen bis zum Testen und Implementieren alles umfasst.
Ein Codierer unterteilt Codezeilen, ohne sich um Details zu kümmern.Die Aufgabe eines Programmierers ist es, Lösungen für die Probleme zu konzipieren und zu analysieren, bevor sie auftreten.
Codierer sind Programmierer, aber mit weniger Fachwissen.Programmierer sind qualifizierte Fachleute, die an einer umfangreichen Logik arbeiten, um komplexe Probleme zu lösen.

Zusammenfassung der Codierung und Programmierung

Mit dem Zustrom von technisch versierten Generationen gewann der Begriff „Programmierung“ zunehmend an Bedeutung. Um die Angelegenheit noch weiter zu komplizieren, sind neue Wörter wie „Kodierung“ und „Skripterstellung“ mit einschüchternderen Geschichten entstanden. Wir verwenden diese Begriffe blind, ohne zu wissen, was sie bedeuten oder was sie tun. Codierung und Programmierung sind zwei Synonyme, die scheinbar dasselbe bedeuten, sich aber stark voneinander unterscheiden. In diesem Artikel wird erläutert, wie sich die beiden Begriffe voneinander unterscheiden.

 

Forscher verwenden KI- und 3D-Druck, um Gemälde aus Fotos zu erstellen.

Forscher verwenden KI- und 3D-Druck, um Gemälde aus Fotos zu erstellen.

Forscher des MIT-Labors für Informatik und Künstliche Intelligenz haben ein System entwickelt, das Gemälde von einem einzigen Foto reproduzieren kann, so dass Museen und Kunstliebhaber ihre Lieblingsbilder aufnehmen und neue Kopien drucken können, komplett mit Farbtexturen.

Das Projekt mit dem Namen RePaint verwendet maschinelles Lernen, um die genauen Farben jedes Gemäldes wiederherzustellen, und druckt es dann auf einem High-End-3D-Drucker aus, der Tausende von Farben mit Halbton ausgeben kann.

Die Forscher fanden jedoch einen besseren Weg, um ein vollständigeres Spektrum von Degas und Dali zu erfassen. Sie verwendeten eine von ihnen entwickelte spezielle Technik namens “Color-Contoning”, bei der ein 3D-Drucker und 10 verschiedene transparente Tinten in sehr dünnen Schichten gestapelt werden, ähnlich wie die Wafer und die Schokolade in einem Kit-Kat-Riegel. Sie kombinierten ihre Methode mit einer jahrzehntealten Technik namens “Halbton”, bei der ein Bild nicht durch kontinuierliche Töne, sondern durch Tonnen von kleinen Tintenpunkten erzeugt wird. Diese zu kombinieren, sagt das Team, habe die Nuancen der Farben besser erfasst.

“Wenn Sie nur die Farbe eines Gemäldes so reproduzieren, wie es in der Galerie aussieht, könnte es in Ihrem Zuhause anders aussehen”, sagt der Forscher Changil Kim. “Unser System funktioniert unter allen Lichtverhältnissen, die eine weitaus höhere Farbwiedergabefähigkeit aufweisen als fast alle anderen bisherigen Arbeiten.”

Leider sind die Drucke nur etwa so groß wie eine Visitenkarte. Das System kann auch noch keine matten Oberflächen und detaillierte Oberflächentexturen unterstützen, aber das Team arbeitet an der Verbesserung der Algorithmen und der 3D-Drucktechnologie, damit Sie endlich das Bild von Hunden, die Poker spielen, in 3D-Kunststoff nachbilden können.

Rollende, springende Roboter erforschen irdische Analogien entfernter Planeten.

Rollende, springende Roboter erforschen irdische Analogien entfernter Planeten.

Bevor wir einen planetentragenden Roboter schicken, um die Landschaft von Mars oder Venus zu erkunden, müssen wir ihn hier auf der Erde testen. Zwei solcher Roboterplattformen, die für zukünftige Missionen entwickelt werden, werden in den Einrichtungen der Europäischen Weltraumorganisation getestet: eine, die rollt und eine, die hüpft.

Der Rollende steht derzeit in den Büchern, um im Rahmen des Mars 2020-Programms der ESA zum Roten Planeten zu fahren. Es ist gerade eine Woche lang in der spanischen Wüste getestet worden, nur einer von vielen Mars-Analogen, die das Raumfahrtprogramm verwendet. Es sieht gut aus. Die Schwerkraft ist natürlich ein wenig anders, und es gibt etwas mehr Atmosphäre, aber sie ist nah genug, um ein paar Dinge zu testen.

Das Team, das Charlie kontrollierte, was sie den Prototyp nannten, tat dies aus Hunderten von Meilen Entfernung in Großbritannien – nicht gerade eine interplanetare Entfernung, aber sie dachten natürlich daran, die Verzögerungen zu simulieren, auf die die Fahrer stoßen würden, wenn der Rover tatsächlich auf dem Mars wäre. Es würde auch eine Tonne mehr Instrumente an Bord haben.

Die Erkundung und Navigation erfolgte immer noch ausschließlich mit Hilfe von Informationen, die der Rover über Radar und Kameras gesammelt hatte, und auch der Bohrer des Rovers wurde eingesetzt. Es regnete eines Tages, was auf dem Mars außerordentlich unwahrscheinlich ist, aber die Bediener gaben vermutlich vor, es sei ein Staubsturm und rollten mit ihm.

Ein weiterer erdanaloger Test ist für Februar in der chilenischen Atacama-Wüste geplant. Mehr über den ExoMars Rover und die Mars 2020 Mission erfahren Sie hier.

Der andere Roboter, den die ESA diese Woche veröffentlicht hat, gehört nicht ihnen, sondern wurde von der ETH Zürich entwickelt: der SpaceBok – du weißt schon, wie Springbock. Die Forscher dort denken, dass das Herumhüpfen wie dieses bekannte Huftier eine gute Möglichkeit sein könnte, auf anderen Planeten herumzukommen.

Es ist schön, auf stabilen Rädern herumzurollen, sicher, aber es ist sinnlos, wenn man auf die andere Seite eines Felsbrocken gelangen oder in eine Schlucht hinabsteigen will, um eine interessante Mineralienlagerstätte zu erkunden. SpaceBok ist als hochstabile Sprungmaschine konzipiert, die je nach Bedarf unwegsames Gelände durchqueren oder mit einem normalen vierfüßigen Gang gehen kann (naja, normal für Roboter).

“Das ist auf der Erde nicht besonders nützlich”, räumt SpaceBok-Teammitglied Elias Hampp ein, aber “es könnte auf dem Mond eine Höhe von vier Metern erreichen. Dies würde einen schnellen und effizienten Weg zum Fortschritt ermöglichen.”

Es wurden einige Tests im “Mars Yard Sandkasten” der ESA durchgeführt, einem kleinen Stift, der mit marsähnlichem Boden und Felsen gefüllt war. Das Team sucht nach einer Verbesserung der Autonomie mit besserer Sicht – je besser es sehen kann, wo es landet, desto besser kann SpaceBok diese Landung halten.

Interplanetare Missionen sind im Moment sehr in Mode, und wir könnten bald sogar einige private Reisen zum Mond und Mars sehen. Selbst wenn die NASA oder die ESA sich nicht entschließt, SpaceBok (oder einen ähnlich kreativen Roboter) ins Sonnensystem zu bringen, wird es vielleicht ein großzügiger Sponsor tun.

Synology DSM 6.0+ / Syslinux 6.04 Ubtuntu und Mint Live Systeme starten

Vorweg: Diese Anleitung basiert auf dem Aufbau meines Beispiels aus diesem Artikel:
Synology DSM 6.0+ / Syslinux 6.04 PXE&TFTP&DHCP Server einrichten

Bevor wir anfangen sollten Sie sich die aktuellsten ISO’s von Ubuntu und Mint aus dem Netz herunterladen. Wenn Sie natürlich nur Ubuntu brauchen, dann laden Sie halt nur Ubuntu herunter. Es zwingt Sie ja keiner.

Schritt: Linux Live Systeme herunterladen und Ordnerstruktur erstellen.

Aus meinem vorherigen Tutorial wurden ja schon diverse Ordner angelegt. Wie zum Beispiel der Images Ordner. Diesen Ordner werden wir jetzt brauchen. Erstellen Sie in dem Images Ordner einen weiteren der Ubuntu heißt. Sollten Sie vorhaben mehrere Ubuntu Versionen starten zu können, bietet sich eine weitere Unterteilung in Versionen an.

Zum Beispiel:

CODE Icon
CODE Quelltext: (3 Zeilen) | Code markieren | Generiert in 0.00015 Sekunden.
1
2
3
images/Ubuntu/Ubuntu16/
images/Ubuntu/Ubuntu15/
images/Ubuntu/Ubuntu14/
CODE Quelltext: (3 Zeilen) | Code markieren | Generiert in 0.00015 Sekunden.

Des weiteren ist es sinnvoll zusätzlich noch zwischen 32 und 64 Bit zu unterscheiden.

CODE Icon
CODE Quelltext: (2 Zeilen) | Code markieren | Generiert in 0.00009 Sekunden.
1
2
images/Ubuntu/Ubuntu16/X64
images/Ubuntu/Ubuntu16/X32
CODE Quelltext: (2 Zeilen) | Code markieren | Generiert in 0.00009 Sekunden.

Wenn Sie sich entschieden haben, wie sie das handhaben möchten, so entpacken Sie dann die ISOS in die jeweiligen erstellten Verzeichnisse.

Wenn Sie Ihre gewünschten Ordner erstellt haben, so kommen wir zu dem Teil aus der vorherigen Anleitung, wo es um die Konfigurationsdateien ging.

Schritt: Syslinux Konfigdateien erweitern.

Suchen Sie in der pxelinux.cfg/default_BIOS nach:

CODE Icon
CODE Quelltext: (1 Zeile) | Code markieren | Generiert in 0.00008 Sekunden.
1
KBDMAP german.kbd
CODE Quelltext: (1 Zeile) | Code markieren | Generiert in 0.00008 Sekunden.

Fügen Sie darunter folgendes ein:

CODE Icon
CODE Quelltext: (135 Zeilen) | Code markieren | Generiert in 0.00081 Sekunden.
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
##############################################################
#LINUX SECTION
##############################################################
LABEL LinuxSysteme

MENU LABEL Linux Installation:
MENU DISABLE

MENU BEGIN

MENU TITLE + Linux Systeme Auswahl

LABEL AllLinuxSystems
MENU LABEL Alle enthaltenen Linux Systeme:
MENU DISABLE

LABEL Ubuntu1664LTS
MENU LABEL 1. Ubuntu 16.04.1 X64 LTS Version – Kernel Load (Schnell)
MENU INDENT 3
COM32 linux.c32 images/Ubuntu/Ubuntu16.04.1LTS/X64/casper/vmlinuz.efi
APPEND boot=casper vga=normal netboot=nfs nfsroot=192.168.1.5:/volume1/NAS412Plus/PXEServer/images/Ubuntu/Ubuntu16.04.1LTS/X64 fetch=tftp://192.168.1.5/images/Ubuntu/Ubuntu16.04.1LTS/X64/casper/filesystem.squashfs initrd=images/Ubuntu/Ubuntu16.04.1LTS/X64/casper/initrd.lz locale=de_DE bootkbd=de console-setup/layoutcode=de
TEXT HELP
Ubuntu V16.04.1 X64 LTS (Long Term Support)
Systeme mit mehr als 2GB RAM.

Ubuntu mit 5 Jahren Garantie fuer Sicherheitsupdates und Patches.
ENDTEXT

LABEL AutoUbuntu15
MENU LABEL [[:Prozessor Architektur Erkennung (Ubuntu15):]]
MENU INDENT 2
KERNEL ifcpu64.c32
append Ubuntu64 — Ubuntu32
TEXT HELP
Startet automatisch das passende Ubuntu, das fuer Ihre Prozessor
Architektur ausgelegt ist.
ENDTEXT

LABEL Ubuntu64
MENU LABEL 1. Ubuntu 15.10 X64 – Kernel Load (Schnell)
MENU INDENT 3
COM32 linux.c32 images/Ubuntu/Ubuntu15.10/X64/casper/vmlinuz.efi
APPEND boot=casper vga=normal netboot=nfs nfsroot=192.168.1.5:/volume1/NAS412Plus/PXEServer/images/Ubuntu/Ubuntu15.10/X64 fetch=tftp://192.168.1.5/images/Ubuntu/Ubuntu15.10/X64/casper/filesystem.squashfs initrd=images/Ubuntu/Ubuntu15.10/X64/casper/initrd.lz locale=de_DE bootkbd=de console-setup/layoutcode=de
TEXT HELP
Ubuntu V15.10 X64
Systeme mit mehr als 2GB RAM.

Ubuntu mit 9 Monaten Garantie fuer Sicherheitsupdates und Patches.
ENDTEXT

LABEL Ubuntu32
MENU LABEL 2. Ubuntu 15.10 X32 – Kernel Load (Schnell)
MENU INDENT 3
COM32 linux.c32 images/Ubuntu/Ubuntu15.10/X32/casper/vmlinuz
APPEND boot=casper vga=normal netboot=nfs nfsroot=192.168.1.5:/volume1/NAS412Plus/PXEServer/images/Ubuntu/Ubuntu15.10/X32 fetch=tftp://192.168.1.5/images/Ubuntu/Ubuntu15.10/X32/casper/filesystem.squashfs initrd=images/Ubuntu/Ubuntu15.10/X32/casper/initrd.lz locale=de_DE bootkbd=de console-setup/layoutcode=de
TEXT HELP
Ubuntu V15.10 X32
Systeme mit weniger als 2GB RAM.

Ubuntu mit 9 Monaten Garantie fuer Sicherheitsupdates und Patches.
ENDTEXT

LABEL AutoUbuntu14
MENU LABEL [[:Prozessor Architektur Erkennung (Ubuntu14):]]
MENU INDENT 2
KERNEL ifcpu64.c32
append Ubuntu64LTS — Ubuntu32LTS
TEXT HELP
Startet automatisch das passende Ubuntu, das fuer Ihre Prozessor
Architektur ausgelegt ist.
ENDTEXT

LABEL Ubuntu64LTS
MENU LABEL 1. Ubuntu 14.04.4 X64 LTS Version – Kernel Load (Schnell)
MENU INDENT 3
COM32 linux.c32 images/Ubuntu/Ubuntu14.04.4LTS/X64/casper/vmlinuz.efi
APPEND boot=casper vga=normal netboot=nfs nfsroot=192.168.1.5:/volume1/NAS412Plus/PXEServer/images/Ubuntu/Ubuntu14.04.4LTS/X64 fetch=tftp://192.168.1.5/images/Ubuntu/Ubuntu14.04.3LTS/X64/casper/filesystem.squashfs initrd=images/Ubuntu/Ubuntu14.04.4LTS/X64/casper/initrd.lz locale=de_DE bootkbd=de console-setup/layoutcode=de
TEXT HELP
Ubuntu V14.04.4 X64 LTS (Long Term Support)
Systeme mit mehr als 2GB RAM.

Ubuntu mit 5 Jahren Garantie fuer Sicherheitsupdates und Patches.
ENDTEXT

LABEL Ubuntu32LTS
MENU LABEL 2. Ubuntu 14.04.4 X32 LTS Version – Kernel Load (Schnell)
MENU INDENT 3
COM32 linux.c32 images/Ubuntu/Ubuntu14.04.4LTS/X32/casper/vmlinuz
APPEND boot=casper vga=normal netboot=nfs nfsroot=192.168.1.5:/volume1/NAS412Plus/PXEServer/images/Ubuntu/Ubuntu14.04.4LTS/X32 fetch=tftp://192.168.1.5/images/Ubuntu/Ubuntu14.04.4LTS/X32/casper/filesystem.squashfs initrd=images/Ubuntu/Ubuntu14.04.4LTS/X32/casper/initrd.lz locale=de_DE bootkbd=de console-setup/layoutcode=de
TEXT HELP
Ubuntu V14.04.4 X32 LTS (Long Term Support)
Systeme mit weniger als 2GB RAM.

Ubuntu mit 5 Jahren Garantie fuer Sicherheitsupdates und Patches.
ENDTEXT

LABEL AutoMint
MENU LABEL [[:Prozessor Architektur Erkennung (Mint):]]
MENU INDENT 2
KERNEL ifcpu64.c32
append Mint64 — Mint32
TEXT HELP
Startet automatisch das passende Mint, das fuer Ihre Prozessor
Architektur ausgelegt ist.
ENDTEXT

LABEL Mint64
MENU LABEL 1. Mint 18 X64 – Kernel Load (Schnell)
MENU INDENT 3
COM32 linux.c32 images/Mint/Mint18/X64/casper/vmlinuz
APPEND boot=casper vga=normal netboot=nfs nfsroot=192.168.1.5:/volume1/NAS412Plus/PXEServer/images/Mint/Mint18/X64 ip=dhcp rw initrd=images/Mint/Mint18/X64/casper/initrd.lz
TEXT HELP
Mint 18 X64
Systeme mit mehr als 2GB RAM.
ENDTEXT

LABEL Mint32
MENU LABEL 2. Mint 18 X32 – Kernel Load (Schnell)
MENU INDENT 3
COM32 linux.c32 images/Mint/Mint18/X32/casper/vmlinuz
APPEND boot=casper vga=normal netboot=nfs nfsroot=192.168.1.5:/volume1/NAS412Plus/PXEServer/images/Mint/Mint18/X32 ip=dhcp rw initrd=images/Mint/Mint18/X32/casper/initrd.lz
TEXT HELP
Mint 18 X32
Systeme mit weniger als 2GB RAM.
ENDTEXT

MENU SEPARATOR

LABEL return_main

MENU LABEL – ^Zum Hauptmenu
MENU INDENT 1
MENU EXIT

MENU END

CODE Quelltext: (135 Zeilen) | Code markieren | Generiert in 0.00081 Sekunden.

Editieren Sie bitte alle Pfade, so wie Sie das ganze eingerichtet haben. Sie werden außerdem sehr oft das hier sehen:

CODE Icon
CODE Quelltext: (1 Zeile) | Code markieren | Generiert in 0.00010 Sekunden.
1
nfsroot=192.168.1.5:/volume1/NAS412Plus/PXEServer/images/Ubuntu/Ubuntu14.04.4LTS/X32
CODE Quelltext: (1 Zeile) | Code markieren | Generiert in 0.00010 Sekunden.

Jetzt kommt der Mount-Pfad aus dem vorherigen Tutorial zum tragen. Dieser muss überall abgeändert werden. Ändern Sie also immer die IP (IP der DS!), den Mount-Pfad und den Pfad zu Ihrem Ubuntu Live Image.

Ich habe Ihnen ein Beispiel anhand eines Submenüs gemacht. Sie werden es lieben. Alles was Sie davon nicht brauchen, können Sie ohne Probleme heraus löschen.

Das gleiche müssen Sie jeweils noch für die Konfigurationsdateien default_EFI32 und default_EFI64 machen. Bedenken Sie dabei, das Sie in einer EFI Umgebung keine 32 BIT Versionen starten können! Diese Einträge entfallen also automatisch. Erstellen Sie nur 64BIT Einträge nach dem Beispiel von oben.

Wenn Sie das alles geändert haben, können Sie das direkt auch live testen. Starten Sie entweder über eine VM über Netzwerk oder sie benutzen einfach Ihren normalen Rechner zum testen, ob die Linux Versionen auch ohne Probleme gestartet werden. Sollte das nicht funktionieren, sind definitiv die Pfade nicht richtig. Bitte unbedingt vorher prüfen.

Der Comeon Bonus

Comeon ist ein Wettanbieter, der einen guten Bonus zu bieten hat, wie man auf der Seite von Betrug.org herausfinden kann. Dieser Anbieter ist noch nicht so lange am Markt, dennoch kann er sich heute schon sehr gut behaupten. Dieser Wettanbieter hat seinen Sitz in Schweden und jeder, der den Bonus nutzen will, kann das für sich entdecken. Der Bonus ist ansprechend und wird dir gut gefallen. Er wird dir zu mehr Erfolg verhelfen und natürlich auch dafür sorgen, dass du bei deiner ersten Wette noch mehr Geld verdienen kannst. Du wirst dabei natürlich auch die weiteren Vorteile für dich entdecken. Wir wollen dir hier zeigen, was dich erwartet, wenn du dich bei Comeon anmeldest. Du solltest auf jeden Fall den Wettbonus voll ausschöpfen und wie du das am besten anstellst, haben wir auch für dich herausgefunden. Gute Wettanbieter gibt es heute sehr viele und so muss man sie natürlich nicht nur kennen lernen, sondern auch für sich finden. Bei https://www.betrug.org/ kannst du jetzt herausfinden, was genau die Anbieter für dich tun und was du dabei zu erwarten hast. Du wirst erkennen, dass du dort sehr gut informiert wirst und so kannst du sehr gut abwägen, ob dieses Angebot für dich infrage kommt. 

Zum Comeon Bonus

Der Comeon Bonus wird dir auf jeden Fall bei der ersten Einzahlung gewährt. Das bedeutet, wenn du eine Einzahlung tätigst, dann kannst du auf jeden Fall 100 Prozent Bonus nutzen und für dich entdecken. Jetzt geht es aber um weit mehr, als einfach nur die Einzahlung, mit der man das erste Spiel starten kann. Du kannst maximal 100 Euro Bonus geltend machen. Also wenn du 120 Euro einzahlst, wirst du einen Bonus von maximal 100 Euro erhalten. Du musst eine Mindesteinzahlung vornehmen. Diese liegt beim Comeon Bonus bei 10 Euro. Dann kannst du auch den Comeon Bonus auszahlen lassen, was dir sicher gut gefallen wird. Also kannst du jetzt direkt loslegen und dich bei diesem Anbieter anmelden. Du bekommst natürlich eine gute und übersichtliche Seite angezeigt, die für dich schon bald den großen Erfolg bringen wird, den du dir davon erhoffst. Diese Seite ist übersichtlich und man wird dir helfen, wenn du einmal eine Frage haben solltest. In jedem Fall kannst du den Comeon Bonus nutzen und das solltest du auch tun. Denn nur mit dem Bonus kannst du besser spielen und deine Gewinnchancen maximieren. 

Warum Betrug.org?

Es geht nicht allein um den Comeon Bonus. Du wirst sehen, dass diese Seite dir eine breite Palette an Informationen zu bieten hat. Dort bekommst du zu vielen Wettanbietern Informationen, die du für dich nutzen kannst. Du solltest das auch tun, denn heute will man eigentlich alles genau wissen und wenn das nicht der Fall ist, dann ist man verloren. Du musst es nutzen und für dich entdecken. Nur so kannst du anschließend rundum zufrieden sein und wirst dich auch gut beraten fühlen. Der Comeon Bonus wird für dich also auf jeden Fall unverzichtbar sein und wenn du mehr Informationen dazu brauchst, dann schau auf jeden Fall auf Betrug.org vorbei.

Synology DSM 6.0+ / Syslinux 6.04 PXE&TFTP&DHCP Server einrichten

Möchten Sie von Ihrem Synology NAS über das Netzwerk Linux Live Systeme oder sogar Windows Installationen starten können ? Dann ist diese Anleitung genau das, was Sie suchen.

Diese Anleitung bezieht sich nur auf die Konfiguration des TFTP&DHCP&PXE Servers und das aufspielen und Konfigurieren der Syslinux 6.04 Version auf diesem.

Schritt: Neuen gemeinsamen Ordner erstellen

Zu aller erst melden Sie sich auf Ihrer Synology NAS an. Dort erstellen Sie einen neuen Gemeinsamen Ordner mit beispielsweise dem Namen: “PXEServer”. Wie Sie diesen nennen ist natürlich Ihnen überlassen.

Schritt: NFS Berechtigung erstellen für den gemeinsamen Ordner

Wenn Sie später einmal vorhaben sollten Linux Live Images laden zu können, so klicken sie bei dem eben erstellten gemeinsamen Ordner bitte auf Bearbeiten und klicken dann auf das Register NFS-Berechtigungen und erstellen eine Neue Regel.

649_SYNOLOGY_PXE_CONFIG_02.PNG

Bei Hostname und IP kommt die Netzwerk ID Ihres Netzwerkes hinein. Wie genau nun Ihre Netzwerk ID ist, kann ich nicht sagen. Schauen Sie einfach selbst nach. Die Subnetz Präfix darf natürlich nicht fehlen! Hiermit ist das /24 gemeint und besagt, das der Netzanteil 24Bit lang ist. Bringen Sie bitte in Erfahrung, welches Netz Sie verwenden. Sollten Sie diesem Punkt falsch eintragen, so wird es Ihnen später nicht möglich sein, Linux Live Systeme zu starten! Wenn Sie dann alles wie auf dem Bild eingetragen haben, außer die IP natürlich, dann sollte das Ganze so aussehen:

649_SYNOLOGY_PXE_CONFIG_01.PNG

Schritt: NFS Mount-Pfad merken!

Auf diesem Bild sehen Sie unten noch den Mount-Pfad. In meinem Beispiel: /volume1/NAS412Plus Diese Angabe ist äußerst wichtig, da Sie diese später noch einmal brauchen werden. Also nicht vergessen. Bei Ihnen kann es durchaus der Fall sein, das dort eventuell nicht volume1 steht, sondern vielleicht volume2 oder ähnlich. Das ist nicht schlimm und sagt lediglich nur aus, auf welchem Volume sich der Ordner befindet. Lassen Sie sich nicht durch den Ordnernamen in meinem Beispiel irritieren, denn das ist mein TFTP-ROOT Ordner. Oben hatte ich erwähnt, das Sie diesen auch PXEServer oder ähnlich nennen könnten.

Schritt: TFTP Server konfigurieren

Klicken Sie im DSM auf Systemsteuerung und dann Dateidienste. Sie werden dort das Register TFTP finden. Aktivieren Sie dort den TFTP Dienst und wählen den gemeinsamen Ordner aus, den Sie gerade eben erstellt haben. Anschließend klicken Sie auf Erweiterte Einstellungen. Dort können Sie noch, wenn Sie das wünschen die Protokollierung aktivieren. Das was wichtig ist, ist allerdings, das die TFTP Rechte lediglich auf Lesen beschränkt werden. Wir wollen ja auch nicht mehr. Lesen reicht vollkommen aus.

649_SYNOLOGY_PXE_CONFIG_03.PNG

Schritt: DHCP Server einrichten

Vorwort
Es ist nicht ratsam mehrere DHCP Server in einem Subnetz zu betreiben. Da die Mehrheit meiner Erfahrung nach, allerdings den DHCP Server des Routers verwendet muss ich dazu sagen, das dieser bei dem Router deaktiviert werden muss. Ja, das muss und sollte auch. Es kann zwar sein, das es auch mit 2 DHCP Server funktioniert, aber es ist dennoch davon abzuraten. Es gibt auch keine Gründe sich zu streuben, den DHCP des Routers zu deaktivieren, denn diese sind meistens total vereinfacht und so gut wie nicht konfigurierbar. Sie tun Ihrer Netzwerkumgebung einen gefallen damit den DHCP Server der Synology zu verwenden. Und ja, nach der Umstellung bekommen Ihre Handy’s auch noch DHCP Leases, eben nur nicht mehr über den Router, sondern der Synology. Manche kamen auch mit der Ausrede, das ginge nicht, weil ich Portweiterleitungen habe. Das ist blödsinn, denn niemand hindert einen daran, eine Feste IP dem Server, an den weitergeleitet werden soll einzurichten. Wer benutzt auch eine dynamische IP für einen Server ? Das müssen echte Schelme sein. Es ist also eine reine Konfigurationsangelegenheit wie Ihr seht. Geht nicht, gibt’s nicht

In der Systemsteuerung klicken Sie nun auf DHCP Server und wählen als erstes mal den LAN PORT aus, den Sie dafür verwenden wollen. Manche Synology Geräte haben mehr wie einen LAN Port und daher muss das angesprochen werden. Markieren Sie diesen und klicken auf bearbeiten. Fertig eingerichtet sieht das in meiner Umgebung dann so aus:

649_SYNOLOGY_PXE_CONFIG_04.PNG

Meine Netzwerk ID ist 192.168.1.0/24
Mein Router (Speedport) ist 192.168.1.4
Das DHCP Range geht von 192.168.1.100-192.168.1.200

So, ganz wichtig, Ihr solltet nach Möglichkeit, der DS eine feste IP zuweisen! In meinem Fall ist die feste IP 192.168.1.5.

Sollte das bei Euch nicht der Fall sein, so navigiert in der Systemsteuerung zu Netzwerk und dann Netzwerkschnittstelle und wählt die aktive Verbindung der DS aus und klickt auf bearbeiten.

649_SYNOLOGY_PXE_CONFIG_05.PNG

DNS und Gateway ist für gewöhnlich Eure Router IP. Solltet Ihr keinen eigenen DNS Server erstellt haben, so könnt Ihr die Eures Routers eintragen. So, bevor wir später dann auch noch den PXE Dienst einschalten werden, werden wir erst einmal das Grundgerüst des PXE Servers schaffen.

Schritt: Syslinux 6.04 herunterladen und Ordner und Konfigurationsdateien erstellen

Laden Sie sich die aktuellste Syslinux Version herunter.

https://www.kernel.org/pub/linux/utils/boot/syslinux/Testing/6.04/syslinux-6.04-pre1.zip

Entpacken Sie diese danach an einem beliebigen Ort auf Ihrem Rechner.

Bevor wir nun hingehen und die Dateien dem Gemeinsamen Ordner zujubeln erstellt folgende Verzeichnisse in Eurem gemeinsamen Ordner, den Ihr ganz am Anfang erstellt hattet. Der gemeinsame Ordner ist zugleich auch Euer TFTP-Root… nicht vergessenzwinkern

TFTP-ROOT
649_Synology_PXE_Config_06

Jetzt wird es etwas kniffelig! Jetzt muss Euer entpacktes Syslinux herhalten. 

Kopiert nun folgende Dateien ALLE in den BIOS Ordner:

CODE Icon
CODE Quelltext: (13 Zeilen) | Code markieren | Generiert in 0.00085 Sekunden.
1
2
3
4
5
6
7
8
9
10
11
12
13
Syslinux6.04/bios/com32/chain/chain.c32
Syslinux6.04/bios/com32/cmenu/libmenu/libmenu.c32
Syslinux6.04/bios/com32/gpllib/libgpl.c32
Syslinux6.04/bios/com32/hdt/hdt.c32
Syslinux6.04/bios/com32/lib/libcom32.c32
Syslinux6.04/bios/com32/libutil/libutil.c32
Syslinux6.04/bios/com32/menu/menu.c32
Syslinux6.04/bios/com32/menu/vesamenu.c32
Syslinux6.04/bios/com32/modules/ifcpu64.c32
Syslinux6.04/bios/com32/modules/kbdmap.c32
Syslinux6.04/bios/com32/modules/linux.c32
Syslinux6.04/bios/com32/modules/poweroff.c32
Syslinux6.04/bios/com32/modules/reboot.c32
CODE Quelltext: (13 Zeilen) | Code markieren | Generiert in 0.00085 Sekunden.

Kopiert nun folgende Dateien ALLE in den EFI32 Ordner:

CODE Icon
CODE Quelltext: (10 Zeilen) | Code markieren | Generiert in 0.00065 Sekunden.
1
2
3
4
5
6
7
8
9
10
Syslinux6.04/efi32/com32/chain/chain.c32
Syslinux6.04/efi32/com32/cmenu/libmenu/libmenu.c32
Syslinux6.04/efi32/com32/gpllib/libgpl.c32
Syslinux6.04/efi32/com32/hdt/hdt.c32
Syslinux6.04/efi32/com32/lib/libcom32.c32
Syslinux6.04/efi32/com32/libutil/libutil.c32
Syslinux6.04/efi32/com32/menu/menu.c32
Syslinux6.04/efi32/com32/menu/vesamenu.c32
Syslinux6.04/efi32/com32/modules/linux.c32
Syslinux6.04/efi32/com32/modules/reboot.c32
CODE Quelltext: (10 Zeilen) | Code markieren | Generiert in 0.00065 Sekunden.

Kopiert nun folgende Dateien ALLE in den EFI64 Ordner:

CODE Icon
CODE Quelltext: (11 Zeilen) | Code markieren | Generiert in 0.00067 Sekunden.
1
2
3
4
5
6
7
8
9
10
11
Syslinux6.04/efi64/com32/chain/chain.c32
Syslinux6.04/efi64/com32/cmenu/libmenu/libmenu.c32
Syslinux6.04/efi64/com32/gpllib/libgpl.c32
Syslinux6.04/efi64/com32/hdt/hdt.c32
Syslinux6.04/efi64/com32/lib/libcom32.c32
Syslinux6.04/efi64/com32/libutil/libutil.c32
Syslinux6.04/efi64/com32/menu/menu.c32
Syslinux6.04/efi64/com32/menu/vesamenu.c32
Syslinux6.04/efi64/com32/modules/ifcpu64.c32
Syslinux6.04/efi64/com32/modules/linux.c32
Syslinux6.04/efi64/com32/modules/reboot.c32
CODE Quelltext: (11 Zeilen) | Code markieren | Generiert in 0.00067 Sekunden.

Des weiteren werden wir nun noch folgende Dateien direkt in das TFTP Root Verzeichnis kopieren:

CODE Icon
CODE Quelltext: (1 Zeile) | Code markieren | Generiert in 0.00036 Sekunden.
1
Syslinux6.04/bios/memdisk/memdisk
CODE Quelltext: (1 Zeile) | Code markieren | Generiert in 0.00036 Sekunden.

BIOS Bootloader!

CODE Icon
CODE Quelltext: (2 Zeilen) | Code markieren | Generiert in 0.00040 Sekunden.
1
2
Syslinux6.04/bios/core/pxelinux.0
Syslinux6.04/bios/com32/elflink/ldllinux/ldlinux.c32
CODE Quelltext: (2 Zeilen) | Code markieren | Generiert in 0.00040 Sekunden.

EFI32 Bootloader!

CODE Icon
CODE Quelltext: (2 Zeilen) | Code markieren | Generiert in 0.00055 Sekunden.
1
2
Syslinux6.04/efi32/efi/syslinux.efi (Diese Datei bitte nach dem Kopieren in das TFTP Root Verzeichnis wie folgt umbenennen: pxelinuxEFI32.efi)
Syslinux6.04/efi32/com32/elflink/ldllinux/ldlinux.e32
CODE Quelltext: (2 Zeilen) | Code markieren | Generiert in 0.00055 Sekunden.

EFI64 Bootloader!

CODE Icon
CODE Quelltext: (2 Zeilen) | Code markieren | Generiert in 0.00047 Sekunden.
1
2
Syslinux6.04/efi64/efi/syslinux.efi (Diese Datei bitte nach dem Kopieren in das TFTP Root Verzeichnis wie folgt umbenennen: pxelinuxEFI64.efi)
Syslinux6.04/efi64/com32/elflink/ldllinux/ldlinux.e64
CODE Quelltext: (2 Zeilen) | Code markieren | Generiert in 0.00047 Sekunden.

So, wenn dann der Kopier- und Suchmarathon vorbei ist, sollte das Ganze so aussehen:

649_Synology_PXE_Config_07

Warum haben wir jetzt den ganzen Zirkus veranstaltet ? Unser Ziel ist es, das BIOS, als auch UEFI Rechner unser Syslinux starten können und dies auch automatisch erkannt wird. Deshalb brauchen wir 3 verschiedene Bootloader!

Wir sind aber noch lange nicht fertig liebe Leute, denn noch würde nichts funktionieren. Es fehlen noch die default Einträge, eine Grafikkonfigurationsdatei und das allerwichtigste die DHCP Server Anpassung! Dazu später!

Laden Sie sich nun meine kleinen Konfigdateien herunter. Diese dienen nur als Beispiel und sollten von Ihnen dann später verändert oder erweitert werden.

Ich gebe Euch ein ansehnliches Menü für jeden Eintrag! Natürlich sind dort keine Einträge vorhanden um Windows oder Linux Systeme zu starten. Die Datei würde einfach zu groß um das hier im Artikel halbwegs ansehnlich zu demonstrieren. Es geht schlichtweg erst einmal darum, das Sie das ganze starten könnten! Wenn dann alles funktioniert, können Sie diese Dateien nach Ihrem belieben editieren!

Entpacken Sie mein Archiv und kopieren Sie davon folgende Dateien in das pxelinux.cfg Verzeichnis:

CODE Icon
CODE Quelltext: (8 Zeilen) | Code markieren | Generiert in 0.00041 Sekunden.
1
2
3
4
5
6
7
8
default_BIOS
default_EFI32
default_EFI64
f1.txt
f2.txt
GFX_BIOS.conf
GFX_EFI32.conf
GFX_EFI64.conf
CODE Quelltext: (8 Zeilen) | Code markieren | Generiert in 0.00041 Sekunden.

Außerdem kopieren sie folgende Dateien direkt in das TFTP-Root Verzeichnis:

CODE Icon
CODE Quelltext: (3 Zeilen) | Code markieren | Generiert in 0.00047 Sekunden.
1
2
3
german.kbd (Deutsches Tastaturlayout in der Syslinux Oberfläche!)
Installer640.jpg (Hintergrungbild Bios Modus)
Installer1024.png (Hintergrungbild EFI32 & EFI64 Modus)
CODE Quelltext: (3 Zeilen) | Code markieren | Generiert in 0.00047 Sekunden.

Wichtige Anmerkung zum ändern der Hintergrundbilder:
Die Hintergrundbilder könnt Ihr natürlich gegen Eure austauschen. Aber, es ist darauf zu achten, das im Bios Modus nur Bilder verwendet werden, die in einer 640×480 Pixel Auflösung und als JPG Datei vorliegen.
Für den EFI32 & EFI64 Modus, ist es ratsam, PNG Bilder in einer maximalen Auflösung von 1024×768 Pixel zu verwenden. Halten Sie sich unbedingt an das 4:3 Format! Verwenden Sie keine Bilder, die ein folgende Auflösung hätten:
1024×760 oder ähnlich, denn das führt unter Umständen zu sehr extremen Grafik und Menüfehlern.

Sollten Sie JPG Bilder nehmen, werden Sie feststellen, das Syslinux in Bezug auf dieses Format im EFI Modus einen unansehnlichen BUG hat. Er kachelt das Bild dann mehrmals.

Wichtige Anmerkung zum Syslinux EFI32 & EFI64 Modus:
Das Syslinux EFI Menü funktioniert prinzipiell. Leider gibt es noch so einige Einschränkungen im Vergleich zu dem alten Bios Legacy Modus. Es ist in der aktuellsten Syslinux Version nicht möglich andere EFI Bootloader quer zu laden. Das heißt im Klartext, das sie aus einer EFI Syslinux Umgebung nicht den Windows Boot Manager starten könnten. Dieser Umstand ist mir bewusst gewesen, als ich diese Anleitung verfasst habe. Es sei aber dazu gesagt, das der Entwickler an diesem Umstand arbeitet. Es ist nur eine Frage der Zeit, bis dies dann auch im EFI Modus funktioniert. Das bedeutet, das Sie im Syslinux EFI Modus Windows nicht installieren können! Es gibt den Umweg, statt dem Syslinux Bootloader einfach den bootx64.efi Loader von Microsoft zu nehmen. Das funktioniert wunderbar, allerdings haben Sie dann kein schönes Menü mehr. Momentan ist das bei mir im EFI Modus auch mit dem EFI Bootloader von MS eingerichtet, eben damit ich Windows auch im EFI Modus installieren kann, aber dennoch ist das nur eine temporäre Lösung des Problems. Ich hoffe, das der Entwickler bald in die Puschen kommt.

Zu dem Syslinux EFI kommen noch weitere Probleme auf Sie zu. Memdisk zum Beispiel ist ein reines BIOS Tool. Dieses funktioniert im EFI Modus nicht und noch viele weitere Funktionen gehen auch nicht mehr. Das soll Sie jetzt nicht traurig stimmen, denn denken Sie einfach daran, das Sie das Gerüst dafür schon geschaffen haben und später dann weniger Arbeit haben.

So sollte das dann nachher im Bios Legacy Modus aussehen(Nur ein Beispiel, damit es motivierend bleibt ):

649_Synology_PXE_Config_08

Schritt: PXE Dienst aktivieren!

Melden Sie sich erneut bei Ihrer Synology an und gehen Sie wieder in die Systemsteuerung, dann auf DHCP Server und nun im Reiter PXE aktivieren Sie den PXE Dienst. Wählen Sie außerdem bei Bootloader die Datei: pxelinux.0

Schritt: DHCP via SSH editieren um die Multi-Arch Erkennung zu aktivieren

Kommen wir nun zu einem der wichtigsten Schritte überhaupt. Damit Sie die nötigen Änderungen vornehmen können, muss der SSH Dienst eingeschaltet sein unter Systemsteuerung => Terminal => SSH Dienst aktivieren und Sie müssen ein fähiges SSH Programm besitzen. Laden Sie sich einfach Putty aus dem Internet herunter.

Melden Sie sich mit Putty über SSH auf Ihrer Synology an. Der Benutzername ist admin und nicht root liebe Leutezwinkern Ich wollte es nur gesagt haben. Wenn Ihr eingeloggt seid, dann tippt folgendes ein:

CODE Icon
CODE Quelltext: (1 Zeile) | Code markieren | Generiert in 0.00035 Sekunden.
1
cd /etc/dhcpd/
CODE Quelltext: (1 Zeile) | Code markieren | Generiert in 0.00035 Sekunden.

 

CODE Icon
CODE Quelltext: (1 Zeile) | Code markieren | Generiert in 0.00035 Sekunden.
1
sudo vi  dhcpd-pxe.conf
CODE Quelltext: (1 Zeile) | Code markieren | Generiert in 0.00035 Sekunden.

Sie werden nun erneut nach dem Passwort gefragt! Nach dem eingeben erscheint der Inhalt der Datei!

Es sollten dort 2 Zeilen existieren. Diese löschen wir erst einmal.

Tippen Sie dafür folgendes ein:
:0,2d und mit ENTER bestätigen. Danach ist die Datei leer!

Der unten stehende Code muss in diese Datei eingefügt werden. Allerdings müssen Sie die IP Adresse noch ändern. In meinem Beispiel steht überall 192.168.1.5. Dort gehört die NAS IP rein. Die IP muss insgesamt 4 mal geändert werden. Vergessen Sie keinen Eintrag 

CODE Icon
CODE Quelltext: (14 Zeilen) | Code markieren | Generiert in 0.00088 Sekunden.
1
2
3
4
5
6
7
8
9
10
11
12
13
14
dhcp-boot=tag:pxe,pxelinux.0
dhcp-vendorclass=set:pxe,PXEClient
dhcp-match=set:bios,60,PXEClient:Arch:00000
dhcp-boot=tag:bios,pxelinux.0,192.168.1.5
dhcp-option-force=tag:bios,209,pxelinux.cfg/default_BIOS
dhcp-match=set:efi32,60,PXEClient:Arch:00006
dhcp-boot=tag:efi32,pxelinuxEFI32.efi,192.168.1.5
dhcp-option-force=tag:efi32,209,pxelinux.cfg/default_EFI32
dhcp-match=set:efi64bc,60,PXEClient:Arch:00007
dhcp-boot=tag:efi64bc,pxelinuxEFI64.efi,192.168.1.5
dhcp-option-force=tag:efi64bc,209,pxelinux.cfg/default_EFI64
dhcp-match=set:efi64,60,PXEClient:Arch:00009
dhcp-boot=tag:efi64,pxelinuxEFI64.efi,192.168.1.5
dhcp-option-force=tag:efi64,209,pxelinux.cfg/default_EFI64
CODE Quelltext: (14 Zeilen) | Code markieren | Generiert in 0.00088 Sekunden.

Wenn Sie das getan haben, dann kopieren Sie den ganzen Code in den Zwischenspeicher und widmen sich wieder Putty. Immer noch im Editor drücken Sie nun EINMAL die Einfügen Taste auf Ihrer Tastatur. Vergewissern Sie sich, das der Cursor ganz oben Links ist. Drücken Sie nun einmal die Rechte Maustaste. Der Ganze Code sollte nun in der Datei stehen. Als nächstes müssen wir die Änderung noch speichern.

Drücken Sie dafür einmal die ESC Taste. Danach schreiben Sie folgendes:

:w und mit ENTER bestätigen. Die Meldung erscheint, das der Inhalt gespeichert wurde!
:q und mit ENTER bestätigen. Sie verlassen den Editor!

Der letzte Schritt: DHCP Server neustarten

Damit unsere Änderungen auch angenommen werden, muss der DHCP Server einmal neugestartet werden. Gehen Sie dafür im DSM auf Systemsteuerung und dann DHCP-Serverund klicken dort einmal auf DHCP deaktivieren und im Anschluss nochmals auf aktivieren.

Schritt: Der Test!

EFI32 & EFI64 Boot Test:
Der EFI64 Boot kann fehlschlagen, wenn Sie auf Ihrem System Secure Boot aktiviert haben. Die Syslinux EFI Loader sind nicht signiert und somit verweigert der Secure Boot den Start dieser Dateien. Dieses Problem gibt es auch bei sehr vielen Linux Live Systemen. Um diesem Umstand entgegen zu wirken deaktivieren Sie einfach den Secure Boot. Spätestens dann, wenn Sie sowohl Windows, als auch Linux auf Ihrem System betreiben möchten kämen Sie eh nicht daran vorbei Secure Boot zu deaktivieren.

Booten Sie nun Ihren Rechner über Netzwerk und überzeugen Sie sich davon, ob alles soweit geklappt hat. Es ist dabei egal, ob Sie das mit einem BIOS Rechner oder UEFI Rechner machen. Es funktioniert beides durch unsere Tatkräftige Arbeit. Wenn alles funktioniert gratuliere Ich ihnen, das Sie solange durchgehalten haben! Nun sollte der nächste schritt vor Veränderungen ein kleines Backup sein, damit sie durch Anpassungen nichts zerstören. Erweitern Sie jetzt nach belieben Ihre Konfigurationsdateien.

Ich werde noch Anleitungen verfassen, wie man Windows PE’s bootet, um Windows zu installieren, oder Linux Live Systeme zu starten aus dieser Umgebung heraus.