So erstellen Sie eine Website: Für Anfänger

| Von

make-website-anfänger

Wollten Sie schon immer eine Internetseite erstellen? Möglicherweise haben Sie einige unserer HTML-Tutorials (HTML-Tutorials) sowie CSS-Tutorials gelesen, wissen jedoch nicht, wie Sie diese Sprachen für größere Aufgaben verwenden sollen.

Heute werde ich Sie mit dem Prozess der Erstellung einer vollständigen Internetseite von Grund auf vertraut machen. Ärgern Sie sich nicht, wenn dies wie ein harter Kampf erscheint, ich werde Ihnen bei jedem Schritt der Methode behilflich sein.

Sie erstellen diese Website unter Verwendung von HTML, CSS und auch JavaScript mit einem Hauch von jQuery (Übersicht zu jQuery). Sie werden nichts wirklich Blutendes tun, daher sollte dieser Code in vielen modernen Internetbrowsern ziemlich gut funktionieren.

Wenn Sie sich bei CSS nicht ganz sicher sind, schauen Sie sich das an CSS-Übersicht beim W3Schools.com

Das Design

Unten ist das Design für diese Website. Schauen Sie sich ein hochauflösendes Bild an, wenn Sie es besser sehen möchten, oder laden Sie das gesamte Projekt hier herunter.

Website-Design aus Holz

Ich habe diese Website für ein imaginäres Unternehmen in erstellt Adobe Photoshop 2017. Wenn Sie interessiert sind, stellen Sie sicher, dass Sie die PSD-Daten aus dem Paket-Download abrufen. Folgendes erhalten Sie in den Photoshop-Dokumenten:

PSD-Vorlage

In der PSD finden Sie alle Ebenen, die gruppiert, benannt und schattencodiert sind:

Vorlagen-PSD-Ebenen

Sie benötigen einige Schriftstile, damit die Punkte richtig aussehen. Das erste ist Schrift Awesome , für jedes der Symbole verwendet. Die verschiedenen anderen 2 Schriften sind PT Serif und auch Myriad Pro (in Photoshop enthalten). Wenn Sie nicht genau wissen, wie Sie Schriften installieren sollen, lesen Sie anschließend unsere Übersicht.

Ärgern Sie sich nicht, wenn Sie nicht haben Adobe Photoshop Sie benötigen es nicht, um fortzufahren.

Vorläufiger Code

Nachdem das Layout klar ist, können Sie mit dem Codieren beginnen! Erstellen Sie eine neue Datei in Ihrem bevorzugten Vollbild-Editor (ich verwende Erhabener Text 3 . Speichern Sie dies als index.html Sie können dies so nennen, wie Sie möchten. Der Faktor, den viele Seiten als Index bezeichnen, ist auf die Funktionsweise von Internet-Servern zurückzuführen. Die Standardeinstellung für die meisten Server ist die Bereitstellung der Seite index.html, wenn keine Webseite definiert ist.

Wenn Sie die Details nicht erfahren möchten, holen Sie sich den vollständigen Code aus dem Download.

Unten ist der Code, den Sie benötigen:

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Noise Media</title>
<link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
<style>
/* CSS goes here, at the top of the page */
</style>
</head>
<body>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">
/* JavaScript goes here, at the bottom of the page */
</script>
</body>
</html>

Dies macht mehrere Dinge:

  • Gibt das erforderliche Mindest-HTML an.
  • Definiert einen Seitentitel von „Noise Media“
  • Besteht aus jQuery, das auf Google CDN gehostet wird (was ist ein CDN)?
  • Besteht aus Font Awesome, organisiert auf Google CDN.
  • Gibt a an Design Tag, in dem Sie Ihr CSS erstellen können.
  • Gibt a an Skript Tag, in dem Sie Ihr JavaScript erstellen können.

Speichern Sie Ihre Datei erneut und öffnen Sie sie in Ihrem Internetbrowser. Sie werden möglicherweise nicht viel sehen, und es wird im Moment definitiv nicht wie eine Website aussehen.

Erste Code Browser Vorschau

Benachrichtigung genau, wie der Titel der Webseite ist Noise Media Dies wird durch die Nachricht in der angegeben Titel Etikett. Dies muss innerhalb der sein Kopf Stichworte.

Der Header

Erlauben Sie, den Header zu erstellen. Im Folgenden sehen Sie, wie das aussieht:

Website-Header

Lassen Sie uns anfangen, das kleine graue Stück oben zu halten. Es ist hellgrau mit einem leichten Dunkelgrau darunter. Hier ist ein Abschluss:

Graue Balken-Nahaufnahme

Fügen Sie diesen HTML-Code in das Körper Tag oben:

<div ></div>

Während Sie unten sind, lassen Sie dies aufschlüsseln. EIN div ist wie ein Container, in den man andere Dinge hineinstecken kann. Diese „anderen Dinge“ können viel mehr Container, Nachrichten, Fotos, alles andere sein. Es gibt einige Einschränkungen, was in bestimmten Tags enthalten sein kann, aber divs sind eher generische Punkte. Es hat eine Ich würde von obere Leiste Dies wird sicherlich genutzt, um es mit CSS zu entwerfen und es bei Bedarf auch mit JavaScript auszurichten. Stellen Sie sicher, dass Sie nur eine Komponente mit einer bestimmten ID haben – sie sollte einzigartig sein. Wenn Sie möchten, dass zahlreiche Elemente denselben Namen haben, verwenden Sie a Kurs eher – es ist das, wofür sie entwickelt wurden! Unten finden Sie das CSS, das Sie zum Entwerfen benötigen (oben in Ihrem Design Etikett):

html, body {
margin: 0;
padding: 0;
font-family: 'Helvetica', 'Arial'; /* initial fonts */
}
#top-bar {
width: 100%;
background: #F1F1F1; /* light gray */
border-bottom: 1px solid #D4D4D4; /* dark gray "underline" */
height: 25px;
}

