بسم الله الرحمن الرحيم
دورة تصميم موقع مدرسة كامل من البداية الي النهاية
هذه الدورة للمبتدئين في البرمجة
حيث نتعلم كيف نقوم بعمل مشروع كامل
الدرس الثالث
كود الدرس:-
1- في school اسمه index.html
2- في style واسمه style.css
بداخل ملف index.html نكتب قبل </body>
<div class="center">
<div class="r_center"></div>
<div class="c_center"></div>
<div class="l_center"></div>
</div>
<div class="footer">
<div class="top_footer"></div>
<div class="do_footer">جميع الحقوق محفوظة </div>
</div>
<div class="r_center"></div>
<div class="c_center"></div>
<div class="l_center"></div>
</div>
<div class="footer">
<div class="top_footer"></div>
<div class="do_footer">جميع الحقوق محفوظة </div>
</div>
و في ملف style.css نكتب نكمل الملف
.center{width:1200px; margin-left:auto; margin-right:auto; margin-top:10px; }
.r_center{ width:250px; float:right; border-left:1px #0A597A solid;}
.c_center{width:650px; float:right; margin-right:22px;}
.l_center{width:250px; float:left; border-right:1px #0A597A solid;}
.footer{width:1200px; margin-left:auto; margin-right:auto; margin-top:10px; background:#3f86bc; border:#000000 solid 1px; }
.do_footer{width:100%; font-size:18px; text-align:center; color:#000000;}
.r_center{ width:250px; float:right; border-left:1px #0A597A solid;}
.c_center{width:650px; float:right; margin-right:22px;}
.l_center{width:250px; float:left; border-right:1px #0A597A solid;}
.footer{width:1200px; margin-left:auto; margin-right:auto; margin-top:10px; background:#3f86bc; border:#000000 solid 1px; }
.do_footer{width:100%; font-size:18px; text-align:center; color:#000000;}
إرسال تعليق