* سنتعرف في هذا الدرس على كيفية إنشاء متصفح إنترنت مشابه لآلية عمل المتصفح الشهير مايكرسوفت أكمسبلورر في البداية: ابدأ بتشغيل برنامج فيجوال بيسك. ومن نافذة أنواع المشاريع اختر : Standard EXE ثم انقر على الزر : Open (شكل1).
* نحتاج في البداية إلى إنشاء ست صور باستخدام أحد برامج رسم. سيتم استخدام هذه الصور كأزرار للتنقل وهي : بحث. البداية. تحديث. إيقاف. الأمام. الخلف.(شكل2)
* نحتاج إلى عرض بعض الأدوات التي سيتم استخدامها لصنع متصفح. أحدها خاص بالإنترنت.والأخرى أدوات عامة سيتم إيرادها لاحقا. ويتم ذلك بالتالي: من قائمة فيجوال بيسك الرئيسية انقر على قائمة: Project ثم اختر من القائمة: Components .ثم من القائمة أشر بعلامة (صح ) على: Microsoft Internet Controls و Microsoft Windows Common Controls 6.0 ثم انقر على الزر :Ok شكل3
* ستظهر الأدوات التالية على أشرطة الأدوات : شكل4
* نحتاج إلى إضافة الأدوات التالية على النموذج ويتم ذلك بالنقر المزدوج عليها ثم تعيين خصائصها: شكل5
* سنحتاج الآن إلى ربط أداة: قائمة الصور. بالصور التي يفترض أنه قد تم إنشاؤها والتي ستستخدم كأزرار للتنقل. ويتم ذلك بعمل الآتي: انقر بزر الفأرة الأيمن على أداة ال: Image List واختر من القائمة: Properties. ستظهر نافذة انقر على علامة التبويب Images . انقر على الزر: Insert Picture لإضافة ست صور تستخدم كأزرار للتنقل كما في الشكل 6:
* يجب أن تبدو شاشتك كالتالي: شكل 7
* سيقوم فيجوال بيسك بإعطاء كل صور رقما مسلسلا (Index ) . انقر على الزر:Ok.
* نحتاج في الخطوة اللاحقة إلى ربط أداة الصور بشريط الأدوات: Toolbar كي يتم عرض الصور فيه حيث أن أداة ال: Image List هي عبارة عن مخزن للصور يمكن استدعاء هذه الصور من عدة أدوات وتتم عملية الربط بعمل الآتي:
انقر بزر الفأرة الأيمن على شريط الأدوات الذي يفترض أن موقعه في أعلى النموذج. ثم اختر من القائمة: Properties . من علامة التبويب:General اضبط الخاصية: ImageList واختر اسم أداة الصورةالتي سترتبط معها: imlToolbarIcons. انتقل إلى علامة التبويب: Buttons . سيتم من خلال هذه النافذة تعيين خصائص لكل صورة سيتم ربطها مع شريط الأدوات.
* ستكون جميع الشاشات غير نشطة إلا إذا نقرت على الزر : Insert Buttons عندها يجب ضبط التالي:Index: رقم مسلسل يعطى لكل زر سيظهر على شريط الأدوات أو كل صورة يبدأ بالرقم1.
Key: قيمة نصية تعطى كمفتاح للزر الذي سيظهر في شريط الأدوات لاحقا سنستخدم هذا المفتاح لاحقا لتحديد فيما إذا تم ضغط هذا الزر أم لا.
ToolTipText: نص تلميحي يظهر عند وضع المؤشر على الزر يبين وظيفته.
Image: ويتم فيه تحديد رقم الصورة المراد إظهارها بدلا من شكل زر اعتيادي.
ويجب أن يستند هذا الرقم إلى رقم ال: Index في أداة ال ImageList.ولا ننسى من إضافة ستة أزرار وتحديد الخصائص المناسبة لها كالتالي:شكل
* رتب الأدوات التي تم إضافتها إلى النموذج بحيث تظهر بالشكل التالي:
بذلك قد انتهينا من التصميم الخاص بالبرنامج وسنقوم في الحلقة القادمة بكتابة شفرة البرنامج البرمجية.
vip3@ajeep.com
www.alnadi.org
|