الاثير الاثير
recent

آخر الأخبار

recent
جاري التحميل ...

الهيكل الاساسي لصفحة الويب - تخطيط الصفحة وتقسيمها html

اقدم لكم الهيكل الاساسي لتخطيط صفحة html .

عناصر تقسيم صفحات الويب في html


مرحباً بكم متابعي مدونة الاثير اليوم اقدم لك تقطيع صفحات الويب وتقسيمها الي عدة مناطق باستعمال وسوم الهيكلة في html.

تخطيط الصفحة :
  • 1 - رأس الصفحة
  • 2 - قلب الصفحة الذي يحتوي على ثلاث كتل أساسية و هي :
    • قائمة الإبحار الأفقية
    • العمود الأيمن
    • المحتوى الأساسي
  • 3 -و أخيرا ، قدم الصفحة
بلغة html :
<body>

 <header> </header>  <!-- رأس الصّفحة -->

 <div>           <!--  قلب الصّفحة -->
  <nav> </nav>  <!-- القائمة الأفقية -->
 
   <div>
     <aside> </aside>  <!-- العمود الأيمن -->

     <section> </section> <!-- المحتوى الرّئيسي -->
   </div>
 </div>

 <footer></footer>  <!-- قدم الصفحة -->
 
</body>

تقسيم الصفحة باستخدام div

أين اختفى وسم div إذاً ، و لقد اعتمدنا عليه كليا في السابق ؟

طبعا يمكنكم استعمال وسم div ، فهو وسم مهم و لم يفقد أبدا بريقه ، يمكنكم استعماله متى تشاؤون و خاصة داخل هذه الوسوم أو حتى أنه يمكننا إحاطتها كلها بوسم div مثلا للتحكم العام في الصفحة . 

من الآن اعتمدوا على هذه الوسوم لهيكلة صفحتكم النموذجية . و بالمناسبة سيكون مثالنا هذا ، هو القاعدة التي سنبني عليها موقعنا .

عن الكاتب

alathir shw

التعليقات


اتصل بنا

إذا أعجبك محتوى مدونتنا نتمنى البقاء على تواصل دائم ، فقط قم بإدخال بريدك الإلكتروني للإشتراك في بريد المدونة السريع ليصلك جديد المدونة أولاً بأول ، كما يمكنك إرسال رساله بالضغط على الزر المجاور ...

جميع الحقوق محفوظة

الاثير