بسم الله الرحمن الرحيم
دورة تصميم موقع مدرسة كامل من البداية الي النهاية
هذه الدورة للمبتدئين في البرمجة
حيث نتعلم كيف نقوم بعمل مشروع كامل
الدرس الاول (1)
في البدية نقوم بعمل 3 فولدرات
1- school بداخله 2
أ- images
ب-style
ثم ننشاء ملفين
1- في school اسمه index.html
2- في style واسمه style.css
بداخل ملف index.html نكتب
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<link rel="stylesheet" href="style/style.css"/>
<title>school</title>
</head>
<body>
<div class="top_head">
<div id="logo"><img src="images/computer.gif" width="100" height="100"/></div>
<div id="name_school"><p>المدرسة الحديثة</p></div>
</div>
</body>
</html>
و في ملف style.css نكتب
@charset "utf-8";
/* CSS Document */
ul , li , a{ margin:0; padding:0;}
.top_head{ width:1200px; height:150px; margin-left:auto; margin-right:auto;}
#logo{float:right; margin-right:100px; margin-top:20px;}
#name_school{float:left; margin-left:500px; margin-top:30px; font-size:36px; color:#0A597A}
إرسال تعليق