קבצים סטטיים

חלק מהיחידה יסודות Django במסלול ה-Django של Coddy. שיעור 20 מתוך 23.

הדפים של בית הקפה מוצגים בשחור על גבי לבן. גיליון סגנונות ישנה זאת, וגיליונות סגנונות, סקריפטים ותמונות הם קבצים סטטיים: השרת שולח אותם כפי שהם, בלי תצוגה. Django מוצא אותם באותו אופן שבו הוא מוצא תבניות, בתיקיית static/ של כל אפליקציה מותקנת, כאשר שם האפליקציה מופיע שוב בתוכה:

shop/static/shop/cart.js

Django מגיש אותם בכתובות שמתחילות ב-STATIC_URL, שערכו "static/" בתוך settings.py, ולכן הקובץ הזה נמצא בכתובת /static/shop/cart.js. תבנית בונה את הכתובת באמצעות {% static %}, אחרי {% load static %}:

{% load static %}
<script src="{% static 'shop/cart.js' %}"></script>

את <link rel="stylesheet" href="..."> של גיליון הסגנונות מוסיפים בתוך <head>. הוסיפו אותו ל-base.html, וכל עמוד שמרחיב אותה יקבל אותו.

אתגר

קל

הוסיפו לאתר גיליון סגנונות.

צרו את menu/static/menu/style.css עם לפחות body { background: #fdf8f2; }.
ב־base.html, טענו את תגיות הקבצים הסטטיים וקשרו את גיליון הסגנונות בתוך <head>, כך שכל עמוד יקשר אל /static/menu/style.css.

לחצו על הרצה: העמודים יקבלו גוון קרם.

נסו בעצמכם

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>{% block title %}Corner Café{% endblock %}</title>
</head>
<body>
    <nav>
        <a href="{% url 'menu:home' %}">Home</a>
        <a href="{% url 'menu:drinks' %}">Drinks</a>
        <a href="{% url 'menu:about' %}">About</a>
    </nav>
    <main>
        {% block content %}{% endblock %}
    </main>
</body>
</html>