faecher:informatik:oberstufe:git:erstes_repo:start

Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen angezeigt.

Link zu dieser Vergleichsansicht

Beide Seiten der vorigen Revision Vorhergehende Überarbeitung
Nächste Überarbeitung
Vorhergehende Überarbeitung
Letzte ÜberarbeitungBeide Seiten der Revision
faecher:informatik:oberstufe:git:erstes_repo:start [28.04.2021 15:37] – [Schritt für Schritt] sbelfaecher:informatik:oberstufe:git:erstes_repo:start [28.04.2021 21:49] – [Material] sbel
Zeile 115: Zeile 115:
 Wenn man mit den im Index vorgemerkten Änderungen zufrieden ist, macht man einen "Commit". Mit dem Befehl  ''git commit -m "Erster Commit"'' legt man einen Commit mit einer Commit-Message an (Paramter ''-m''). Wenn man die Commit-Message nicht mit ''-m'' angibt, öffnet sich ein Editor, in dem man diese bearbeiten kann. Wenn man mit den im Index vorgemerkten Änderungen zufrieden ist, macht man einen "Commit". Mit dem Befehl  ''git commit -m "Erster Commit"'' legt man einen Commit mit einer Commit-Message an (Paramter ''-m''). Wenn man die Commit-Message nicht mit ''-m'' angibt, öffnet sich ein Editor, in dem man diese bearbeiten kann.
  
-  * Überprüfe den Zustand von Arbeitsverzeichnis und Staging Area mit ''git status''. Schau dir die Liste deiner Commits mit ''git log'' an.+
  
 <code bash> <code bash>
Zeile 132: Zeile 132:
 </code> </code>
  
-Man erkennt, dass der Index wieder leer ist ("nichts zum Commit vborgemerkt") und die Datei ''style.css'' noch immer unversoniert ist.+Man erkennt, dass der Index wieder leer ist ("nichts zum Commit vorgemerkt") und die Datei ''style.css'' noch immer unversoniert ist.
  
- +Die Liste deiner Commits kann man mit ''git log'' ansehen
-Lege nun eine ''index.html'' Datei ein sowie zwei Verzeichnisse - ''css'' und ''img'':+
  
 <code> <code>
-sbel@r107-ws15:~/git$ touch index.html +[frank@rita webseite]$ git log 
-sbel@r107-ws15:~/git$ mkdir css +commit 893b24e60a391d2064ea37e61d4af0435bec4f7d (HEAD -> main) 
-sbel@r107-ws15:~/git$ mkdir img +Author: John Doe <john.doe@nirgends.nix> 
-sbel@r107-ws15:~/git$ ls+Date:   Wed Apr 28 20:16:28 2021 +0200 
 + 
 +    CSS hinzugefügt 
 + 
 +commit bb0d027bd6376da3d67c46bbeeb14e5fd1623581 
 +Author: John Doe <john.doe@nirgends.nix> 
 +Date:   Wed Apr 28 15:35:30 2021 +0200 
 + 
 +    Erster commit 
 + 
 +</code> 
 + 
 + 
 +===== Aufgaben ===== 
 + 
 + 
 +{{:aufgabe.png?nolink  |}} 
 + 
 +=== (A1) === 
 + 
 +Erkläre, was man machen muss, um von der derzeitigen Situation ausgehende, die Datei ''style.css'' ebenfalls unter Versionskontrolle zu stellen. Welche git Befehle würdest du verwenden? 
 + 
 +---- 
 +{{:aufgabe.png?nolink  |}} 
 + 
 +=== (A2) === 
 +Lege ein Verzeichnis ''webseite'' an,  erstelle dort die Dateien ''index.html'' Datei ein sowie zwei weitere Verzeichnisse - ''css'' und ''img'': 
 + 
 +<code bash> 
 +sbel@r107-ws15:~/git$ mkdir webseite 
 +sbel@r107-ws15:~/git$ cd webseite 
 +sbel@r107-ws15:~/git/webseite$ touch index.html 
 +sbel@r107-ws15:~/git/webseite$ mkdir css 
 +sbel@r107-ws15:~/git/webseite$ mkdir img 
 +sbel@r107-ws15:~/git/webseite$ ls
 css  img  index.html css  img  index.html
 </code> </code>
  
 +  * Initialisisere das Verzeichnise ''webseite'' als git-Repository.
 +  * Lasse dir den Status des Repos anzeigen
 +  * Füge die Datei und die beiden Verzeichnisse dem Index hinzu und erstelle einen ersten Commit. Untersuche den Status deines Repos. Welche Beobachtung machst du hinsichtlich der beiden Verzeichnisse?
 +
 +Erstelle nun im Verzeichnis ''css'' eine Datei ''style.css'' mit dem folgenden Inhalt:
 +
 +<code css>
 +body {
 +  color: #666;
 +}
 +
 +h1 { 
 + color: green;
 + text-decoration: underline; 
 +}
 +
 +</code>
 +
 +Füge außerdem in die Datei ''index.html'' den folgenden Inhalt ein:
 +
 +<code html>
 +<!DOCTYPE html>
 +<html lang="de">
 +  <head>
 +    <meta charset="utf-8">
 +    <meta name="viewport" content="width=device-width, initial-scale=1.0">
 +    <link rel="stylesheet" type="text/css" href="css/style.css" media="screen" />
 +    <title>Superwebseite!</title>
 +  </head>
 +  <body>
 +   <h1>Meine erste Webseite!</h1>
 +  </body>
 +</html>
 +</code>
 +
 +Untersuche jetzt den Zustand deines Repos. 
 +
 +Erstelle weiteren Commit, der die letzten Änderungen enthält. Was ist hierfür der Reihe nach zu tun?
 +
 +Ändere weitere Teile deiner Webseite. Erstelle jeweils an sinnvollen Stellen weitere Commits mit entsprechenden Commit-Messages.
 +
 +Betrachte die Ausgabe des Befehls ''git log''
 +
 +===== Material =====
  
 +{{simplefilelist>:faecher:informatik:oberstufe:git:erstes_repo:*}}