محمود عفيفى
12-11-2010, 02:07 PM
السلام عليكم ورحمة الله وبركاته
حياكم الله جميعا نكمل اليوم بإذن الله دورة صناعة الأتورن مع برنامج مالتى ميديا بيلدر والتى ننقلها لكم عن الأستاذ زهير طه
وصلنا في الدرس السابق لمرحلة إنهاء المقدمة التي تحوي قائمة البرامج في تطبيقنا
وكانت الصورة كالتالي
http://www.abc4web.net/vb/imgcache/8392.abc4web.png
و اليوم سوف نتعامل مع الصفحات ونقوم بإنشاء الصفحات الخاصة بكل نوع من البرامج الذي وضعنا له الزر في المقدمة
إذا نظرنا إلى شريط الصفحات الموجود في أسفل البرنامج فإننا سنجد صفحة واحدة باسم Page 1
وهي تحوي المحتويات الموجودة حالياً
http://www.abc4web.net/vb/imgcache/8393.abc4web.png
لفتح خصائص أي صفحة و التحكم بها نضغط عليها مرتين
لنضغط على الصفحة السابقة page 1 مرتين ونرى الخصائص
لنغير الاسم page 1 إلى الاسم home
http://www.abc4web.net/vb/imgcache/8394.abc4web.png
يفضل أن تعتاد على تسمية الصفحات بأسماء مناسبة لسهولة الوصول و كتابة الأوامر لاحقاً
والآن سأسلط الضوء على أهم الأزرار في التعامل مع الصفحات و سنبدأ بالشرح
تابع الصورة التالية :
http://www.abc4web.net/vb/imgcache/8395.abc4web.png
إنشاء صفحة جديدة: عند الضغط عليه نضيف صفحة على صفحات المشروع
حذف صفحة : يقوم بحذف الصفحة التي نقف عليها حالياً
مدير الصفحات: للتحكم بالصفحات الموجودة في المشروع
الطبقات : السفلية و العلوية و الرئيسة مهم أن نفهمها و نجيد التعامل معها
الطبقة الرئيسة : هي الوضع الافتراضي للطبقة و هي الطبقة التي نقف عليها حالياً
الطبقة العلوية : هذه مفيدة جداً في حال وجود زر مثلاً نريده أن يظهر في كل صفحات المشروع
دون تكراره في كل صفحة
الطبقة السفلية : وهي مفيدة أيضاً في حال وجود خلفية مثلاً للمشروع ونريدها أن تظهر في كل الصفحات
دون تكررها كل مرة في كل صفحة
وعلى كل حال سنتعامل معهم بالتفصيل
لنضغط الآن على زر إنشاء صفحة جديدة فنجد أنه تم إنشاء صفحة جديدة بعنوان page 1
http://www.abc4web.net/vb/imgcache/8396.abc4web.png
لنغير اسم هذه الصفحة إلى multimedia كما تعلمنا
ولنقم بإنشاء ثلاثة صفحات أخرى ونسمها على التتالي
hardware
security
Internet
حتى تكون النتجية كما يلي
http://www.abc4web.net/vb/imgcache/8397.abc4web.png
هذه الصفحات سنضع فيها المحتويات ونربطها بالأزرار الموجودة في الصفحة الأولى Home
لاحظ معي
الصفحة الأولى لها خلفية أما باقي الصفحات فكانت الخلفية بيضاء
ولوضع خلفية لكل صفحة كما تعلمنا في الدرس السابق ستكون العملية طويلة
ولذلك هناك طريقتين
أولاً : بالضغط على الصفحة للوصول إلى خصائص الصفحة
ثم تفعيل الخيار from First Page
هذه نكررها على كل الصفحات
http://www.abc4web.net/vb/imgcache/8398.abc4web.png
ثانياً :طريقة أكثر احترافية و لا تحتاج لتكرار الأمر السابق عند كل صفحة
وهي باللجوء إلى الطبقة السفلية
نضغط على زر الطبقة السفلية http://www.abc4web.net/vb/imgcache/8399.abc4web.png
و الآن نضغط على أداة إدراج الصور Bitmap http://www.abc4web.net/vb/imgcache/8400.abc4web.png
ونحدد الصورة التي وضعناها كخلفية سابقاً
http://www.abc4web.net/vb/imgcache/8401.abc4web.jpg
فيتم وضع الصورة على الطبقة السفلية كما يلي
http://www.abc4web.net/vb/imgcache/8402.abc4web.png
ولكن يجب ضبطها بحيث تغطي الصفحة
ولعمل ذلك إما أن نحركها بالماوس حتى تغطي الصفحة
أو هناك طريقة أفضل و أدق كمايلي:
1- نختار الأدة Dimensions وهي أداة التحكم بالأبعاد ثم نضغط على الصورة للتحكم بأبعادها 2- نضع البعدين الأفقي و العمودي عن محاور الصفحة x,y على القيم صفر كما هو مبين
3- نوافق وبعدها يمكن إغلاق الأداة Dimensions
http://www.abc4web.net/vb/imgcache/8403.abc4web.png
الآن نضغط على زر الطبقة السفلية http://www.abc4web.net/vb/imgcache/8399.abc4web.png و ذلك للتحرر منه و العودة للوضع الطبيعي
و إذا تنقلت بين الصفحات التي أنشأناها فستلاحظ أنها كلها تحمل صورة الخلفية نفسها
( هذه أفضل طريقة ولا حظ كيف تمر معنا أدوات البرنامج لنعرف استخدامها في الوقت المناسب )
:bar: (http://www.abc4web.com/vb/)
نعود للصفحة الرئيسة للمشروع
http://www.abc4web.net/vb/imgcache/8392.abc4web.png
سنجعل من زر برامج الملتميديا ينتقل إلى الصفحة multimedia
ومن زر برامج الانترنت ينتقل إلى الصفحة Internet و هكذا ...
نضغط على زر برامج الملتميديا مرتين
http://www.abc4web.net/vb/imgcache/8404.abc4web.png
ثم نضغط على الزر scripts كما موضح في الأعلى
وهذا الزر سيكون المرافق الدائم لنا في كافة دروس الدورة
حيث يتم وضع الأوامر منه
لنسمه : زر الأحداث أو السكريبت script
ثم نضغط على زر معالجة الأحداث الموضح في الصورة التالية :
http://www.abc4web.net/vb/imgcache/8405.abc4web.png
عندئذ يظهر لنا النافذة التالية
اضغط على الزر الموضح في الصورة التالية لكي تظهر قائمة الأوامر الموجودة في البرنامج
http://www.abc4web.net/vb/imgcache/8406.abc4web.png
ستظهر لنا قائمة طويلة من الأوامر وهذه الأوامر هي لب البرنامج وقلبه وأهم مافيه
وسنتعامل ان شاء الله مع جزء جيد من هذا الأوامر
http://www.abc4web.net/vb/imgcache/8407.abc4web.png
و الآن الأمر الذي سنختاره من القائمة هو Page
http://www.abc4web.net/vb/imgcache/8408.abc4web.png
عند مكان page label أي عنوان الصفحة سنكتب اسم الصفحة التي نريد الزر أن يتوجه إليها
وهنا كتبت كلمة multimedia لكي يتم الانتقال إلى الصفحة multimedia
نوافق بالضغط على زر ok
http://www.abc4web.net/vb/imgcache/8409.abc4web.png
فنلاحظ وجود الأمر
Page("multimedia")ونتابع الموافقة بالضغط على OK
و الآن لتجريب الصفحة نضغط على الزر F5 من لوحة المفاتيح أو الزر الموضح في الصورة التالية من لوح الصفحات
http://www.abc4web.net/vb/imgcache/8410.abc4web.png
عند الضغط على زر برامج الملتميديا سيتم الانتقال إلى صفحة multimedia
نتابع التبطبيق على بقية الصفحات بنفس الطريقة
:bar: (http://www.abc4web.com/vb/)
حقيقة هناك طريقة أخرى أسرع قليلاً لعمل ما سبق ذكره وهو التنقل بين الصفحات
حيث أن الطريقة السابقة هي الطريقة العامة لأي أمر في البرنامج
ولكن بما أن هناك بعض الأمور كثيرة الاستعمال فقد تم تجيمعها في البرنامج لتكون أسهل في الوصول
مثلاً أمر الانتقال بين الصفحات موجود بشكل أسرع كما يلي
بعد أن ضغطنا على زر برامج الملتميديا ضغط مزدوج لفتح صفحة خصائص الزر
نختار الزر التالي:
http://www.abc4web.net/vb/imgcache/8411.abc4web.png
تابع الأرقام في الصورة التالية ..
http://www.abc4web.net/vb/imgcache/8412.abc4web.png
نكتفي بهذا القدر لهذا الدرس حتى لا نطيل عليكم
ونتابع في درس لاحق ....
بالتوفيق للجميع
◄ فهرس دورة صناعة الأتورن ببرنامج multimedia builder ► (http://www.abc4web.net/vb/showthread.php?t=13538)
حياكم الله جميعا نكمل اليوم بإذن الله دورة صناعة الأتورن مع برنامج مالتى ميديا بيلدر والتى ننقلها لكم عن الأستاذ زهير طه
وصلنا في الدرس السابق لمرحلة إنهاء المقدمة التي تحوي قائمة البرامج في تطبيقنا
وكانت الصورة كالتالي
http://www.abc4web.net/vb/imgcache/8392.abc4web.png
و اليوم سوف نتعامل مع الصفحات ونقوم بإنشاء الصفحات الخاصة بكل نوع من البرامج الذي وضعنا له الزر في المقدمة
إذا نظرنا إلى شريط الصفحات الموجود في أسفل البرنامج فإننا سنجد صفحة واحدة باسم Page 1
وهي تحوي المحتويات الموجودة حالياً
http://www.abc4web.net/vb/imgcache/8393.abc4web.png
لفتح خصائص أي صفحة و التحكم بها نضغط عليها مرتين
لنضغط على الصفحة السابقة page 1 مرتين ونرى الخصائص
لنغير الاسم page 1 إلى الاسم home
http://www.abc4web.net/vb/imgcache/8394.abc4web.png
يفضل أن تعتاد على تسمية الصفحات بأسماء مناسبة لسهولة الوصول و كتابة الأوامر لاحقاً
والآن سأسلط الضوء على أهم الأزرار في التعامل مع الصفحات و سنبدأ بالشرح
تابع الصورة التالية :
http://www.abc4web.net/vb/imgcache/8395.abc4web.png
إنشاء صفحة جديدة: عند الضغط عليه نضيف صفحة على صفحات المشروع
حذف صفحة : يقوم بحذف الصفحة التي نقف عليها حالياً
مدير الصفحات: للتحكم بالصفحات الموجودة في المشروع
الطبقات : السفلية و العلوية و الرئيسة مهم أن نفهمها و نجيد التعامل معها
الطبقة الرئيسة : هي الوضع الافتراضي للطبقة و هي الطبقة التي نقف عليها حالياً
الطبقة العلوية : هذه مفيدة جداً في حال وجود زر مثلاً نريده أن يظهر في كل صفحات المشروع
دون تكراره في كل صفحة
الطبقة السفلية : وهي مفيدة أيضاً في حال وجود خلفية مثلاً للمشروع ونريدها أن تظهر في كل الصفحات
دون تكررها كل مرة في كل صفحة
وعلى كل حال سنتعامل معهم بالتفصيل
لنضغط الآن على زر إنشاء صفحة جديدة فنجد أنه تم إنشاء صفحة جديدة بعنوان page 1
http://www.abc4web.net/vb/imgcache/8396.abc4web.png
لنغير اسم هذه الصفحة إلى multimedia كما تعلمنا
ولنقم بإنشاء ثلاثة صفحات أخرى ونسمها على التتالي
hardware
security
Internet
حتى تكون النتجية كما يلي
http://www.abc4web.net/vb/imgcache/8397.abc4web.png
هذه الصفحات سنضع فيها المحتويات ونربطها بالأزرار الموجودة في الصفحة الأولى Home
لاحظ معي
الصفحة الأولى لها خلفية أما باقي الصفحات فكانت الخلفية بيضاء
ولوضع خلفية لكل صفحة كما تعلمنا في الدرس السابق ستكون العملية طويلة
ولذلك هناك طريقتين
أولاً : بالضغط على الصفحة للوصول إلى خصائص الصفحة
ثم تفعيل الخيار from First Page
هذه نكررها على كل الصفحات
http://www.abc4web.net/vb/imgcache/8398.abc4web.png
ثانياً :طريقة أكثر احترافية و لا تحتاج لتكرار الأمر السابق عند كل صفحة
وهي باللجوء إلى الطبقة السفلية
نضغط على زر الطبقة السفلية http://www.abc4web.net/vb/imgcache/8399.abc4web.png
و الآن نضغط على أداة إدراج الصور Bitmap http://www.abc4web.net/vb/imgcache/8400.abc4web.png
ونحدد الصورة التي وضعناها كخلفية سابقاً
http://www.abc4web.net/vb/imgcache/8401.abc4web.jpg
فيتم وضع الصورة على الطبقة السفلية كما يلي
http://www.abc4web.net/vb/imgcache/8402.abc4web.png
ولكن يجب ضبطها بحيث تغطي الصفحة
ولعمل ذلك إما أن نحركها بالماوس حتى تغطي الصفحة
أو هناك طريقة أفضل و أدق كمايلي:
1- نختار الأدة Dimensions وهي أداة التحكم بالأبعاد ثم نضغط على الصورة للتحكم بأبعادها 2- نضع البعدين الأفقي و العمودي عن محاور الصفحة x,y على القيم صفر كما هو مبين
3- نوافق وبعدها يمكن إغلاق الأداة Dimensions
http://www.abc4web.net/vb/imgcache/8403.abc4web.png
الآن نضغط على زر الطبقة السفلية http://www.abc4web.net/vb/imgcache/8399.abc4web.png و ذلك للتحرر منه و العودة للوضع الطبيعي
و إذا تنقلت بين الصفحات التي أنشأناها فستلاحظ أنها كلها تحمل صورة الخلفية نفسها
( هذه أفضل طريقة ولا حظ كيف تمر معنا أدوات البرنامج لنعرف استخدامها في الوقت المناسب )
:bar: (http://www.abc4web.com/vb/)
نعود للصفحة الرئيسة للمشروع
http://www.abc4web.net/vb/imgcache/8392.abc4web.png
سنجعل من زر برامج الملتميديا ينتقل إلى الصفحة multimedia
ومن زر برامج الانترنت ينتقل إلى الصفحة Internet و هكذا ...
نضغط على زر برامج الملتميديا مرتين
http://www.abc4web.net/vb/imgcache/8404.abc4web.png
ثم نضغط على الزر scripts كما موضح في الأعلى
وهذا الزر سيكون المرافق الدائم لنا في كافة دروس الدورة
حيث يتم وضع الأوامر منه
لنسمه : زر الأحداث أو السكريبت script
ثم نضغط على زر معالجة الأحداث الموضح في الصورة التالية :
http://www.abc4web.net/vb/imgcache/8405.abc4web.png
عندئذ يظهر لنا النافذة التالية
اضغط على الزر الموضح في الصورة التالية لكي تظهر قائمة الأوامر الموجودة في البرنامج
http://www.abc4web.net/vb/imgcache/8406.abc4web.png
ستظهر لنا قائمة طويلة من الأوامر وهذه الأوامر هي لب البرنامج وقلبه وأهم مافيه
وسنتعامل ان شاء الله مع جزء جيد من هذا الأوامر
http://www.abc4web.net/vb/imgcache/8407.abc4web.png
و الآن الأمر الذي سنختاره من القائمة هو Page
http://www.abc4web.net/vb/imgcache/8408.abc4web.png
عند مكان page label أي عنوان الصفحة سنكتب اسم الصفحة التي نريد الزر أن يتوجه إليها
وهنا كتبت كلمة multimedia لكي يتم الانتقال إلى الصفحة multimedia
نوافق بالضغط على زر ok
http://www.abc4web.net/vb/imgcache/8409.abc4web.png
فنلاحظ وجود الأمر
Page("multimedia")ونتابع الموافقة بالضغط على OK
و الآن لتجريب الصفحة نضغط على الزر F5 من لوحة المفاتيح أو الزر الموضح في الصورة التالية من لوح الصفحات
http://www.abc4web.net/vb/imgcache/8410.abc4web.png
عند الضغط على زر برامج الملتميديا سيتم الانتقال إلى صفحة multimedia
نتابع التبطبيق على بقية الصفحات بنفس الطريقة
:bar: (http://www.abc4web.com/vb/)
حقيقة هناك طريقة أخرى أسرع قليلاً لعمل ما سبق ذكره وهو التنقل بين الصفحات
حيث أن الطريقة السابقة هي الطريقة العامة لأي أمر في البرنامج
ولكن بما أن هناك بعض الأمور كثيرة الاستعمال فقد تم تجيمعها في البرنامج لتكون أسهل في الوصول
مثلاً أمر الانتقال بين الصفحات موجود بشكل أسرع كما يلي
بعد أن ضغطنا على زر برامج الملتميديا ضغط مزدوج لفتح صفحة خصائص الزر
نختار الزر التالي:
http://www.abc4web.net/vb/imgcache/8411.abc4web.png
تابع الأرقام في الصورة التالية ..
http://www.abc4web.net/vb/imgcache/8412.abc4web.png
نكتفي بهذا القدر لهذا الدرس حتى لا نطيل عليكم
ونتابع في درس لاحق ....
بالتوفيق للجميع
◄ فهرس دورة صناعة الأتورن ببرنامج multimedia builder ► (http://www.abc4web.net/vb/showthread.php?t=13538)