بسم الله الرحمن الرحيم
دورة تصميم موقع مدرسة كامل من البداية الي النهاية
هذه الدورة للمبتدئين في البرمجة
حيث نتعلم كيف نقوم بعمل مشروع كامل
الدرس الرابع
كود الدرس:-
1- في school اسمه index.html
2- في style واسمه style.css
بداخل ملف index.html نكتب قبل <div class="center">
<div class="news"><marquee>تم افتتاح الموقع الجديد للمدرسة</marquee></div>
ثم نكتب بعد <div class="r_center">
<div class="bolck_head">القائمة الرئيسية</div>
<div class="bolck_body">
<div class="menu">
<ul>
<li><a href="#">الصفحة الرئيسية</a></li>
<li><a href="#" >كلمة مدير المدرسة</a></li>
<li><a href="#">التعريف بالمدرسة</a></li>
<li><a href="#" >النتيجة</a></li>
<li><a href="#">لوحة الشرف</a></li>
<li><a href="#">معرض الصورة</a></li>
<li><a href="#">المكتبة</a></li>
<li><a href="#">معمل الكمبيوتر</a></li>
<li><a href="#">معمل العلوم</a></li>
<li><a href="#">اتصل بنا</a></li>
</ul>
</div>
</div>
<div class="bolck_body">
<div class="menu">
<ul>
<li><a href="#">الصفحة الرئيسية</a></li>
<li><a href="#" >كلمة مدير المدرسة</a></li>
<li><a href="#">التعريف بالمدرسة</a></li>
<li><a href="#" >النتيجة</a></li>
<li><a href="#">لوحة الشرف</a></li>
<li><a href="#">معرض الصورة</a></li>
<li><a href="#">المكتبة</a></li>
<li><a href="#">معمل الكمبيوتر</a></li>
<li><a href="#">معمل العلوم</a></li>
<li><a href="#">اتصل بنا</a></li>
</ul>
</div>
</div>
و في ملف style.css نكتب نكمل الملف
.news{ clear:none; width:1200px; height:20px; font-size:18px;
margin-right:auto; margin-left:auto; padding-top:5px; padding-bottom:5px;
background:#8FA8B3;}
.bolck_head{ height:30px; text-align:center; background:#3f86bc; border:#000000 solid 1px; font-size:18px;}
margin-right:auto; margin-left:auto; padding-top:5px; padding-bottom:5px;
background:#8FA8B3;}
.bolck_head{ height:30px; text-align:center; background:#3f86bc; border:#000000 solid 1px; font-size:18px;}
إرسال تعليق