يعد إنشاء القائمة أحد أهم جوانب تطوير مواقع الويب والبرامج. تظل القائمة المنزلقة الجميلة معيارًا للعديد من مالكي ومبرمجي مواقع الويب. يمكن القيام بذلك باستخدام أدوات CSS و Expression Web.
تعليمات
الخطوة 1
افتح Expression Web وانتقل إلى Manage Style لبدء إنشاء قائمة منزلقة واضغط على مفتاح New Style. قم بتسمية محدد النمط الجديد ul li. تأكد من أن الملف الذي تم إنشاؤه يحتوي على ملحق القائمة المنسدلة.css. لإنشاء قائمة منزلقة ، حدد الموضع المناسب على الشاشة. حدد عرض كل عنصر من عناصر القائمة وقم بإزالة النقاط غير الضرورية التي قد تكون أمامهم.
الخطوة 2
قم بتشغيل خيار التخطيط واضبط سمة العرض. امنحه قيمة مضمنة مناسبة للمحاذاة على الشاشة. اضبط سمة Float على Left واضغط على مفتاح Apply. اضبط كل عناصر القائمة على سطر واحد. للاحتفاظ بها في ترتيب أنيق وعدم تداخلها ، اضبط سمة العرض على الموضع في شكل 150 بكسل. تأكد من أن جميع العناصر الموجودة في القائمة بنفس الحجم. قم بإزالة النقاط الموجودة أمام كل عنصر بالانتقال إلى سمة القائمة وتعيين نوع نمط القائمة إلى لا شيء. انقر فوق "موافق" لقبول التغييرات لتصبح سارية المفعول.
الخطوه 3
اضبط النمط وحجم الخط لـ ul li. انتقل إلى إدارة الأنماط وانقر بزر الماوس الأيمن على ul li ، واختر تعديل النمط. سترى قائمة الحوار المألوفة بالفعل. انتقل إلى الخط وحدد Font-family وقم بتعيين هذه السمة على Helvetica و Arial و Sans-serif. اضبط حجم الخط واضبطه على 0 ، 9. اضبط سمة تحويل النص على الأحرف الكبيرة. في السمة Height - Position ، حدد الارتفاع الدقيق لعناصر القائمة عن طريق ضبط القيمة على 30 بكسل.
الخطوة 4
احفظ الملف باسم menu.html عند اكتمال جميع الإجراءات التصحيحية. اختبر القائمة التي أنشأتها للتو في العديد من التطبيقات والمتصفحات لمعرفة ما إذا كانت تعمل أم لا. كما ترى ، ليس من الصعب إنشاء مثل هذه القائمة.