Benachrichtigung darüber, wie der Hash-Indikator (#, Hashtag, Pfund-Anzeige) vor dem Namen verwendet wird. Dies legt nahe, dass der Aspekt eine ID ist. Wenn Sie eine Klasse verwenden würden, würden Sie sicherlich eher einen Punkt (.) Verwenden. Das html und auch Körper Tags haben ihre Polsterung und auch den Rand auf absolut nein gesetzt. Dies schützt vor unerwünschten Abstandsproblemen.

Es ist Zeit, mit dem Logo und der Navigationsleiste fortzufahren. Bevor Sie beginnen, benötigen Sie einen Container, in den Sie diesen Inhalt einfügen können. Lassen Sie dies zu einem Kurs werden (damit Sie ihn in Zukunft wiederverwenden können), und auch so, wie er ist nicht Eine reaktionsschnelle Internetseite mit einer Breite von 900 Pixel.

HTML:

<div >
</div>

CSS:

.normal-wrapper {
width: 900px;
margin: 0 auto;
padding: 15px 40px;
background: red;
overflow: auto;
}

Es kann schwierig sein, zu informieren, was vor sich geht, bis Sie den Code erhalten. Daher kann es hilfreich sein, einen (kurzlebigen) farbigen Verlauf hinzuzufügen, um zu sehen, was passiert:

background: red;

Es ist Zeit, das Logo jetzt zu erstellen. Schrift Awesome wird für das Symbol selbst benötigt. Typeface Awesome ist eine Reihe von Symbolen, die als Vektorschriftstil verpackt sind – unglaublich! Der vorläufige Code über das derzeit eingerichtete Font Awesome, also ist alles bereit!

Fügen Sie diesen HTML-Code in die Normal-Wrapper div:

<div >
<i ></i> <h1>Noise Media</h1>
</div>

CSS:

.logo-icon {
color: #000000;
font-size: 60pt;
float: left;
}
h1 {
float: left;
margin: 21px 0 0 25px;
}

Machen Sie sich keine Sorgen um die anderen Schriftarten, die nicht zum Design passen – das werden Sie sicherlich später aufräumen. Wenn Sie verschiedene Symbole verwenden möchten, gehen Sie direkt zum Font Style Awesome Icons Webseite und dann ändern fa-Lautstärke verringern auf den Namen des Symbols, das Sie verwenden möchten.

Wenn Sie zur Navigationsleiste wechseln, werden Sie sicherlich eine ungeordnete Liste verwenden ( UL dafür. Fügen Sie diesen HTML-Code nach dem hinzu Logo-Container (und doch noch in der Normal-Wrapper ::

<ul >
<li><a href="">Home</a></li>
<li><a href="">About</a></li>
<li><a href="">Reviews</a></li>
<li><a href="" >Contact</a></li>
</ul>

Das href wird verwendet, um auf andere Webseiten zu verlinken. Diese Leitfaden-Website enthält keine anderen Webseiten. Sie können jedoch den Namen und den Dokumentpfad (falls erforderlich) unten einfügen, z reviews.html Stellen Sie sicher, dass Sie dies in beide doppelten Anführungszeichen setzen.

Unten ist das CSS:

#navbar {
list-style-type: none; /* remove bullet points */
margin: 29px 0 0 0;
padding: 0;
float: right;
font-size: 16pt;
}
#navbar li {
display: inline; /* make items horizontal */
}
#navbar li a:link, #navbar li a:visited, #navbar li a:active {
text-decoration: none; /* remove underline */
color: #000000;
padding: 0 16px 0 10px; /* space links apart */
margin: 0;
border-right: 2px solid #B4B4B4; /* divider */
}
#navbar li a:link.last-link {
/* remove divider */
border-right: 0px;
}
#navbar li a:hover {
/* change color on hover (mouseover) */
color: #EB6361;
}

