Anda di halaman 1dari 6

Praktikum Membuat Website sederhana dengan Django

DAFFA DZUFADHLI
2203421045
BM2B

TUTORIAL PEMBUATAN

1. Buka cmd, lalu buat folder Django

2. Lalu masuk ke folder Django

3. Kemudian buat virtual environment (disini saya membuat venv dengan nama Env)

4. Lalu kita aktifkan virtual environmentnya

5. Setelah Env aktif, maka tampilannya seperti ini

6. Kemudian kita install Django

7. Kemudian kita buat project (disini saya memberi nama projectnya yaitu myweb)

8. Kemudian masuk ke project kita tersebut


9. Untuk menjalankan website, ketikan perintah dibawah ini
10. Lalu akan muncul seperti ini, lalu kita copy alamat local host
(http://127.0.0.1:8000/) ke browser

11. Maka hasilnya akan seperti di bawah ini, hal ini berarti web server kita sudah
berjalan

12. Buka Visual Studio, lalu buka folder project kita tadi yaitu folder myweb
13. Klik folder myweb, lalu klik views.py, lalu ketikkan seperti di bawah ini
14. fromdjango.shortcutsimportrender
Lalu klik folder myweb, lalu klik urls.py, lalu ketikkan seperti di bawah ini
fromdjango.contribimportadminfr
omdjango.urlsimportpath
defindex(request)
:context={
'judul':'Home',
urlpatterns=[
}
path('admin/',admin.site.urls),
] returnrender(request,'index.html',context)
15. Untuk menambahkan background, maka kita buat folder static, kemudian di
dalam
folder static buat folder img, lalu masukkan background yg diinginkan.

16. Agar background yang kita inginkan tadi bisa muncul maka buat
folder template, lalu buat file dengan nama index.html

17. Lalu pada index.html ketikkan seperti di bawah ini


<!DOCTYPEhtml>
<html>
<head>
<title>WebsitesederhanadenganDjango</title>
</head>

<body>
<h1>SelametDatengye</h1>

</body>
body{
background-image:url("static/img/
pemandangan.jpg");position:fixed;
width:100%;
height:100%;
background-size:100%
}
</style>

</html>
18. Kemudian pada folder myweb, klik setting.py lalu atur seperti dibawah ini
TEMPLATES=[
{
'BACKEND':'django.template.backends.django.DjangoTemplates','DIRS':
[],
'APP_DIRS':True
,'OPTIONS':{
'context_processors':
['django.template.context_processors.debug','django.templ
ate.context_processors.request','django.contrib.auth.cont
ext_processors.auth','django.contrib.messages.context_pro
cessors.messages',
],
},
},
]

WSGI_APPLICATION='myweb.wsgi.application'#Da

tabase
#https://docs.djangoproject.com/en/4.2/ref/settings/#databases

DATABASES={
'default':{
'ENGINE':'django.db.backends.sqlite3'
,'NAME':BASE_DIR/'db.sqlite3',
}
}
19. Saat dijalankan maka tampilannya seperti di bawah ini

Anda mungkin juga menyukai