تعلم إنشاء قائمة منسدلة بتأثيرات الـCSS 3 و لغة الجي كويري

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

نموذج الصندوق

يمكننا رؤية صفحة الوب على أنها مجموعة من العناصر التي تحتل مساحات مستطيلة في الواجهة ( صناديق ) ، هذه العناصر تسمى عناصر " Block " ، تقريبا جميع العناصر التي رأيناها في الفصول السابقة من نوع " Block " كـ : <header> ، <p> ، <footer> ... و هذه العناصر التي تظهر في الواجهة يتم ببساطة تسميتها صناديق لأنها تحتل مساحات مستطيلة الشكل و تحتوي على محتوى ، ( تماما كالصناديق ) ، لا داع لتعقيد الأمور بكثرة التسميات ، عنصر أو صندوق إنهما شيء واحد

سنتعلم في هذا الفصل كيفية التحكم في هذه الصناديق ، التحكم في أبعادها : العرض و الإرتفاع ، و اللعب في هوامشها بتقنيات الـCSS ، و سنتعلم كيف نضبط محتواها ، و كيف نجعل النصوص داخلها تبدوا متناسقة .

بناء صفحات الوب باستخدام لغة الـHTML .

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

عموما ، يتم بناء صفحات الوب من الأعلى إلى الأسفل ، حيث ننطلق من الهيدر ، ثم قائمة التصفح ( Menu de navigation )  ، بعدها نضع مختلف المقاطع و المساحات الخاصة بالمقالات لنصل في الأخير إلى الفوتر ، و نكون قد أنهينا البنية .

تَعلمْ إنشاء المواقع باستخدام الـHTML و الـCSS

أنت تحلم بأن تصبح قادرا على إنشاء موقع وب ؟

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

التحكم في تأثيرات الـCSS الديناميكية

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

التحكم في حدود العناصر و تظليلها .

و نعم هذا فصل اخر من سلسلة دروس لغة HTML و الـCSS حيث سنتعرف فيه على خصائص جديدة ، هذه الخصائص التي سنتعرفها تخص التحكم في حدود العناصر و التحكم في ظلها ، خاصيتان صغيرتان و بسيطتان للغاية سنتعرف عليهما في ثلاث فقرات سريعة  .

و بالطبع سنحتاج إلى ما تعلمناه عن الألوان في الفصول السابقة لأن خصائص التحكم في حدود العناصر و خصائص التحكم في الظل تتطلبان تحديد الألوان .