كيفية عمل قائمة Tabbed في Dreamweaver CS5

تسمح لك القوائم المبوبة ، أو اللوحات المبوبة ، بإنشاء أقسام متعددة على نفس صفحة الويب. ينقر المستخدم على علامات التبويب المسماة لعرض الأقسام. في Dreamweaver ، وهو أحد التطبيقات الرائدة في تصميم الويب ، يمكنك بسهولة إنشاء لوحات مبوبة باستخدام أداة Spry Tabbed Panels المضمنة في البرنامج. ينشئ عنصر واجهة المستخدم علامات التبويب ، واللوحات وجافا سكريبت المطلوبة لجعل الألواح وظيفية.

1.

افتح ملف HTML موجود تريد إنشاء لوحات تبويبه ، أو أنشئ صفحة HTML جديدة بالنقر فوق قائمة "ملف" واختيار "جديد". هذا يفتح مربع الحوار New Document. اختر "HTML" من القائمة Page Type ، وحدد تخطيط الصفحة المطلوب من قائمة Layout ، ثم انقر فوق الزر "Create".

2.

انقر في الصفحة حيث تريد وضع اللوحات المبوبة لإدراج المؤشر.

3.

انقر على القائمة "إدراج" ، واختر "Spry" ، ثم حدد "Spry Tabbed Menu" من القائمة المنبثقة. إذا كان هذا مستندًا جديدًا ، فسوف يطالبك Dreamweaver بحفظ الملف. انقر فوق "موافق" ، ثم قم بتسمية الملف وحفظه. يقوم Dreamweaver بإدراج اللوحات المبوبة في المستند.

افتراضيا ، هناك نوعان من الألواح. يمكنك إضافة لوحات إضافية عن طريق النقر فوق الزر "إضافة لوحة" ، علامة الجمع ، في لوحة الخصائص.

4.

إضافة لوحات إضافية حسب الرغبة.

5.

حدد نص التسمية بلوحة tabbed الأولى ("Tab 1") واكتب نص تسمية اللوحة المطلوب.

6.

كرر الخطوة 5 لكل تسمية لوحة.

7.

حدد نص محتوى اللوحة ("المحتوى 1") ثم اكتب نص محتوى اللوحة المطلوب. يمكنك أيضًا إدراج صور في اللوحات الخاصة بك بالنقر فوق قائمة "إدراج" واختيار "صورة". هذا يفتح مربع الحوار Select Image Source. انتقل إلى ملف الصورة ، وحدده ، ثم انقر فوق الزر "موافق".

الأشياء المطلوبة

  • أدوبي دريمويفر CS5

تلميح

  • يمكنك تحرير مظهر اللوحات بتحرير ورقة الأنماط المتتالية أو CSS. حدد علامة التبويب أو محتوى اللوحة الذي تريد إعادة تنسيقه ، ثم انقر فوق الزر "تحرير القاعدة" في لوحة الخصائص. هذا يفتح مربع الحوار CSS Rule Definition. لإعادة تنسيق النص ، على سبيل المثال ، انقر فوق "اكتب" في قائمة الفئة. هذا يعرض خيارات لإعادة تنسيق النص ، مثل عائلة الخطوط وحجم الخط ولون الخط ووزن الخط. قم بإجراء التغييرات المطلوبة وانقر فوق "موافق".

موصى به

كيف تجسر اتصال لاسلكي مع جهاز التوجيه لينكسيس وراوتر نتغير
2019
كيفية تثبيت أدوبي أكروبات الإضافات ل MS Word
2019
كيفية كسب المال مع الهواة التصوير
2019