Dieses CSS beginnt mit einem ungeordnete Liste Danach werden die Aufzählungsfaktoren entfernt, die verwendet werden Listenstil-Typ: keine; Hyperlinks sind etwas voneinander entfernt und erhalten auch eine Farbe, wenn Sie mit der Maus darüber fahren. Das kleine graue Trennfeld ist ein geeigneter Ansatz für jede Komponente, der dann für die letzte Komponente, die das verwendet, eliminiert wird letzter Link Kurs. Genau das ähnelt dem:

Website Navbar Hover

Alles, was für diesen Abschnitt übrig bleibt, ist die rote, gerade Farbbetonung. Fügen Sie diesen HTML-Code nach dem ein Normal-Wrapper ::

<div ></div>

Und unten ist das CSS:

#top-color-splash {
width: 100%;
height: 4px;
background: #EB6361;
}

Das ist der führende Abschnitt. Hier ist, was es ähnelt – ziemlich vergleichbar mit dem Stil, oder?

Oberer Abschnitt der Website abgeschlossen

Hauptinhaltsbereich

Derzeit ist es an der Zeit, den Hauptinhaltsbereich fortzusetzen – das vermeintliche „über der Falte“. Im Folgenden sehen Sie, wie diese Komponente aussieht:

Website Hauptbereich

Dies ist eine recht einfache Komponente, ein Text von links mit einem Foto auf der rechten Seite. Dieser Ort wird sein lose in Drittel geteilt, ungefähr in Annäherung an den Goldenen Schnitt.

Sie benötigen das Beispielbild für diesen Teil. Es besteht aus im Download. Dieses Bild ist 670px breit und stammt ebenfalls aus unserem Panasonic Lumix DMC-G80 / G85-Test.

Fügen Sie den HTML-Code nach dem hinzu Top-Farbspritzer Element:

<div >
<div >
<h2 >Welcome!</h2>
<p>Noise Media is a technology company specialising in tech reviews.</p>
<p>We’re very good at what we do, but unfortunately, we are not a real company.</p>
<p>Make sure you visit virtualworldnews.de for the full tutorial on how to build this website.</p>
<p>Alternatively, check out our review of the Panasonic G80 shown on the right!</p>
</div>
<div >
<img src="https://virtualworldnews.de/tag/make-website-beginners/Image_1.jpg" />
</div>
</div>

