{"title":"Menulis aplikasi Django pertama anda, bagian 6","version":"1.9","locale":"id","docname":"intro/tutorial06","url":"/id/1.9/intro/tutorial06/","canonical":"https://djangodocs.dev/id/1.9/intro/tutorial06/","summary":"Tutorial ini mulai dimana Tutorial 5 ditinggalkan. Kami telah membangun aplikasi jejak pendapat Jaringan dicoba, dan kami akan sekarang menambahkan…","html":"

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

\n

Tutorial ini mulai dimana Tutorial 5 ditinggalkan. Kami telah membangun aplikasi jejak pendapat Jaringan dicoba, dan kami akan sekarang menambahkan stylesheet dan sebuah 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 bukanlah urusan besar, karena anda dapat hanya menjaga berkas statis di suatu tempat peladen jaringan anda dapat menemukannya. Bagaimanapun, proyek lebih besar -- khususnya mereka yang terdiri dari aplikasi banyak -- berurusan dengan kumpulan banyak dari berkas statis berdasarkan setiap aplikasi mulai mendapatkan yang 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

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

Didalam direktori static anda telah buat, buat direktori lain disebut polls dan di dalamnya buat sebuah berkas disebut style.css. Dengan kata lain, stylesheet anda seharusnya di polls/static/polls/style.css. Karena bagaimana AppDirectoriesFinder penemu berkas statis bekerja, anda dapat mengacu ke berkas statis ini di Django semudah seperti polls/style.css, mirip pada bagaimana anda mengacu jalur untuk cetakan.

\n\n

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

\n
polls/static/polls/style.css
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
Django template
{% load staticfiles %}\n\n<link rel="stylesheet" type="text/css" href="{% static 'polls/style.css' %}" />\n
\n

{% load staticfiles %} memuat etiekt cetakan {% static %} dari pustaka cetakan staticfiles. Etiket cetakan {% static %} membangkitkan URL mutlak dari berkas statis.

\n

Itu semua anda butuhkan melakukan untuk pengembangan. Muat kembali http://localhost:8000/polls/ dan anda akan melihat tautan pertanyaan hijau (gaya Django!) yang berarti bahwa stylesheet anda dimuat dengan benar.

\n
\n
\n

Menambahkan gambar-latar belakangLink to this heading#

\n

Selanjutnya, kami akan membuat subdirektori untuk gambar. Buat sebuah sibdirektori images di direktori polls/static/polls/. Didalam direktori ini, taruh sebuah gambar dipanggil background.gif. Dengan kata lain, taruh gambar anda di polls/static/polls/images/background.gif.

\n

Lalu, tambahkan ke stylesheet anda (polls/static/polls/style.css):

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

Muat kembali http://localhost:8000/polls/ dan anda akan melihat latar belakang dimuat di bawah kanan 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/1.9/intro/"}],"prev":{"docname":"intro/tutorial05","title":"Menulis aplikasi Django pertama anda, bagian 5","url":"/id/1.9/intro/tutorial05/"},"next":{"docname":"intro/tutorial07","title":"Menulis aplikasi Django kedua anda, bagian 7","url":"/id/1.9/intro/tutorial07/"},"formats":{"html":"/id/1.9/intro/tutorial06/","markdown":"/id/1.9/intro/tutorial06.md","json":"/id/1.9/intro/tutorial06.json"},"source":"https://github.com/django/django/blob/stable/1.9.x/docs/intro/tutorial06.txt","official":"https://docs.djangoproject.com/id/1.9/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","fr","ja","id","pt-br","es"]}