أبــ فادي ــو
21-08-2007, 11:13 PM
بسم الله الرحمن الرحيم
السلام عليكم و رحمة الله و بركاته
شرح برنامج Authorware 7
الدرس الاول
في الحقيقة ما سوف أقوم به ليس شرحا بما تعنيه هذه الكلمة من معنى بل هو مجرد دروس بسيطة تبيح للمبتدئ أن يخطو الخطوة الأولى في تعلم هذا البرنامج. وأود ان انوه أيضا بأنني لا امتلك المعرفة الكافية التي تؤهلني للخوض في الأمور المعقدة والعميقة إنما هو مجرد كلام على السطح فأرجو مراعاة ذلك عند طرح الأسئلة فانا لم اسبق من يريد ان يتعلم من هذا الشرح إلا بخطوات بسيطة بالإمكان تخطيها بسهولة.
أمر آخر ينبغي أن أشير إليه أيضا هو انني لا اعرف رابطا لهذا البرنامج فمن أراد متابعة الشرح وليس لديه هذا البرنامج فعليه أن يعتمد على نفسه بالعثور عليه أو يتكرم احد الإخوان بوضع رابطا له في هذا الموضوع أو بموضوع منفصل لا فرق.
أتمنى ما سوف أقدمه لكم أن يكون مفيدا كبداية لمعرفة عالم هذا البرنامج الرائع
اعتذر مقدما عن التقصير ولنبدأ بعون الله.
http://www.arabsgate.com/edu-teachers/uploads/24813_765940ddff00d4844.jpg
فائدة البرنامج بالدرجة الأساس هو تمكين المستخدم من عمل برامج تعليمية وتدريبية غاية في الاتقان وهذه البرامج قد تكون قائمة بذاتها او في موقع ويب وتستطيع تضمينها افلام فيديو وملفات صوت وغرافيك و انميشين ونصوص الخ.
وهناك الكثير من الأعمال التي تستطيع إنجازها في هذا البرنامج.
وبما أنني لست ضليعا بهذا البرنامج فسوف لن أتطرق إلا إلى الأمور السهلة واستميحكم العذر.
استعراض النافذة الرئيسية للبرنامج
http://www.arabsgate.com/edu-teachers/uploads/24813_765940ddff00d4844.jpg
شريط الأدوات: يحتوي على الأيقونات التي تستخدم في عمل المشروع
شريط القوائم الرئيسية: يحتوي على الوظائف العامة مثل فتح.. حفظ ...الخ
نافذة العمل: هي المكان الذي تصمم فيه برنامجك.
الأيقونات التي في شريط الأدوات ستعرف فائدتها حين نقوم بعمل بعض الامثلة التي اعددتها لشرح البرنامج او بالاصح جزء بسيط من خصائص البرنامج. يحسن القول الآن إننا إذا أردنا استخدام أيقونة معينة كل ما علينا هو سحبها الى نافذة العمل.
http://www.arabsgate.com/edu-teachers/uploads/24813_569140ddff1229a11.jpg
صناعة كتاب بسيط
المثال الأول الذي سأقوم بشرحه الآن هو عبارة عن تصميم كتاب بسيط طبعا البرنامج يقوم بأعمال اكبر واهم من مجرد تصميم كتاب مثل هذا ولكن لابد ان نبدأ من نقطة ما.
افتح البرنامج اغلق كل النوافذ التي تظهر لك عند اشتغال البرنامج واذهب الى
file> new> file
لفتح مشروع جديد
http://www.arabsgate.com/edu-teachers/uploads/24813_491340ddff25cb884.jpg
قبل أن تبدأ المشروع يجب وضع الإعدادات اللازمة لنافذة العرض اذهب الى
Modify> file> ptoperties
http://www.arabsgate.com/edu-teachers/uploads/24813_266540ddff3b16139.jpg
ستنفتح نافذة الخصائص اسفل النافذة الرئيسية للبرنامج.
تزيل العلامة من أمام Title Bar
ومن أمام Menu Bar
وتعلم على Center on Screen
http://www.arabsgate.com/edu-teachers/uploads/24813_455740ddff5c34abe.jpg
بعد أن انتهينا من هذه الإعدادات نقوم بعمل الخلفية للعرض
نقوم بسحب أيقونة العرض display icon الى نافذة العمل
http://www.arabsgate.com/edu-teachers/uploads/24813_123340ddff6a2aa2f.jpg
سيكون اسمها بشكل افتراضي Untitledسنغير اسمها الى Background ثم في نافذة العمل ننقر مرتين على الأيقونة التي سحبناها, سوف تقفز لنا نافذة بيضاء فارغة هذه النافذة هي التي ستكون شاشة العرض لبرنامجنا. علينا إذن أن لا نتركها فارغة سنقوم الآن بإدراج صورة كخلفية لمشروعنا. هذه الصورة يجب ان تكون معدة سلفا في أحد برامج الغرافيك ويجب ان يراعى فيها حجم الشاشة ( نحن نستخدم الان شاشة بحجم 640 في 480 ) ستكون صورتنا مطابقة لهذا الحجم. وأيضا يجب مراعاة الألوان في الصورة لان النصوص التي سوف نقوم بإدراجها ستظهر عليها لذلك يجب الانتباه الى هذا الأمر فلا تكون الصورة متعددة الألوان بحيث تختفي بعض النصوص او يصعب قرائتها في بعض اماكن هذه الصورة.
حسنا لنقم الآن باستيراد الصورة التي صممناها كما ذكرنا سلفا.
نذهب الى
file> import and export> import media
http://www.arabsgate.com/edu-teachers/uploads/24813_85840ddff81117ea.jpg
نعين الصورة للبرنامج ونضغط import
عمل الروابط الرئيسية Main Menu
في هذا الشرح سوف نقوم بعمل كتاب من فصلين كل فصل يضم صفحتين فقط للسهولة وأيضا لان معرفة هذا القدر من الكتاب تجعلنا على دراية كافية بكيفية عمل كتاب يضم العديد من الفصول والكثير من الصفحات من نفس النوع.
للوصول الى هذه الصفحات علينا أولا أن نقوم بعمل الروابط الرئيسية التي تظهر في الواجهة الافتتاحية.
نسحب من شريط الأدوات أيقونة interaction الى نافذة العمل
http://www.arabsgate.com/edu-teachers/uploads/24813_497740ddff8e8c255.jpg
نضعها تحت الأيقونة التي سحبناها أول مرة والتي سميناها Background نقوم بتسمية هذه الايقونة ب Menu قم باظهار نافذة الخصائص لهذه الايقونة بالذهاب الى
Modify ----->Icon------>Properties
في خانة الخصائص اضغط على interaction في حقل Erase اختر من القائمة
Erase after next entry
http://www.arabsgate.com/edu-teachers/uploads/24813_584040ddffa5d12ca.jpg
تحت هذه الأيقونة نقوم بإدراج الأزرار التي تمكننا من الانتقال الى الصفحات الاخرى. طبعا في البرنامج توجد أزرار بإمكانك استعمالها ولكنها غير مرضية لذلك يستحسن أن تقوم بعمل هذه الازرار بنفسك وسوف اتحدث عن طريقة عملها بعد فترة. علينا الآن ان نقوم بإعداد هذه الروابط.
نسحب أيقونة الانتقال navigate icon (لاحظ مؤشر الفارة في الصورة التالية)الى يمين ايقونة interaction ستظهر نافذة فيها عدة خيارات تعلم على button
http://www.arabsgate.com/edu-teachers/uploads/24813_368540ddffe4cbaf9.jpg
نقوم بتغير اسم الأيقونة الافتراضي unlinked الى Option1
طريقة عمل الازرار
لكي نقوم بعمل زر خاص بنا يجب اولا ان نعمل لكل زر ثلال صور باحد برامج الرسم باية صيغة كانت bmp ... jpg ... png الخ. بالوان مختلفة وبالحجم الذي يناسب عملك تسمي الصورة الاولى مثلا
button-up مثلا وتستخدم بالشكل الذي يظهر عليه الزر حين لا يضغط عليه ولا تمرر الفارة فوقه.
وتسمي الثانية button-over تستخدم حين يوضع مؤشر الفارة فوق الزر
وتسمي الثالثة button-down تستخدم حين الضغط على الزر.
طبعا هذه الاسماء توضيحية فبامكانك تسمية الصور بما يروق لك. وهناك صورة رابعة لم اذكرها لاننا سوف لن نستخدمها هنا.
بعد ان تقوم بتصميم الصور تعود الى البرنامج وتضغط على ايقونة navigate فوق المستطيل الصغير وليس فوق السهم لفتح نافذة الخصائص في الزاوية اليسرى توجد نافذة صغيرة فيها صورة الزر الافتراضي الذي يضعه البرنامج وتحت هذه النافذة يوجد زر صغير مكتوب عليه Buttons تضغط على هذا الزر
http://www.arabsgate.com/edu-teachers/uploads/24813_314940ddfffd7f584.jpg
في النافذة التي ستنفتح تضغط على الزر add في الزاوية اليمنى اسفل النافذة
http://www.arabsgate.com/edu-teachers/uploads/24813_513240de0019e21ca.jpg
في النافذة التالية من قسم normal نضغط على up ثم نضغط على الزر import ونعين الصورة التي اسميناها button-up
http://www.arabsgate.com/edu-teachers/uploads/24813_597340de002faaced.jpg
بعد ذلك نضغط على Down ثم import ونعين الصورة التي اسميناها button-down ثم ننزل الى over ونضغط import ونعين الصورة التي اسميناها button-over ثم نغلق النافذة. لمشاهدة ما انجزناه لحد الان نذهب الى control......> play لتشغيل المشروع لكي نضع الزر في المكان المناسب نضغط على رقم 2 في لوحة الارقام على يمين الكيبورد ونسحب الزر حيث نشاء ثم نضغط الرقم صفر لاغلاق النافذة.
لقد قمنا بعمل رابط واحد الان لعمل الرابط الثاني نقوم مرة اخرى بسحب الايقونة navigate ونضعها الى يمين الايقونة السابقة ونسميها option2
http://www.arabsgate.com/edu-teachers/uploads/24813_369040de003f02391.jpg
ثم نقوم بعمل الزر بنفس الطريقة السابقة ستكون نافذة البرنامج بشكل مشابه لهذا
http://www.arabsgate.com/edu-teachers/uploads/24813_174840de005859680.jpg
ما انجزناه لحد الان هو خلفية المشروع والمنيو الرئيسية بقي لنا ان نتحدث عن كيفية عمل الفصول والصفحات وازرار التنقل بينها وهو ما نتحدث عنه في الدرس القادم غدا ان شاء الله.
النسخه موجوده في موقع مكرومديا وتحتاج سريل فقط
السريل
APW700-58646-00393-26856
اتمنى ان اكون قد قدمت شيئا مفيدا لحد الان
السلام عليكم و رحمة الله و بركاته
شرح برنامج Authorware 7
الدرس الاول
في الحقيقة ما سوف أقوم به ليس شرحا بما تعنيه هذه الكلمة من معنى بل هو مجرد دروس بسيطة تبيح للمبتدئ أن يخطو الخطوة الأولى في تعلم هذا البرنامج. وأود ان انوه أيضا بأنني لا امتلك المعرفة الكافية التي تؤهلني للخوض في الأمور المعقدة والعميقة إنما هو مجرد كلام على السطح فأرجو مراعاة ذلك عند طرح الأسئلة فانا لم اسبق من يريد ان يتعلم من هذا الشرح إلا بخطوات بسيطة بالإمكان تخطيها بسهولة.
أمر آخر ينبغي أن أشير إليه أيضا هو انني لا اعرف رابطا لهذا البرنامج فمن أراد متابعة الشرح وليس لديه هذا البرنامج فعليه أن يعتمد على نفسه بالعثور عليه أو يتكرم احد الإخوان بوضع رابطا له في هذا الموضوع أو بموضوع منفصل لا فرق.
أتمنى ما سوف أقدمه لكم أن يكون مفيدا كبداية لمعرفة عالم هذا البرنامج الرائع
اعتذر مقدما عن التقصير ولنبدأ بعون الله.
http://www.arabsgate.com/edu-teachers/uploads/24813_765940ddff00d4844.jpg
فائدة البرنامج بالدرجة الأساس هو تمكين المستخدم من عمل برامج تعليمية وتدريبية غاية في الاتقان وهذه البرامج قد تكون قائمة بذاتها او في موقع ويب وتستطيع تضمينها افلام فيديو وملفات صوت وغرافيك و انميشين ونصوص الخ.
وهناك الكثير من الأعمال التي تستطيع إنجازها في هذا البرنامج.
وبما أنني لست ضليعا بهذا البرنامج فسوف لن أتطرق إلا إلى الأمور السهلة واستميحكم العذر.
استعراض النافذة الرئيسية للبرنامج
http://www.arabsgate.com/edu-teachers/uploads/24813_765940ddff00d4844.jpg
شريط الأدوات: يحتوي على الأيقونات التي تستخدم في عمل المشروع
شريط القوائم الرئيسية: يحتوي على الوظائف العامة مثل فتح.. حفظ ...الخ
نافذة العمل: هي المكان الذي تصمم فيه برنامجك.
الأيقونات التي في شريط الأدوات ستعرف فائدتها حين نقوم بعمل بعض الامثلة التي اعددتها لشرح البرنامج او بالاصح جزء بسيط من خصائص البرنامج. يحسن القول الآن إننا إذا أردنا استخدام أيقونة معينة كل ما علينا هو سحبها الى نافذة العمل.
http://www.arabsgate.com/edu-teachers/uploads/24813_569140ddff1229a11.jpg
صناعة كتاب بسيط
المثال الأول الذي سأقوم بشرحه الآن هو عبارة عن تصميم كتاب بسيط طبعا البرنامج يقوم بأعمال اكبر واهم من مجرد تصميم كتاب مثل هذا ولكن لابد ان نبدأ من نقطة ما.
افتح البرنامج اغلق كل النوافذ التي تظهر لك عند اشتغال البرنامج واذهب الى
file> new> file
لفتح مشروع جديد
http://www.arabsgate.com/edu-teachers/uploads/24813_491340ddff25cb884.jpg
قبل أن تبدأ المشروع يجب وضع الإعدادات اللازمة لنافذة العرض اذهب الى
Modify> file> ptoperties
http://www.arabsgate.com/edu-teachers/uploads/24813_266540ddff3b16139.jpg
ستنفتح نافذة الخصائص اسفل النافذة الرئيسية للبرنامج.
تزيل العلامة من أمام Title Bar
ومن أمام Menu Bar
وتعلم على Center on Screen
http://www.arabsgate.com/edu-teachers/uploads/24813_455740ddff5c34abe.jpg
بعد أن انتهينا من هذه الإعدادات نقوم بعمل الخلفية للعرض
نقوم بسحب أيقونة العرض display icon الى نافذة العمل
http://www.arabsgate.com/edu-teachers/uploads/24813_123340ddff6a2aa2f.jpg
سيكون اسمها بشكل افتراضي Untitledسنغير اسمها الى Background ثم في نافذة العمل ننقر مرتين على الأيقونة التي سحبناها, سوف تقفز لنا نافذة بيضاء فارغة هذه النافذة هي التي ستكون شاشة العرض لبرنامجنا. علينا إذن أن لا نتركها فارغة سنقوم الآن بإدراج صورة كخلفية لمشروعنا. هذه الصورة يجب ان تكون معدة سلفا في أحد برامج الغرافيك ويجب ان يراعى فيها حجم الشاشة ( نحن نستخدم الان شاشة بحجم 640 في 480 ) ستكون صورتنا مطابقة لهذا الحجم. وأيضا يجب مراعاة الألوان في الصورة لان النصوص التي سوف نقوم بإدراجها ستظهر عليها لذلك يجب الانتباه الى هذا الأمر فلا تكون الصورة متعددة الألوان بحيث تختفي بعض النصوص او يصعب قرائتها في بعض اماكن هذه الصورة.
حسنا لنقم الآن باستيراد الصورة التي صممناها كما ذكرنا سلفا.
نذهب الى
file> import and export> import media
http://www.arabsgate.com/edu-teachers/uploads/24813_85840ddff81117ea.jpg
نعين الصورة للبرنامج ونضغط import
عمل الروابط الرئيسية Main Menu
في هذا الشرح سوف نقوم بعمل كتاب من فصلين كل فصل يضم صفحتين فقط للسهولة وأيضا لان معرفة هذا القدر من الكتاب تجعلنا على دراية كافية بكيفية عمل كتاب يضم العديد من الفصول والكثير من الصفحات من نفس النوع.
للوصول الى هذه الصفحات علينا أولا أن نقوم بعمل الروابط الرئيسية التي تظهر في الواجهة الافتتاحية.
نسحب من شريط الأدوات أيقونة interaction الى نافذة العمل
http://www.arabsgate.com/edu-teachers/uploads/24813_497740ddff8e8c255.jpg
نضعها تحت الأيقونة التي سحبناها أول مرة والتي سميناها Background نقوم بتسمية هذه الايقونة ب Menu قم باظهار نافذة الخصائص لهذه الايقونة بالذهاب الى
Modify ----->Icon------>Properties
في خانة الخصائص اضغط على interaction في حقل Erase اختر من القائمة
Erase after next entry
http://www.arabsgate.com/edu-teachers/uploads/24813_584040ddffa5d12ca.jpg
تحت هذه الأيقونة نقوم بإدراج الأزرار التي تمكننا من الانتقال الى الصفحات الاخرى. طبعا في البرنامج توجد أزرار بإمكانك استعمالها ولكنها غير مرضية لذلك يستحسن أن تقوم بعمل هذه الازرار بنفسك وسوف اتحدث عن طريقة عملها بعد فترة. علينا الآن ان نقوم بإعداد هذه الروابط.
نسحب أيقونة الانتقال navigate icon (لاحظ مؤشر الفارة في الصورة التالية)الى يمين ايقونة interaction ستظهر نافذة فيها عدة خيارات تعلم على button
http://www.arabsgate.com/edu-teachers/uploads/24813_368540ddffe4cbaf9.jpg
نقوم بتغير اسم الأيقونة الافتراضي unlinked الى Option1
طريقة عمل الازرار
لكي نقوم بعمل زر خاص بنا يجب اولا ان نعمل لكل زر ثلال صور باحد برامج الرسم باية صيغة كانت bmp ... jpg ... png الخ. بالوان مختلفة وبالحجم الذي يناسب عملك تسمي الصورة الاولى مثلا
button-up مثلا وتستخدم بالشكل الذي يظهر عليه الزر حين لا يضغط عليه ولا تمرر الفارة فوقه.
وتسمي الثانية button-over تستخدم حين يوضع مؤشر الفارة فوق الزر
وتسمي الثالثة button-down تستخدم حين الضغط على الزر.
طبعا هذه الاسماء توضيحية فبامكانك تسمية الصور بما يروق لك. وهناك صورة رابعة لم اذكرها لاننا سوف لن نستخدمها هنا.
بعد ان تقوم بتصميم الصور تعود الى البرنامج وتضغط على ايقونة navigate فوق المستطيل الصغير وليس فوق السهم لفتح نافذة الخصائص في الزاوية اليسرى توجد نافذة صغيرة فيها صورة الزر الافتراضي الذي يضعه البرنامج وتحت هذه النافذة يوجد زر صغير مكتوب عليه Buttons تضغط على هذا الزر
http://www.arabsgate.com/edu-teachers/uploads/24813_314940ddfffd7f584.jpg
في النافذة التي ستنفتح تضغط على الزر add في الزاوية اليمنى اسفل النافذة
http://www.arabsgate.com/edu-teachers/uploads/24813_513240de0019e21ca.jpg
في النافذة التالية من قسم normal نضغط على up ثم نضغط على الزر import ونعين الصورة التي اسميناها button-up
http://www.arabsgate.com/edu-teachers/uploads/24813_597340de002faaced.jpg
بعد ذلك نضغط على Down ثم import ونعين الصورة التي اسميناها button-down ثم ننزل الى over ونضغط import ونعين الصورة التي اسميناها button-over ثم نغلق النافذة. لمشاهدة ما انجزناه لحد الان نذهب الى control......> play لتشغيل المشروع لكي نضع الزر في المكان المناسب نضغط على رقم 2 في لوحة الارقام على يمين الكيبورد ونسحب الزر حيث نشاء ثم نضغط الرقم صفر لاغلاق النافذة.
لقد قمنا بعمل رابط واحد الان لعمل الرابط الثاني نقوم مرة اخرى بسحب الايقونة navigate ونضعها الى يمين الايقونة السابقة ونسميها option2
http://www.arabsgate.com/edu-teachers/uploads/24813_369040de003f02391.jpg
ثم نقوم بعمل الزر بنفس الطريقة السابقة ستكون نافذة البرنامج بشكل مشابه لهذا
http://www.arabsgate.com/edu-teachers/uploads/24813_174840de005859680.jpg
ما انجزناه لحد الان هو خلفية المشروع والمنيو الرئيسية بقي لنا ان نتحدث عن كيفية عمل الفصول والصفحات وازرار التنقل بينها وهو ما نتحدث عنه في الدرس القادم غدا ان شاء الله.
النسخه موجوده في موقع مكرومديا وتحتاج سريل فقط
السريل
APW700-58646-00393-26856
اتمنى ان اكون قد قدمت شيئا مفيدا لحد الان