{"title":"Menulis aplikasi Django pertama anda, bagian 6","version":"4.2","locale":"id","docname":"intro/tutorial06","url":"/id/4.2/intro/tutorial06/","canonical":"https://djangodocs.dev/id/4.2/intro/tutorial06/","summary":"Tutorial ini memulai dimana Tutorial 5 ditinggalkan. Kami telah membangun sebuah aplikasi poling jaringan, dan kami akan menambahkan lembar gaya dan gambar.…","html":"

Menulis aplikasi Django pertama anda, bagian 6Link to this heading#

\n

Tutorial ini memulai dimana Tutorial 5 ditinggalkan. Kami telah membangun sebuah aplikasi poling jaringan, dan kami akan menambahkan lembar gaya dan gambar.

\n

Disamping dari HTML dibangkitkan oleh peladen, aplikasi jaringan umumnya butuh melayani berkas-berkas tambahan - seperti gambar, JavaScript, atau CSS - perlu untuk membangun halaman jaringan lengkap. Di Django, kami mengacu pada berkas-berkas ini sebagai "berkas statis".

\n

Untuk proyek kecil, ini bukan urusan yang besar, karena anda dapat menyimpan berkas statis disuatu tempat peladen jaringan anda dapat menemukan itu. Bagaimanapun, dalam proyek terbesar, -- khususnya yang terdiri dari aplikasi - aplikasi banyak -- berhubungan dengan banyak kumpulan dari berkas statis disediakan oleh setiap aplikasi mulai menjadi rumit.

\n

Itulah django.contrib.staticfiles diperuntukkan: dia mengumpulkan berkas statis dari setiap aplikasi anda (dan tempat lain apapun anda tentukan) kedalam tempat tunggal yang dapat dengan mudah dilayani di produksi.

\n\n
\n

Sesuaikan aplikasi anda penampilan dan perasaanLink to this heading#

\n

Pertama, buat sebuah direktori dipanggil static di direktori polls anda. Django akan mencari berkas statis disana, sama halnya bagaimana Django menemukan cetakan didalam polls/templates/.

\n

Pengaturan Django STATICFILES_FINDERS mengandung daftar dari penemu yang mengetahui bagaimana menemukan berkas statis dari beragam sumber. Satu dari awalnya adalah AppDirectoriesFinder yang mencari subdirektori "statis" di setiap dari INSTALLED_APPS, seperti satu di polls kami telah buat. Situs admin menggunakan struktur direktori sama untuk berkas statis nya.

\n

Dalam direktori static anda telah buat, buat direktori lain dipanggil polls dan dalam itu buat sebuah berkas dipanggil style.css. Dengan kata lain, gaya kertas anda harus di polls/static/polls/style.css. karena bagaimana pencari berkas statis AppDirectoriesFinder bekerja, anda dapat mengacu ke berkas statis ini dalam Django sebagai polls/style.css, mirip bgaimana anda mengacukan jalur untuk cetakan.

\n\n

Taruh kode berikut di stylesheet itu (polls/static/polls/style.css):

\n
polls/static/polls/style.css
\n
Css
li a {\n    color: green;\n}\n
\n

Selanjutnya, tambahkan berikut pada atas polls/templates/polls/index.html:

\n
polls/templates/polls/index.html
\n
Django template
{% load static %}\n\n<link rel="stylesheet" href="{% static 'polls/style.css' %}">\n
\n

Etiket cetakan {% static %} membagnkitkan URL mutlak dari berkas-berkas tetap.

\n

Itu semua yang anda butuhkan untuk pengembangan.

\n

Mulai peladen (atau mulai kembali jika sudah berjalan):

\n

Linux / macOS

Shell
$ python manage.py runserver\n
\n

Windows

Windows
...\\> py manage.py runserver\n
\n

Memuat kembali http://localhost:8000/polls/ dan anda harus melihat bahwa tautan pertanyaan adalah hijau (gaya Django!) yang berarti bahwa lembar gaya anda dengan benar dimuat.

\n
\n
\n

Menambahkan gambar-latar belakangLink to this heading#

\n

Selanjutnya, kami akan membuat sebuah sub direktori untuk gambar. Buat sebuah sub direktori images dalam direktori polls/static/polls/. Didalam direktori ini, tambah berkas gambar apapun yang akan anda gunakan sebagai latar belakang. Untuk tujuan panduan ini, kami menggunakan berkas yang dinamai background.png, yang mempunyai jalur penuh polls/static/polls/images/background.png.

\n

Kemudian, tambah sebuah acuan ke gambar anda dalam lembar gaya (polls/static/polls/style.css):

\n
polls/static/polls/style.css
\n
Css
body {\n    background: white url("images/background.png") no-repeat;\n}\n
\n

Muat kembali http://localhost:8000/polls/ dan anda harus melihat latar belakang dimuat di kiri atas dari layar.

\n\n

Ini adalah dasar. Untuk lebih rinci di pengaturan dan lainnya disertakan dengan kerangka lihat bagaimana berkas statis dan acuan berkas statis. Menyebarkan berkas statis mengobrolkan bagaimana menggunakan berkas statis di peladen sebenarnya.

\n

Ketika anda nyaman dengan berkas statis, baca bagian 7 dari tutorial ini untuk belajar bagaimana menyesuaikan pembangkitan-otomatis Django situs admin.

\n
","rootId":"writing-your-first-django-app-part-6","toc":[{"title":"Sesuaikan aplikasi anda penampilan dan perasaan","anchor":"customize-your-app-s-look-and-feel","children":[]},{"title":"Menambahkan gambar-latar belakang","anchor":"adding-a-background-image","children":[]}],"breadcrumbs":[{"docname":"intro/index","title":"Mulai","url":"/id/4.2/intro/"}],"prev":{"docname":"intro/tutorial05","title":"Menulis aplikasi Django pertama anda, bagian 5","url":"/id/4.2/intro/tutorial05/"},"next":{"docname":"intro/tutorial07","title":"Menulis aplikasi Django kedua anda, bagian 7","url":"/id/4.2/intro/tutorial07/"},"formats":{"html":"/id/4.2/intro/tutorial06/","markdown":"/id/4.2/intro/tutorial06.md","json":"/id/4.2/intro/tutorial06.json"},"source":"https://github.com/django/django/blob/stable/4.2.x/docs/intro/tutorial06.txt","official":"https://docs.djangoproject.com/id/4.2/intro/tutorial06/","inVersions":["6.1","6.0","5.2","5.1","5.0","4.2","4.1","4.0","3.2","3.1","3.0","2.2","2.1","2.0","1.11","1.10","1.9"],"inLocales":["en","zh-hans","fr","ja","id","it","pt-br","ko","es","el","pl"]}