Beachten Sie, wie die Normal-Wrapper Element ist zurückgekehrt (das ist das Vergnügen, Klassen zu verwenden). Sie fragen sich vielleicht, warum das Bild ( img Tag wird nicht geschlossen. Dies ist ein selbstschließendes Tag. Die Vorwärtsreduzierung (/ >> zeigt dies an, da es nicht immer sinnvoll ist, ein Tag schließen zu müssen.

CSS:

.one-third {
width: 40%;
float: left;
box-sizing: border-box; /* ensure padding and borders do not increase the size */
margin-top: 20px;
}
.two-third {
width: 60%;
float: left;
box-sizing: border-box; /* ensure padding and borders do not increase the size */
padding-left: 40px;
text-align: right;
margin-top: 20px;
}
.featured-image {
max-width: 500px; /* reduce image size while maintaining aspect ratio */
}
.no-margin-top {
margin-top: 0; /* remove margin on things like headers */
}

Eines der wichtigsten Merkmale hier ist Box-Größe: Border-Box; Dies stellt sicher, dass die Elemente ständig eine Größe von 40% oder 60% haben. Die Standardeinstellung (ohne diese Funktion) ist Ihre definierte Größe sowie jede Art von Dämpfung, Rändern und auch Grenzen. Die Bildklasse ( vorgestellten-Bild hat ein maximale Breite von 500px Wenn Sie nur eine Dimension (eine Größe oder eine Höhe) definieren und auch die andere leer lassen, ändert CSS die Größe des Fotos, während die Elementproportionen beibehalten werden.

Preisangebot Bereich

Erlauben Sie, den Angebotsbereich zu erstellen. Nachfolgend sehen Sie Folgendes aus:

Website-Angebotsbereich

Dies ist ein zusätzlicher einfacher Bereich. Es enthält einen dunkelgrauen Hintergrund mit weiß zentriertem Text.

Fügen Sie diesen HTML-Code nach dem vorherigen ein Normal-Wrapper ::

<div >
<div >
<h3>“virtualworldnews.de is the best website ever”</h3>
<h4>Joe Coburn</h4>
</div>
</div>

Und danach dieses CSS:

#quote-area {
background: #363636;
color: #FFFFFF;
text-align: center;
padding: 15px 0;
}
h3 {
font-weight: normal;
font-size: 20pt;
margin-top: 0px;
}
h4 {
font-weight: normal;
font-size: 16pt;
margin-bottom: 0;
}

Hier ist nicht viel los. Die Größe ist die wichtigste erforderliche Änderung – Schriftgröße, Abstand usw. Im Folgenden sehen Sie, wie der gesamte Punkt derzeit aussieht – er fängt an, einer Website zu ähneln!

Website-Fortschritt

Symbolbereich

Erlauben Sie weiter – es ist praktisch gelandet! Hier ist der nächste Bereich, der erstellt werden muss:

Website-Symbolbereich

Dieser Teil wird sicherlich mehrere Klassen verwenden. Die drei Symbole sind größtenteils identisch, mit Ausnahme des Webinhalts. Daher ist es sinnvoll, Kurse anstelle von IDs zu verwenden. Fügen Sie diesen HTML-Code nach dem vorherigen ein Zitat-Bereich ::

<div >
<div >
<div >
<i ></i>
</div>
<h5>YouTube</h5>
<p>Checkout our YouTube channel for more tech reviews, tutorials and giveaways!</p>
</div>
<div >
<div >
<i ></i>
</div>
<h5>Reviews</h5>
<p>If you’re planning to buy a new gadget, check here first. We’ll give you in-depth reviews of the latest devices.</p>
</div>
<div >
<div >
<i ></i>
</div>
<h5>Buying Guides</h5>
<p>At Buying Guides we strive to provide readers with the tools to get the best stuff for the lowest amount of money.</p>
</div>
</div>

Diese 3 Symbole sind auch Font-Awesome Der HTML-Code nutzt wieder die Normal-Wrapper Klasse. Unten ist das CSS:

.icon-outer {
box-sizing: border-box; /* ensure padding and borders do not increase the size */
float: left;
width: 33.33%;
padding: 25px;
margin: 0;
text-align: center;
}
.icon-circle {
background: #EEEEEE;
color: #B4B4B4;
width: 200px;
height: 200px;
border-radius: 200px; /* make rounded corners */
margin: 0 auto;
border: 2px solid #D6D6D6;
box-sizing: border-box; /* ensure padding and borders do not increase the size */
font-size: 75pt;
padding: 30px 0 0 0;
cursor: pointer;
}
.icon-circle:hover {
/* change color on hover (mouseover) */
color: #FFFFFF;
background: #EB6361;
}
h5 {
margin: 15px 0 10px 0;
font-size: 20pt;
}

Es gibt ein paar brandneue Dinge im CSS. Die abgerundeten Ecken werden von festgelegt Randradius: 200px; Wenn Sie diesen Wert wie die Breite einstellen, erhalten Sie einen besten Kreis. Sie können dies reduzieren, wenn Sie noch mehr von einem Quadrat mit abgerundeten Kanten wählen würden. Beachten Sie genau, wie Hover-Aktionen auf die Divs angewendet werden – es ist nicht nur auf Links beschränkt. Genau so sieht dieser Abschnitt derzeit aus:

Website-Symbole schweben

Die Fußzeile

Das Letzte, was zu tun ist, ist die Fußzeile! Dies ist eigentlich einfach, da es sich lediglich um eine Grauzone ohne Text handelt. Fügen Sie diesen HTML-Code nach den Symbolpositionen hinzu. Normal-Wrapper ::

<div ></div>

Hier ist das CSS:

#footer {
width: 100%;
background: #F1F1F1; /* light gray */
border-top: 1px solid #D4D4D4; /* dark gray "topline" */
height: 150px;
}

Sehen – eigentlich unkompliziertes Zeug.

Fügen Sie etwas Pizzazz hinzu

Das war’s, die Codierung ist fertig! Sie können Punkte definitiv so lassen, wie sie sind, es ist eine fertige Webseite. Möglicherweise haben Sie jedoch festgestellt, dass das Layout nicht genau so aussieht. Der Hauptfaktor hierfür sind die verwendeten Schriftarten. Lassen Sie das zu.

Die für viele Titel verwendete Schriftart ist Myriad Pro Das beinhaltet Adobe Produzieren Sie Cloud, aber es wird nicht als Webfont angeboten. Der derzeit auf der Seite verwendete Schriftstil ist Helvetica Das sieht in Ordnung aus, so dass Sie es trotzdem so lassen können, wie es ist PT Sans ist als Webfont verfügbar. Der für den gesamten Text verwendete Schriftstil ist PT Serif , die als Webfont angeboten wird.

Webfonts sind ein unkomplizierter Prozess. Ähnlich wie beim Packen einer neuen Schriftart auf Ihr Computersystem können Webseiten Schriftarten nach Bedarf packen. Eine der effektivsten Methoden, um dies zu tun, ist via Google Fonts

Fügen Sie dieses CSS hinzu, um zu den viel besseren Schriftarten zu wechseln:

@import url('https://fonts.googleapis.com/css?family=PT+Sans');
@import url('https://fonts.googleapis.com/css?family=PT+Serif');
h1, h2, h4, h5, h6 {
font-family: 'PT Sans', 'Helvetica', 'Arial';
}

Ändern Sie derzeit Ihre HTML- und Textaspekte, um die neuen Schriftarten zu verwenden:

font-family: 'PT Serif', 'Helvetica', 'Arial';

Beachten Sie, dass der h3-Aspekt nicht in der Liste enthalten ist – dies wird fehlschlagen PT-Serif lieber als PT-Sans

Als letzte kleine Schönheit verwenden wir JavaScript, um mit drei verschiedenen hervorgehobenen Bildern zu scrollen. Sie werden benötigen Bild_2 und auch Bild_3 Auch für diesen Teil ist dies optional. Die Internetseite ist jetzt ohne diese Funktion völlig praktisch. Genau hier ist, wie es aussehen wird (beschleunigt):

Bilder zum Scrollen der Website

Ändern Sie Ihren HTML-Code so, dass er aus 3 enthaltenen Fotos besteht. Benachrichtigung darüber, wie zwei davon eine CSS-Klasse von haben verdeckt Jedem Foto wurde tatsächlich eine ID angeboten, um sicherzustellen, dass das JavaScript jedes einzeln anvisieren kann.

<div >
<img src="https://virtualworldnews.de/tag/make-website-beginners/Image_1.jpg" />
<img src="https://virtualworldnews.de/tag/make-website-beginners/Image_2.jpg" />
<img src="https://virtualworldnews.de/tag/make-website-beginners/Image_3.jpg" />
</div>

Hier ist das CSS, das benötigt wird, um die hinzugefügten hervorgehobenen Bilder zu verbergen:

.hidden {
display: none;
}

Nachdem HTML und CSS gepflegt sind, können Sie auf JavaScript umschalten. Es ist nützlich, das Document Object Model (DOM) für diese Komponente zu erkennen, es ist jedoch keine Anforderung.

Suchen Sie die Manuskript Speicherort am Ende der Webseite:

<script type="text/javascript">
/* JavaScript goes here, at the bottom of the page */
</script>

Fügen Sie das folgende JavaScript in das ein Manuskript Etikett:

/* JavaScript goes here, at the bottom of the page */
$(document).ready(function() {
// run once the page is ready
var time = 2500;
// get the image containers
$im1 = $('#f-image-1');
$im2 = $('#f-image-2');
$im3 = $('#f-image-3');
setInterval(function(){
// call function every x milliseconds (defined in time variable above)
changeImage();
}, time);
var currentImage = 1;
function changeImage(){
switch(currentImage) {
case 1:
// show image 2
$im1.hide();
$im2.show();
$im3.hide();
currentImage = 2;
break;
case 2:
// show image 3
$im1.hide();
$im2.hide();
$im3.show();
currentImage = 3;
break;
default:
// show image 1
$im1.show();
$im2.hide();
$im3.hide();
currentImage = 1;
}
}
});

Hier passieren ein paar Dinge. Der Code besteht aus innen $ (Papier). bereit() Dies deutet darauf hin, dass es mit Sicherheit ausgeführt wird, sobald Ihr Browser die Seite bereitgestellt hat – dies ist eine gute Technik. Das setInterval () Funktion wird verwendet, um die aufzurufen changeImage () Funktion häufig in einem vordefinierten Intervall in Nanosekunden (1000 Millisekunden = 1 Sekunde). Dies ist in der gespeichert Zeit Variable. Sie können dies erhöhen oder verringern, um das Scrollen zu beschleunigen oder zu verringern. Schließlich wird eine einfache Fallbeschreibung verwendet, um verschiedene Fotos anzuzeigen und das aktuell angezeigte Foto zu verfolgen.

Codierungsherausforderung

Das ist es! Hoffentlich haben Sie während des gesamten Prozesses viel herausgefunden. Wenn Sie eine Schwierigkeit teuer machen und auch Ihre brandneuen Fähigkeiten auf die Probe stellen möchten, können Sie diese Änderungen ausführen:

Fügen Sie eine Fußzeile hinzu: Fügen Sie eine Nachricht direkt in die Fußzeile ein (Tipp: Sie können die wiederverwenden Normal-Wrapper ebenso gut wie ein Drittel / zwei Drittel Kurse.).

Verbessern Sie den Bildlauf: Passen Sie das JavaScript an, um die Fotoanpassungen zu animieren (Tipp: Schauen Sie sich jQuery an einblenden und auch animieren .

Implementieren Sie mehrere Anführungszeichen: Ändern Sie die Anführungszeichen so, dass sie zwischen verschiedenen Anführungszeichen geändert werden (Tipp: Sehen Sie sich den Bildlaufcode für einen Startfaktor an).

Server einrichten: Konfigurieren Sie einen Server und senden Sie Daten zwischen der Webseite und dem Server (Hinweis: Lesen Sie unsere Anleitung zu JSON und auch Python).

Wenn Sie mit JavaScript vertraut sind oder Erfahrung mit Ruby haben, können Sie versuchen, eine Site mit einem statischen Bauunternehmer für Internetseiten wie GatsbyJS oder Jekyll zu erstellen.

Klicken Sie, um diesen Beitrag zu bewerten!
[Gesamt: 0 Durchschnitt: 0]

Andere verwandte Artikel

So erstellen Sie eine Tabelle in SQL

Zu wissen, wie man eine SQL-Tabelle richtig erstellt, ist vielleicht eine der wichtigsten Fähigkeiten, die ein angehender Datenbankentwickler haben sollte….

So benennen Sie einen Zweig in Git . um

Git ist ein beliebtes Variationskontrollsystem, das es sehr einfach macht, Zweignamen zu ändern. Programmierer möchten möglicherweise Zweignamen für viele Faktoren…

Python lernen? So kopieren Sie eine Datei

Möchten Sie Ihre Python-Kenntnisse verbessern? Danach können Sie versuchen, einige Aufgaben auf Ihrem Computer mit Python auszuführen. Das Duplizieren sowie…

GitHub-Tastaturkürzel-Spickzettel für Windows und Mac

GitHub ist ein Code-Hosting-System für die Softwareentwicklung und Versionskontrolle. Es bietet viele Kooperationsattribute wie Fehlerüberwachung, kontinuierliche Kombination, Attributanforderungen, Jobmanagement sowie…

Schreibe einen Kommentar