الاثير شو الاثير شو
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 مدون موقع الاثير شو للمواضيع التقنية وتطبيقات الهواتف الذكية حيث اهتم بالثقافة حول العالم وفق رؤية هادفة تهم الزائر العربي واعمل علي تطوير المحتوي العربي ونشر كل ما هو جديد وحصري في عالم التقنية.

التعليقات


اتصل بنا

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

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

الاثير شو