محمود عفيفى
11-11-2010, 12:23 PM
السلام عليكم ورحمة الله وبركاته
موعدنا مع الدرس الثانى من دورة صناعة الأوتوران ببرنامج multimedia builder
والتى ننقلها عن الأستاذ زهير طه
سنقوم اليوم ببدء مشروع لعمل autorun لقرص برامج يحوي صفحة بأقسام البرامج
وعند الضغط على القسم يتم الانتقال إلى صفحة البرامج
لنبدأ بفتح صفحة جديدة Ctrl+N ونغير أبعاد المشروع إلى 640 * 480
http://www.abc4web.net/vb/imgcache/8413.abc4web.png
و الآن سنضع خلفية صورة لملف المشروع كما تعلمنا في الدرس السابق ولتكن هذه الخلفية :
http://www.abc4web.net/vb/imgcache/8414.abc4web.jpg
سنقوم الآن بوضع أقسام الصفحة الرئيسة
نختار الأداة Text http://www.abc4web.net/vb/imgcache/8415.abc4web.png من شريط العناصر
ثم نضغط في أي مكان على صفحة العمل فيتم إنشاء زر نصي
http://www.abc4web.net/vb/imgcache/8416.abc4web.png
و الآن سنقوم بضبط خصائص هذا الزر بما يناسبنا
نضغط على النص Double Click here... مرتين فتفتح نافذة
http://www.abc4web.net/vb/imgcache/8417.abc4web.png
نختار منها Font وذلك لضبط الخط
http://www.abc4web.net/vb/imgcache/8418.abc4web.png
بعد الموافقة يتم العودة إلى النافذة الأساسية من خصائص الزر
عندئذ قم بضبط الزر كمايلي :
http://www.abc4web.net/vb/imgcache/8419.abc4web.png
و الآن وافق على الخيارات بعد الانتهاء من الضبط
و اضغط زر F5 لتجربة النتائج ولاحظ
http://www.abc4web.net/vb/imgcache/8420.abc4web.png
:bar: (http://www.abc4web.com/vb/)
ولإضافة بعض الجمالية سنضيف بعض الصور جانب الأزرار
مثلاً الصورة التالية سنضعها فوق زر برامج الملتميديا
( قم بحفظها عندك أو استعمل من عندك صورة مناسبة )
http://www.abc4web.net/vb/imgcache/8421.abc4web.png
طريقة إدراج الصورة :
نضغط على الزر Bitmap http://www.abc4web.net/vb/imgcache/8422.abc4web.png من شريط العناصر
فيظهر مؤشر الماوس بالشكل التالي
http://www.abc4web.net/vb/imgcache/8423.abc4web.png
نضغط في المكان الذي نريد وضع الصورة فيه
ثم تظهر نافذة لاستعراض الملفات فنختار الصورة التي نريدها
http://www.abc4web.net/vb/imgcache/8424.abc4web.png
ملاحظة :
في حال ظهر حول الصورة لون ثابت مثلاً في صورتنا هذه سيظهر لون أسود محيط بالصورة
http://www.abc4web.net/vb/imgcache/8425.abc4web.png
يمكننا التخلص منه بالطريقة التالية :
نضغط على الصورة مرتين فتفتح نافذة خاصة لضبط الصورة
http://www.abc4web.net/vb/imgcache/8426.abc4web.png
ستكون النتيجة بعدها كالتالي
http://www.abc4web.net/vb/imgcache/8427.abc4web.png
قم بوضع أزرار أخرى حتى تحصل على مايلي :
http://www.abc4web.net/vb/imgcache/8428.abc4web.png
ولاستعمال نفس الصور المستخدمة فإليكم الصور يمكن حفظها بالزر اليمين
http://www.abc4web.net/vb/imgcache/8429.abc4web.png http://www.abc4web.net/vb/imgcache/8430.abc4web.png http://www.abc4web.net/vb/imgcache/8431.abc4web.png
لحفظ الملف اضغط Ctrl+S
أو من قائمة file ثم Save
احفظ الملف و جهز نفسك لباقي المشروع في الدروس القادمة
:bar: (http://www.abc4web.com/vb/)
◄ فهرس دورة صناعة الأتورن ببرنامج multimedia builder ► (http://www.abc4web.net/vb/showthread.php?t=13538)
موعدنا مع الدرس الثانى من دورة صناعة الأوتوران ببرنامج multimedia builder
والتى ننقلها عن الأستاذ زهير طه
سنقوم اليوم ببدء مشروع لعمل autorun لقرص برامج يحوي صفحة بأقسام البرامج
وعند الضغط على القسم يتم الانتقال إلى صفحة البرامج
لنبدأ بفتح صفحة جديدة Ctrl+N ونغير أبعاد المشروع إلى 640 * 480
http://www.abc4web.net/vb/imgcache/8413.abc4web.png
و الآن سنضع خلفية صورة لملف المشروع كما تعلمنا في الدرس السابق ولتكن هذه الخلفية :
http://www.abc4web.net/vb/imgcache/8414.abc4web.jpg
سنقوم الآن بوضع أقسام الصفحة الرئيسة
نختار الأداة Text http://www.abc4web.net/vb/imgcache/8415.abc4web.png من شريط العناصر
ثم نضغط في أي مكان على صفحة العمل فيتم إنشاء زر نصي
http://www.abc4web.net/vb/imgcache/8416.abc4web.png
و الآن سنقوم بضبط خصائص هذا الزر بما يناسبنا
نضغط على النص Double Click here... مرتين فتفتح نافذة
http://www.abc4web.net/vb/imgcache/8417.abc4web.png
نختار منها Font وذلك لضبط الخط
http://www.abc4web.net/vb/imgcache/8418.abc4web.png
بعد الموافقة يتم العودة إلى النافذة الأساسية من خصائص الزر
عندئذ قم بضبط الزر كمايلي :
http://www.abc4web.net/vb/imgcache/8419.abc4web.png
و الآن وافق على الخيارات بعد الانتهاء من الضبط
و اضغط زر F5 لتجربة النتائج ولاحظ
http://www.abc4web.net/vb/imgcache/8420.abc4web.png
:bar: (http://www.abc4web.com/vb/)
ولإضافة بعض الجمالية سنضيف بعض الصور جانب الأزرار
مثلاً الصورة التالية سنضعها فوق زر برامج الملتميديا
( قم بحفظها عندك أو استعمل من عندك صورة مناسبة )
http://www.abc4web.net/vb/imgcache/8421.abc4web.png
طريقة إدراج الصورة :
نضغط على الزر Bitmap http://www.abc4web.net/vb/imgcache/8422.abc4web.png من شريط العناصر
فيظهر مؤشر الماوس بالشكل التالي
http://www.abc4web.net/vb/imgcache/8423.abc4web.png
نضغط في المكان الذي نريد وضع الصورة فيه
ثم تظهر نافذة لاستعراض الملفات فنختار الصورة التي نريدها
http://www.abc4web.net/vb/imgcache/8424.abc4web.png
ملاحظة :
في حال ظهر حول الصورة لون ثابت مثلاً في صورتنا هذه سيظهر لون أسود محيط بالصورة
http://www.abc4web.net/vb/imgcache/8425.abc4web.png
يمكننا التخلص منه بالطريقة التالية :
نضغط على الصورة مرتين فتفتح نافذة خاصة لضبط الصورة
http://www.abc4web.net/vb/imgcache/8426.abc4web.png
ستكون النتيجة بعدها كالتالي
http://www.abc4web.net/vb/imgcache/8427.abc4web.png
قم بوضع أزرار أخرى حتى تحصل على مايلي :
http://www.abc4web.net/vb/imgcache/8428.abc4web.png
ولاستعمال نفس الصور المستخدمة فإليكم الصور يمكن حفظها بالزر اليمين
http://www.abc4web.net/vb/imgcache/8429.abc4web.png http://www.abc4web.net/vb/imgcache/8430.abc4web.png http://www.abc4web.net/vb/imgcache/8431.abc4web.png
لحفظ الملف اضغط Ctrl+S
أو من قائمة file ثم Save
احفظ الملف و جهز نفسك لباقي المشروع في الدروس القادمة
:bar: (http://www.abc4web.com/vb/)
◄ فهرس دورة صناعة الأتورن ببرنامج multimedia builder ► (http://www.abc4web.net/vb/showthread.php?t=13538)