{% filename %}blog/static/css/blog.css{% endfilename %}

}

In einer CSS-Datei werden Stile für Elemente der HTML-Datei festgelegt. Ein Weg, HTML-Elemente zu identifizieren, ist der Name des Elements. Du erinnerst dich vielleicht an diese Namen, die wir als 'Tags' im HTML Kapitel bezeichnet haben. Zum Beispiel sind `a`, `h1` und `body` solche Elementnamen. Wir identifizieren Elemente auch über die Attribute `class` oder `id`. Klassen (`class`) und IDs (`id`) sind Namen, die du den Elementen selbst gibst. Klassen definieren dabei Gruppen von Elementen und IDs verweisen auf bestimmte Elemente. Du könntest zum Beispiel den folgenden Tag anhand des Elementnamens `a`, der Klasse `external_link` oder der ID `link_to_wiki_page` identifizieren:

{% for post in posts %}

<div>

<p>published: {{ post.published_date }}</p>

<p>{{ post.text|linebreaksbr }}</p>

</div>

{% endfor %}

{% filename %}blog/static/css/blog.css{% endfilename %}

}

<div class="post">

<p>published: {{ post.published_date }}</p>

<p>{{ post.text|linebreaksbr }}</p>

</div>

{% filename %}blog/static/css/blog.css{% endfilename %}

}

}

}

}

}

}

}

}

{% for post in posts %}

<div class="post">

<p>published: {{ post.published_date }}</p>

<p>{{ post.text|linebreaksbr }}</p>

</div>

{% endfor %}

<div class="date">

<p>published: {{ post.published_date }}</p>

</div>

<p>{{ post.text|linebreaksbr }}</p>

</div>

{% endfor %}

Erstelle dann ein neues Repository und gib ihm den Namen "my-first-blog". Lass das Kontrollkästchen "initialise with a README" deaktiviert und die Einstellung der Option .gitignore leer (das haben wir schon von Hand gemacht) und lass die Lizenz auf "None".

Während du die Ausführung verfolgst, wirst du sehen, was passiert:

- Den Code von GitHub herunterladen

- Deine Einstellungen mit ein paar Veröffentlichungseinstellungen aktualisieren

- Eine Datenbank auf PythonAnywhere einrichten mit dem Befehl `manage.py migrate`

- Deine statischen Dateien einrichten (darüber lernen wir später etwas)

- PythonAnywhere so einrichten, dass es deine Web-App über seine Schnittstelle (API) präsentieren kann

Diese Schritte wurden auf PythonAnywhere automatisiert, aber es sind die selben Schritte, die du bei jedem anderen Server-Provider machen müsstest.

{% filename %}PythonAnywhere command-line{% endfilename %}

templates tests.py urls.py views.py

PythonAnywhere ist ein Dienst, mittels dem Python auf Servern "in der Cloud" ausgeführt werden kann. Wir werden ihn verwenden, um unsere Seite zu hosten, live und im Internet.

* [www.pythonanywhere.com](https://www.pythonanywhere.com/)


Wenn du dazu aufgefordert wirst, gib einen Benutzernamen (Kleinbuchstaben, keine Leerzeichen), eine Mailadresse und ein Passwort ein. **Mach dir keine Gedanken, wenn du das Passwort bei der Eingabe nicht sehen kannst - so soll es sein.** Tippe weiter und drücke `Enter`, um weiterzumachen. Du solltest nun Folgendes sehen (wobei Benutzername und Email deine eigenen sein sollten):

Password:

Password (again):

Superuser created successfully.

{% extends 'blog/base.html' %}

{% block content %}

<form method="POST" class="post-form">{% csrf_token %}

{{ form.as_p }}

<button type="submit" class="save btn btn-default">Save</button>

</div>

{% endif %}

<a class="btn btn-default" href="{% url 'post_edit' pk=post.pk %}"><span class="glyphicon glyphicon-pencil"></span></a>

<p>{{ post.text|linebreaksbr }}</p>

</div>

{% endblock %}

* Dann führe Folgendes in der [PythonAnywhere Bash-Konsole](https://www.pythonanywhere.com/consoles/) aus:

$ cd ~/<your-pythonanywhere-username>.pythonanywhere.com

$ git pull

Eine requirements-Datei enthält eine Liste von Abhängigkeiten, die von `pip install` installiert werden sollen:

djangogirls

└───requirements.txt

{% filename %}blog/models.py{% endfilename %}

from django.utils import timezone

class Post(models.Model):

title = models.CharField(max_length=200)

text = models.TextField()

created_date = models.DateTimeField(

Applying auth.0002_alter_permission_name_max_length... OK

Applying auth.0003_alter_user_email_max_length... OK

Applying auth.0004_alter_user_username_opts... OK

Applying auth.0006_require_contenttypes_0002... OK

Applying auth.0007_alter_validators_add_error_messages... OK

Applying sessions.0001_initial... OK

http://127.0.0.1:8000/

{% filename %}browser{% endfilename %}

Glückwunsch! Du hast gerade deine erste Website erstellt und sie auf deinem Webserver laufen! Ist das nicht toll?