أبــ فادي ــو
22-08-2007, 10:47 PM
بسم الله الرحمن الرحيم
السلام عليكم و رحمة الله و بركاته
شرح برنامج Authorware 7
الدرس الثاني
سنواصل اليوم تكملة ما بدأنا به البارحة حيث سنتكلم عن ترتيب الفصول والصفحات لكتابنا البسيط هذا.
الفصل الاول
لعمل الفصل الاول من هذا الكتاب نقوم بسحب ايقونة framework من شريط الادوات الى نافذة العمل
http://www.arabsgate.com/edu-teachers/uploads/24813_581440de0132226da.jpg
نغير اسمها من untitled الى chapter1
انقر مرتين على هذه الايقونة ستنفتح نافذة جديدة فيها ايقونات داخلية امسحها جميعا اضغط عليها واحدة واحدة وانقر على المفتاح delet في الكيبورد.
http://www.arabsgate.com/edu-teachers/uploads/24813_613940de014884247.jpg
سنضع بدل هذه الايقونات ايقوناتنا الخاصة.
اسحب ايقونة interaction الى داخل هذه النافذة وسميها Navigation buttons
http://www.arabsgate.com/edu-teachers/uploads/24813_613940de015760eb0.jpg
اسحب ايقونة navigate وضعها الى يمين ايقونة interaction وسميها Next
اسحب ايقونة navigate مرة ثانية وضعها الى يمين السابقة وسميها Previuos
اسحبها مرة ثانية وضعها الى يمين السابقتين وسميها Menu
سيصبح ترتيب الايقونات بهذا الشكل:
http://www.arabsgate.com/edu-teachers/uploads/24813_194940de016c9a46b.jpg
كما تعلمنا في الدرس السابق نغير الازرار الافتراضية الى ازرار نقوم بتصميمها نحن باحد برامج الغرافك فنعمل ثلاث صور الى الزر Next وثلاثة اخرى الى الزر Previous وثلاثة الى الزر Menu ونقوم بادراجها في البرنامج كما وضحنا سابقا.
الان نقوم بوضع الروابط لهذه الازرار
نضغط على لزر Next
في نافذة الخصائص نغير حقل Destination من Anywhere الى Nearby
ومن Page نعلم على Next انظر الصورة
http://www.arabsgate.com/edu-teachers/uploads/24813_624940de019ea25d1.jpg
ثم نضغط الزر Previous نختار ايضا Nearby ونعلم على Previous
واخيرا نضغط على الزر Menu ايضا Nearby ونعلم على Exit Framework/Return
نرتب اماكن الازرار ونغلق النافذة.
لقد وضعنا الهيكل الاساسي للفصل الاول علينا الان ان نضيف الصفحات المكونة لهذا الفصل. نسحب ايقونة Map الى نافذة العمل ونضعها الى يمين ايقونة Framework ونسميها Page1
http://www.arabsgate.com/edu-teachers/uploads/24813_452540de01b230616.jpg
هنا ايضا يجب ان يكون لدينا شيء معد سلفا وهو النص الذي نريده ان يظهر في هذه الصفحة النص اما بصيغة rich txt format الذي امتداده rtf وهي احد صيغ الحفظ في برنامج الوورد او بصيغة txt.
نضغط مرتين على هذه الصفحة فتنفتح نافذة بيضاء نذهب الى
file......> import and export......> import media
ونعين الملف الذي اعددناه لهذا الغرض سيضع البرنامج في هذه الصفحة ايقونة باسم هذا النص انظر الصورة
http://www.arabsgate.com/edu-teachers/uploads/24813_409940de01c19ac7c.jpg
نضغط مرتين على هذه الايقونة ونحدد حجم الورقة بما يتناسب وشاشة العرض ثم الى يسار الشاشة تحت شريط الادوات يظهر شريط ادوات اخر من هذا الشريط نستطيع ان نجعل خلفية النص شفافة
نضغط على المربع modes فيظهر لنا شريط اخر نختار منه Transparent انظر الصورة
http://www.arabsgate.com/edu-teachers/uploads/24813_438440de01e498e41.jpg
بعد ذلك نقوم بغلق النافذة. لقد انتهينا من صفحة واحدة لعمل الصفحة الثانية نقوم بنفس الخطوات الي قمنا بها في الصفحة الاولى . نسحب ايقونة Map ونضعها الى يمين ابقونة الصفحة الاولى نسمي هذه الايقونة page2 ننقر عليها مرتين ثم نقوم باستيراد النص وتحديد حجمه ثم اختيار خلفية شفافة.
سيكون تصميم الصفحة الرئيسية للمشروع بهذا الشكل
http://www.arabsgate.com/edu-teachers/uploads/24813_633440de01f5540c1.jpg
ما بقى علينا ان نعمله الان للانتهاء من هذا الفصل هو ربطه بالمنيو الرئيسية التي صممناها البارحة.
نذهب الى المنيو الرئيسية ونضغط على الايقونة التي سميناها Option1
في نافذة الخصائص نضع الاعدادات التالية
في حقل Destination نختار Anywhere
من Type نعلم على Call and return
من Framework نختار chapter1
من نافذة Page نظلل على Page1 انظر الصورة
http://www.arabsgate.com/edu-teachers/uploads/24813_542440de0208314e1.jpg
الان انتهينا من وضع الرابط للفصل الاول نقوم الان بتجربة العمل واذا احتجنا بعض التعديل للازرار نضغط على المفتاح رقم 2 في الكيبورد ونقوم بترتيبها ستكون عندك الواجهة الرئيسية بعد الضغط على الزر الذي سميناه Option1 شيئا مشابها لهذه الصورة
http://www.arabsgate.com/edu-teachers/uploads/24813_369040de02226f5c6.jpg
في الدرس القادم نتحدث عن الفصل الثاني
السلام عليكم و رحمة الله و بركاته
شرح برنامج Authorware 7
الدرس الثاني
سنواصل اليوم تكملة ما بدأنا به البارحة حيث سنتكلم عن ترتيب الفصول والصفحات لكتابنا البسيط هذا.
الفصل الاول
لعمل الفصل الاول من هذا الكتاب نقوم بسحب ايقونة framework من شريط الادوات الى نافذة العمل
http://www.arabsgate.com/edu-teachers/uploads/24813_581440de0132226da.jpg
نغير اسمها من untitled الى chapter1
انقر مرتين على هذه الايقونة ستنفتح نافذة جديدة فيها ايقونات داخلية امسحها جميعا اضغط عليها واحدة واحدة وانقر على المفتاح delet في الكيبورد.
http://www.arabsgate.com/edu-teachers/uploads/24813_613940de014884247.jpg
سنضع بدل هذه الايقونات ايقوناتنا الخاصة.
اسحب ايقونة interaction الى داخل هذه النافذة وسميها Navigation buttons
http://www.arabsgate.com/edu-teachers/uploads/24813_613940de015760eb0.jpg
اسحب ايقونة navigate وضعها الى يمين ايقونة interaction وسميها Next
اسحب ايقونة navigate مرة ثانية وضعها الى يمين السابقة وسميها Previuos
اسحبها مرة ثانية وضعها الى يمين السابقتين وسميها Menu
سيصبح ترتيب الايقونات بهذا الشكل:
http://www.arabsgate.com/edu-teachers/uploads/24813_194940de016c9a46b.jpg
كما تعلمنا في الدرس السابق نغير الازرار الافتراضية الى ازرار نقوم بتصميمها نحن باحد برامج الغرافك فنعمل ثلاث صور الى الزر Next وثلاثة اخرى الى الزر Previous وثلاثة الى الزر Menu ونقوم بادراجها في البرنامج كما وضحنا سابقا.
الان نقوم بوضع الروابط لهذه الازرار
نضغط على لزر Next
في نافذة الخصائص نغير حقل Destination من Anywhere الى Nearby
ومن Page نعلم على Next انظر الصورة
http://www.arabsgate.com/edu-teachers/uploads/24813_624940de019ea25d1.jpg
ثم نضغط الزر Previous نختار ايضا Nearby ونعلم على Previous
واخيرا نضغط على الزر Menu ايضا Nearby ونعلم على Exit Framework/Return
نرتب اماكن الازرار ونغلق النافذة.
لقد وضعنا الهيكل الاساسي للفصل الاول علينا الان ان نضيف الصفحات المكونة لهذا الفصل. نسحب ايقونة Map الى نافذة العمل ونضعها الى يمين ايقونة Framework ونسميها Page1
http://www.arabsgate.com/edu-teachers/uploads/24813_452540de01b230616.jpg
هنا ايضا يجب ان يكون لدينا شيء معد سلفا وهو النص الذي نريده ان يظهر في هذه الصفحة النص اما بصيغة rich txt format الذي امتداده rtf وهي احد صيغ الحفظ في برنامج الوورد او بصيغة txt.
نضغط مرتين على هذه الصفحة فتنفتح نافذة بيضاء نذهب الى
file......> import and export......> import media
ونعين الملف الذي اعددناه لهذا الغرض سيضع البرنامج في هذه الصفحة ايقونة باسم هذا النص انظر الصورة
http://www.arabsgate.com/edu-teachers/uploads/24813_409940de01c19ac7c.jpg
نضغط مرتين على هذه الايقونة ونحدد حجم الورقة بما يتناسب وشاشة العرض ثم الى يسار الشاشة تحت شريط الادوات يظهر شريط ادوات اخر من هذا الشريط نستطيع ان نجعل خلفية النص شفافة
نضغط على المربع modes فيظهر لنا شريط اخر نختار منه Transparent انظر الصورة
http://www.arabsgate.com/edu-teachers/uploads/24813_438440de01e498e41.jpg
بعد ذلك نقوم بغلق النافذة. لقد انتهينا من صفحة واحدة لعمل الصفحة الثانية نقوم بنفس الخطوات الي قمنا بها في الصفحة الاولى . نسحب ايقونة Map ونضعها الى يمين ابقونة الصفحة الاولى نسمي هذه الايقونة page2 ننقر عليها مرتين ثم نقوم باستيراد النص وتحديد حجمه ثم اختيار خلفية شفافة.
سيكون تصميم الصفحة الرئيسية للمشروع بهذا الشكل
http://www.arabsgate.com/edu-teachers/uploads/24813_633440de01f5540c1.jpg
ما بقى علينا ان نعمله الان للانتهاء من هذا الفصل هو ربطه بالمنيو الرئيسية التي صممناها البارحة.
نذهب الى المنيو الرئيسية ونضغط على الايقونة التي سميناها Option1
في نافذة الخصائص نضع الاعدادات التالية
في حقل Destination نختار Anywhere
من Type نعلم على Call and return
من Framework نختار chapter1
من نافذة Page نظلل على Page1 انظر الصورة
http://www.arabsgate.com/edu-teachers/uploads/24813_542440de0208314e1.jpg
الان انتهينا من وضع الرابط للفصل الاول نقوم الان بتجربة العمل واذا احتجنا بعض التعديل للازرار نضغط على المفتاح رقم 2 في الكيبورد ونقوم بترتيبها ستكون عندك الواجهة الرئيسية بعد الضغط على الزر الذي سميناه Option1 شيئا مشابها لهذه الصورة
http://www.arabsgate.com/edu-teachers/uploads/24813_369040de02226f5c6.jpg
في الدرس القادم نتحدث عن الفصل الثاني