مثال Ultradev التعليمي: 4 تثبيت واستخدام المكونات الإضافية
الكاتب：Eve Coleوقت التحديث：2009-05-30 18:34:38
الفصل الرابع: التثبيت والاستخدام البسيط لبرنامج Ultratrade الإضافي
يمكن أن يساعدنا استخدام المكونات الإضافية في تنفيذ بعض الوظائف بسرعة وتوفير الكثير من متاعب البرمجة. في الماضي، كانت المكونات الإضافية لـ Dreamweaver وUltradev تتطلب نسخ الملفات يدويًا إلى الدليل المقابل قبل أن تتمكن من العمل، وهو الأمر الذي كان مزعجًا للغاية بالنسبة لأولئك الذين لم يكونوا على دراية بهذا الجانب، في الإصدار 4.0، استخدمت Marcomedia برنامجًا يسمى Extention Manager لمساعدة المستخدمين على تثبيت المكونات الإضافية، كما تم تغيير تنسيق المكون الإضافي أيضًا إلى *.mxp.
يتم تثبيت Extention Manager عند تثبيت Dreamweaver أو Ultradev، ويمكننا فتحه من خلال Start->Programs->Macromedia Extention Manager. وتكون الواجهة المعروضة كما يلي:
واجهة العرض بسيطة وواضحة. الزران الموجودان على الجانب الأيسر من شريط الأدوات هما التثبيت وإلغاء التثبيت. سيتم إدراج الاسم والإصدار والنوع والمؤلف والمعلومات الأخرى الخاصة بالمكونات الإضافية التي قمت بتثبيتها في النافذة الموجودة أسفل شريط الأدوات. تسرد النافذة أدناه وصف الغرض من المكون الإضافي وبعض الاحتياطات أو طرق الاستخدام البسيطة. كما هو موضح في الصورة أعلاه.
إذا كنت ترغب في تثبيت مكون إضافي جديد، فيمكنك النقر نقرًا مزدوجًا فوق ملف المكون الإضافي الخاص بك مباشرةً، وسيقوم النظام تلقائيًا باستدعاء مدير الامتداد لتثبيته. ويمكنك أيضًا تثبيته عن طريق النقر فوق الزر "تثبيت" الموجود على شريط أدوات مدير الامتداد ، ثم قمت بتحديد المكون الإضافي الذي تريد تثبيته:
في بداية التثبيت، سيتم سؤالك عما إذا كنت توافق على بيان Macromedia، والذي ينص بشكل عام على أنه لا ينبغي استخدام هذا البرنامج الإضافي كتوزيع تجاري، وما إلى ذلك. سيؤدي الرفض إلى الخروج من برنامج التثبيت، لذلك بالطبع نختار قبول :)
أين يمكنك العثور على المكونات الإضافية؟ يوصى بالذهاب إلى منزل Macromedia، الذي يوفر مركزًا للمكونات الإضافية حيث يوفر مستخدمو Ultradev من جميع أنحاء العالم المكونات الإضافية. التصنيف علمي، ويوجد أيضًا بحث لمساعدتك في العثور بسرعة على المكونات الإضافية التي تريدها.
أدناه سأقدم بإيجاز كيفية استخدام البرنامج الإضافي.
اسم المكون الإضافي: مخططات dHTML
الإصدار: 1.7.7
النوع: كائن
هذا هو مكون إضافي للكائن يقوم بإنشاء قائمة منسدلة بنمط المستكشف (شجرة الانهيار). يتطلب هذا المكون الإضافي IE4 أو أعلى أو Netscape 6 لدعمه (المذكور في مقدمة المكون الإضافي في الصورة).
بعد التثبيت، يمكنك فتح لوحة إعدادات البرنامج الإضافي من لوحة الكائن أو القائمة إدراج -> الخطوط العريضة.
لوحة التحكم الخاصة بالمكون الإضافي بسيطة للغاية، كما هو موضح في الشكل:
حدد علامة تبويب التفاصيل، ويمكننا أن نرى أن هناك ثلاثة أماكن على اللوحة يمكننا تعيينها.
الاسم الأساسي للمخططات التفصيلية: يمكنك ملء هذا كما تريد، ولكن يجب أن يكون اسمًا صالحًا، وسيعمل فقط كمعلمة في كود JavaScript الذي سيتم إنشاؤه لاحقًا ولن يتم عرضه على صفحة الويب. لاحظ أنه لا يمكن تضمين المسافات.
إضافة عنوان: هذا هو الصندوق الذي تريد عرضه على صفحة الويب ولا يمكن تعديل محتوى الفروع إلا لاحقًا على صفحة الويب. كما هو موضح في الصورة:
المسافة البادئة للنص للعناصر التابعة: يمكنك اختيار رقم المسافة البادئة لمحتوى الفرع وفقًا لاحتياجاتك. توضح الصورة أعلاه تأثير عرض المسافة البادئة الافتراضية.
تضمين نص حشو لاتيني: ربما تستخدم فقط جزءًا من النص اللاتيني لوصفه، لا يهم، يمكنك استخدام القيمة الافتراضية false. بعد النقر فوق "إنشاء"، يقوم المكون الإضافي بإنشاء صفحة مثل هذه:
مهمتنا التالية هي تعديل محتوى الجزء السفلي الأسود إلى ما تريد عرضه، كما هو موضح في الصورة أعلاه. بعد التعديل، قم بالمعاينة.
وبالنظر إلى الكود المصدري لصفحة الويب، يمكننا أن نرى:
< div id="helloParenthello3" onClick="javascript:hideshow('helloChildhello3')" class="exheading" >hello3< /div >
< div id="helloChildhello3" style="cursor:auto" class="exindent" >مرحبًا بالعالم!!< /div >
بهذه الطريقة، إذا أردنا إنشاء شجرة قابلة للطي ديناميكيًا من البيانات الموجودة في قاعدة البيانات، فسيكون ذلك سهلاً، فنحن نحتاج فقط إلى استبدال الحقل المراد عرضه، مثل <%=rs("filename ")%>.
