می ریم داخل مسیر blog مسیر اصلی پروژه
یک پوشه به نام templates داخلش می سازیم
داخل پوشه templates پوشه ای به نام intro می سازیم
داخل این پوشه یک فایل به نام boltanweb.html می سازیم و کد زیر را داخلش قرار می دهیم:
<html dir="rtl">
<head>
<link rel="stylesheet" type="text/css" href="">
<style>
body {
background-image: url("");
}
</style>
</head>
<body>
<div class="box">
<div class="mainmenu">
<ul>
<li><a href="#"> Home</a></li>
<li><a href="#"> menu</a></li>
<li><a href="#"> faq</a></li>
<li><a href="#"> Contact</a></li>
</ul>
</div>
</div>
<div class="wd">
<div id="content2">sss</div>
<div class="wd2">
<h1> Welcome to Injaa</h1>
<h4> <i>Order delicious food online, 100% quality, safety and taste assured.</i></h4>
<h2> Call 999999999 for reservations</h2>
<div class="opt">
<form action="" method="post">
<input type="button" value="ORDER NOW">
</form>
<p>adminesite.com</p>
</div>
</div>
</div>
</body>
</html>
در فایل setting.py که در مسیر blog/blog قرار دارد، بخش TEMPLATES را به صورت زیر اصلاح می کنیم:
TEMPLATES = [
{
'BACKEND': 'django.template.backends.django.DjangoTemplates',
'DIRS': [BASE_DIR / 'templates'],
'APP_DIRS': True,
'OPTIONS': {
'context_processors': [
'django.template.context_processors.debug',
'django.template.context_processors.request',
'django.contrib.auth.context_processors.auth',
'django.contrib.messages.context_processors.messages',
],
},
},
]
سپس در bash console دستور زیر را اجرا می کنیم:
python manage.py collectstatic
سپس فایل views.py مربوط به آپ intro را به صورت زیر تغییر می دهیم
یعنی متد bloltanview
را به صورت زیر اضافه می کنیم:
def boltanview(request):
return render(request,"intro/boltanweb.html")
فایل urls.py که در مسیر blog/blog قرار دارد را به صورت زیر تغییر می دهیم:
from django.contrib import admin
from django.urls import path
from intro import views
urlpatterns = [
path('admin/', admin.site.urls),
path('',views.index, name='index' ),
path('intro/',views.blotanview, name='boltanview' ),
]
سپس از بخش web یکبار دیگر گزینه reload را می زنیم
و بعد از آن به آدرس سایت که آخرش /intro اضافه شده می رویم باید html ما نشان داده شود:
https://behnamjangoo.pythonanywhere.com/intro/
--------------
{% static %}
*{
box-sizing:border-box;
}
body{
font-size:20px;
color: white;
background-size: cover;
}
div#content2{
width: 67%;
height: 539;
background-color:green;
float: right;
margin: 0px;
padding: 60px;
opacity: 0.8;
}
.box{ width: 900px;
float:right;}
.box ul li{
width: 120px;
float:left;
margin: 10px auto;
text-align: center;
list-style:none;
}
.box ul li a {color:#fff;}
.mainmenu
.mainmenu a
.mainmenu a:hover
.mainmenu img{
position: fixed;
z-index: -1;
top:0px; left:0px; width:100%; height: 100vh;
opacity: 0.9;
/*object-fit:cover;*/
transition: all ease 0.5s;
}
.wd{
width: 100%;
height: 539px;
}