بسم الله الرحمن الرحيم
دورة تصميم موقع مدرسة كامل من البداية الي النهاية
هذه الدورة للمبتدئين في البرمجة
حيث نتعلم كيف نقوم بعمل مشروع كامل
الدرس الثاني
كود الدرس:-
1- في school اسمه index.html
2- في style واسمه style.css
بداخل ملف index.html نكتب قبل </body>
<div class="nev">
<ul>
<li><a href="#" >الصفحة الرئيسية</a></li>
<li><a href="#" >المعلمين</a></li>
<li><a href="#" >جدول الحصص</a></li>
<li><a href="#" >تصل بنا</a></li>
</ul>
<form >
<input type="text" name="sech">
<input type="submit" name="oks" value="بحث">
</form>
</div>
<ul>
<li><a href="#" >الصفحة الرئيسية</a></li>
<li><a href="#" >المعلمين</a></li>
<li><a href="#" >جدول الحصص</a></li>
<li><a href="#" >تصل بنا</a></li>
</ul>
<form >
<input type="text" name="sech">
<input type="submit" name="oks" value="بحث">
</form>
</div>
و في ملف style.css نكتب نكمل الملف
.nev ul{}
.nev ul li { float:right; margin-right:20px; list-style:none; margin-top:3px;}
.nev ul li a{ text-decoration:none; color:#000000; }
.nev ul li a:hover {color:#F9F9F9; border-bottom:#000000 solid 1px;}
.nev form input {margin-top:3px; margin-left:10px;}
.nev ul li { float:right; margin-right:20px; list-style:none; margin-top:3px;}
.nev ul li a{ text-decoration:none; color:#000000; }
.nev ul li a:hover {color:#F9F9F9; border-bottom:#000000 solid 1px;}
.nev form input {margin-top:3px; margin-left:10px;}
إرسال تعليق