abohmam
28-06-2008, 03:06 AM
بسم الله الرحمن الرحيم
الحمدلله والصلاة والسلام على رسول الله وعلى آله وصحبه أجمعين
السلام عليكم ورحمة الله وبركاته
نظرا للطلب الكثير على معرفة الطريقة الإحترافية أوالمثالية لإنشاء الكتب الإلكترونية ،
بالرغم من كثرة وجود شروحات فى المنتديات عن هذا الأمر إلا أنهم يهتمون فقط بشرح برامج تجميع الكتاب الإلكتروني
ولم يهتموا بكيفية تجهير الصفحات التى تعتمد عليها برامج تجميع الكتب حيث أنها تقوم
بتحويل ملفات html إلى ملف تنفيذى EXE
لذلك كل العمل والإبداع يجب أن يكون فى صفحات الكتاب من تنسيق وتوزيع للصور بشكل جيد وربط بين الصفحات بطريقة إحترافية.
وهذا سوف يكون شرحنا أن شاء الله تعالى فى هذه الدورة الإحترافية فى تصميم الكتب الإلكترونية
ومنهج الدورة هو كالآتي :
1- تجهيز أدوات العمل البرامج المستخدمة وهى برنامج فرونت بيج + برامج تجميع الكتب
ويمكنكم تحميل أحد النسخ الآتية للعمل مباشرة ومتابعة الشرح لبرنامج فرونت بيج
- -/ برنامج Frontpage 2003-arb العربي ! مع إسطوانة تعليمية! \- (http://www.abc4web.net/vb/showthread.php?t=619)
- سوف ارفع لكم نسخة بورتابل أجنبية لمن يريد متابعة صور الشرح أيضا
- برامج تجميع الكتب الإلكترونية وسوف نعتمد برنامجين فقط وهما فى القسم
2- شرح إعدادات الصفحة وتجهيز الصفحات التى سنربط بينها
3- طريقة الربط بين الصفحات ( بالنص - صورة - أزرار جافا )
4- طريقة إضافة الصور وفتحها بتأثير جافا
5- الإعتماد على تصميم الصفحات بالفرام
6- إعتماد التنقل بين صور الشرح كألبوم بتأثير جافا
7- شرح برامج تجميع الكتاب الإلكتروني
=====/ بداية الشرح \=====
نقوم بفتح برنامج الفرونت بيج لتصميم أول صفحة
وسوف نرى هذه الواجهة وقد وضعت تعريف سريع للواجهة فقط ولم أشرح البرنامج لأننا سوف نقوم بالتطبيق مباشرة لسرعة الفائدة
- هنا قمت بوضع تعليق مختصر لشرط الأدوات فط لأخذ فكرة عامة عن مساحة العمل ، لأنى سوف لاأقوم بشرح البرنامج نفسه ولكننا سنشرح بواسطة التطبيق المباشر على البرنامج ، وسوف تكون هناك إن شاء الله بعض الإضافات ساطرحها بطريقة السؤال والجواب لنزيد من القدرة على إستخدام البرنامج فى التطبيقات إن شاء الله تعالى.
فى البداية كما نشاهد الصورة نستطيع زيادة مساحة نافذة العمل بإغلاق القائمة اليمنى الخاصة بالمساعدة وفتح بعض الملفات.
http://www.abc4web.net/vb/imgcache/4125.abc4web (http://www.abc4web.net/upload/)
ولمن يريد شرح البرنامج يمكنه تحميل إسطوانة عربية صوت وصورة لشرح البرنامج
1 - الآن مع أول خطوة فى إنشاء صفحات الكتاب ، وهى إنشاء صفحة جديدة ، إذا فتحنا البرنامج لأول مرة سوف يفتح لنا صفحة بيضاء جديدة .
الآن سنقوم بتعديل خصائص الصفحة وهى هامة جدا لنا فى بداية العمل خاصة إذا كانت الكتابة باللغة العربية.
للوصول إلى خصائص الصفحة هناك طريقتان:
الأولى : من قائمة Format نختار Properties
الثانية : الوقوف على مساحة الصفحة وبيمين الماوس نختار من Page Properties ( خصائص الصفحة ).
http://www.abc4web.net/vb/imgcache/4126.abc4web (http://www.abc4web.net/upload/)
2 - الإعدادات العامة :
مكان حفظ الصفحة ، وإسم الصفحة وإتجاه الصفحة ( من اليمين إلى اليسار ) للغة العربية.
وإذا تريد تشغيل ملف صوتى اثناء العرض ( وممنوع وضع ملفات غنائية لنهى الرسول صلى الله عليه وسلم عن ذلك طبعا)
http://www.abc4web.net/vb/imgcache/4127.abc4web (http://www.abc4web.net/upload/)
خيارات الخلفية :
تستطيع إستخدام صورة كخلفية أو لون )
ولون الخط وطريقة التأثير فى عرض الإرتباطات التشعبية
http://www.abc4web.net/vb/imgcache/4128.abc4web (http://www.abc4web.net/upload/)
خيارات ترميز اللغة : "هام جدا"
وكما ذكرت هذه الخيارات هامة جدا لعرض اللغة العربية بشكل صحيح
بعد الإنتهاء من هذه الخيارات نضغط على OK كى نشاهد ماتم إختياره من خصائص .
http://www.abc4web.net/vb/imgcache/4129.abc4web (http://www.abc4web.net/upload/)
- الآن وبعد الإنتهاء من تعديل الخصائص للصفحة ، نشاهد مباشرة تغير لون الخلفية وعند البداية فى الكتابة سوف نرى أيضا أن لون الخط الإفتراضي قد تغير .
إذا أردت عدم تحديد جدول لوضع محتوى كتابك الإلكتروني ، فعليك بكتابة المضمون وإضافة الصور ، وإذا أردت أسلوب " طريق الإحتراف " فتابع معى ولاتستعجل
http://www.abc4web.net/vb/imgcache/4130.abc4web (http://www.abc4web.net/upload/)
3 - الآن سنقوم بإنشاء جدول كى نضع فيه محتوى الشرح من عبارات وصور وتعليقات بطريقة جميلة.
- نستطيع فعل ذلك مباشرة من الشريط السريع للأدوات من هذه الأيقونة http://www.abc4web.net/vb/imgcache/4131.abc4web
نختار العدد المناسب من صفوف وأعمدة وللذهاب إلى خصائص الجدول :
إما من قائمة Table ، أو بالوقوف داخل الجدول وبيمين الماوس نختار خصائص الجدول ( Table Properties )
http://www.abc4web.net/vb/imgcache/4132.abc4web (http://www.abc4web.net/upload/)
4- أو نقوم بإنشاء الجدول من شريط الأدوات نختار Table ( جدول ) ثم Insert (إضافة) أخيرا Table (جدول) تابع الصورة !
http://www.abc4web.net/vb/imgcache/4133.abc4web (http://www.abc4web.net/upload/)
5- تفتح لنا نافذة خصائص الجدول الآن نستطيع فعل مانريده فى الجدول الذى قمنا بإضافته سريعا مكونا من عمودين وأربعة صفوف .
- نستطيع هنا تنسيق الجدول كما نرغب مثل :
زيادة صفوف الجدول
توسيط الجدول
لون خلفية الجدول
لون حدود الجدول أو إختياره بدون حدود .
http://www.abc4web.net/vb/imgcache/4134.abc4web (http://www.abc4web.net/upload/)
الآن أصبح لدينا جدول مكون من عمودين وبعض الصفوف
6- سوف أقوم الآن بوضع عنوان للشرح وذلك بالطريقة التالية
سوف اقوم بإلغاء التقسيم فى هذا الجدول بين الخلايا كى أضع عنوانا مثلا للشرح
نقوم بتظليل الخليتين بالضغط على زر الفأرة الأيسر ثم السحب ، ثم نضغط على زر الفأرة الأيمن كى نظهر لنا قائمة الإختيارات ونختار Merge Cells أى دمج الخلايا.
- لايفوتنى هنا أن أذكر بأن هذه النافذة هامة جدا لإضافة الصفوف أو الأعمدة فى الجدول وكذلك تقسيم الخلايا .
http://www.abc4web.net/vb/imgcache/4135.abc4web (http://www.abc4web.net/upload/)
7- نكتب العنوان وننسق الكتابة كما نريد مثلما نفعل فى برنامج وورد
http://www.abc4web.net/vb/imgcache/4136.abc4web (http://www.abc4web.net/upload/)
- وهذه هى النتيجة
عنوان وثلاثة صفوف سيتم وضع الشرح بها .
- ولكنى سوف أضيف المزيد من الصفوف ، من خيارات الجدول راجع الخطوة رقم 5
وهذا الأمر إختيارى طبعا ، ويمكنك الإستغناء تماما عن هذا الجدول وتكتب ماتريد كأنك فى برنامج الوورد وتنسق النص كما تشاء .
http://www.abc4web.net/vb/imgcache/4137.abc4web (http://www.abc4web.net/upload/)
8- نقوم بحفظ هذه الصفحة بعدد الدروس التى سنضعها ونضع ترقيم لهذه الصفحات مثلا يتم الحفظ هكذا :
أول صفحة كفهرس index ثم نحفظها مرة أخرى بهذا الترتيب
les_01 ثم نحفظها مرة ثانية بإسم
les_02 وثالثة بإسم
les_03 وهكذا .....
بذلك يكون لديناعدد الصفحات التى سوف نربط بينها فى الكتاب ، وسنقوم بالتعديل على محتوى كل صفحة كما نريد طبعا بعد ذلك . وسف يكون هيكل الكتاب كما فى الصورة .
http://www.abc4web.net/vb/imgcache/4138.abc4web (http://www.abc4web.net/upload/)
====/ أنتهى درسنا اليوم \=====
وفى الدرس القادم سنقوم بربط هذه الصفحات ببعض
ووضع فهرس خاص فى الصفحة الأولى
وطريقة إضافة الأزرار بتأثير جافا
:ok:
الدرس الثاني (http://www.abc4web.net/vb/showthread.php?t=1081)
إلى أن ألتقي بكم فى الدرس القادم استودعكم الله الذى لاتضيع ودائعه
- حصريا دورة تصميم الكتب الإلكترونية : 2- ربط صفحات الكتاب (http://www.abc4web.net/vb/showthread.php?t=1081)
مـ(أجمل تحية لكم جميعا)ـع
أبو هــــMــــام
.
الحمدلله والصلاة والسلام على رسول الله وعلى آله وصحبه أجمعين
السلام عليكم ورحمة الله وبركاته
نظرا للطلب الكثير على معرفة الطريقة الإحترافية أوالمثالية لإنشاء الكتب الإلكترونية ،
بالرغم من كثرة وجود شروحات فى المنتديات عن هذا الأمر إلا أنهم يهتمون فقط بشرح برامج تجميع الكتاب الإلكتروني
ولم يهتموا بكيفية تجهير الصفحات التى تعتمد عليها برامج تجميع الكتب حيث أنها تقوم
بتحويل ملفات html إلى ملف تنفيذى EXE
لذلك كل العمل والإبداع يجب أن يكون فى صفحات الكتاب من تنسيق وتوزيع للصور بشكل جيد وربط بين الصفحات بطريقة إحترافية.
وهذا سوف يكون شرحنا أن شاء الله تعالى فى هذه الدورة الإحترافية فى تصميم الكتب الإلكترونية
ومنهج الدورة هو كالآتي :
1- تجهيز أدوات العمل البرامج المستخدمة وهى برنامج فرونت بيج + برامج تجميع الكتب
ويمكنكم تحميل أحد النسخ الآتية للعمل مباشرة ومتابعة الشرح لبرنامج فرونت بيج
- -/ برنامج Frontpage 2003-arb العربي ! مع إسطوانة تعليمية! \- (http://www.abc4web.net/vb/showthread.php?t=619)
- سوف ارفع لكم نسخة بورتابل أجنبية لمن يريد متابعة صور الشرح أيضا
- برامج تجميع الكتب الإلكترونية وسوف نعتمد برنامجين فقط وهما فى القسم
2- شرح إعدادات الصفحة وتجهيز الصفحات التى سنربط بينها
3- طريقة الربط بين الصفحات ( بالنص - صورة - أزرار جافا )
4- طريقة إضافة الصور وفتحها بتأثير جافا
5- الإعتماد على تصميم الصفحات بالفرام
6- إعتماد التنقل بين صور الشرح كألبوم بتأثير جافا
7- شرح برامج تجميع الكتاب الإلكتروني
=====/ بداية الشرح \=====
نقوم بفتح برنامج الفرونت بيج لتصميم أول صفحة
وسوف نرى هذه الواجهة وقد وضعت تعريف سريع للواجهة فقط ولم أشرح البرنامج لأننا سوف نقوم بالتطبيق مباشرة لسرعة الفائدة
- هنا قمت بوضع تعليق مختصر لشرط الأدوات فط لأخذ فكرة عامة عن مساحة العمل ، لأنى سوف لاأقوم بشرح البرنامج نفسه ولكننا سنشرح بواسطة التطبيق المباشر على البرنامج ، وسوف تكون هناك إن شاء الله بعض الإضافات ساطرحها بطريقة السؤال والجواب لنزيد من القدرة على إستخدام البرنامج فى التطبيقات إن شاء الله تعالى.
فى البداية كما نشاهد الصورة نستطيع زيادة مساحة نافذة العمل بإغلاق القائمة اليمنى الخاصة بالمساعدة وفتح بعض الملفات.
http://www.abc4web.net/vb/imgcache/4125.abc4web (http://www.abc4web.net/upload/)
ولمن يريد شرح البرنامج يمكنه تحميل إسطوانة عربية صوت وصورة لشرح البرنامج
1 - الآن مع أول خطوة فى إنشاء صفحات الكتاب ، وهى إنشاء صفحة جديدة ، إذا فتحنا البرنامج لأول مرة سوف يفتح لنا صفحة بيضاء جديدة .
الآن سنقوم بتعديل خصائص الصفحة وهى هامة جدا لنا فى بداية العمل خاصة إذا كانت الكتابة باللغة العربية.
للوصول إلى خصائص الصفحة هناك طريقتان:
الأولى : من قائمة Format نختار Properties
الثانية : الوقوف على مساحة الصفحة وبيمين الماوس نختار من Page Properties ( خصائص الصفحة ).
http://www.abc4web.net/vb/imgcache/4126.abc4web (http://www.abc4web.net/upload/)
2 - الإعدادات العامة :
مكان حفظ الصفحة ، وإسم الصفحة وإتجاه الصفحة ( من اليمين إلى اليسار ) للغة العربية.
وإذا تريد تشغيل ملف صوتى اثناء العرض ( وممنوع وضع ملفات غنائية لنهى الرسول صلى الله عليه وسلم عن ذلك طبعا)
http://www.abc4web.net/vb/imgcache/4127.abc4web (http://www.abc4web.net/upload/)
خيارات الخلفية :
تستطيع إستخدام صورة كخلفية أو لون )
ولون الخط وطريقة التأثير فى عرض الإرتباطات التشعبية
http://www.abc4web.net/vb/imgcache/4128.abc4web (http://www.abc4web.net/upload/)
خيارات ترميز اللغة : "هام جدا"
وكما ذكرت هذه الخيارات هامة جدا لعرض اللغة العربية بشكل صحيح
بعد الإنتهاء من هذه الخيارات نضغط على OK كى نشاهد ماتم إختياره من خصائص .
http://www.abc4web.net/vb/imgcache/4129.abc4web (http://www.abc4web.net/upload/)
- الآن وبعد الإنتهاء من تعديل الخصائص للصفحة ، نشاهد مباشرة تغير لون الخلفية وعند البداية فى الكتابة سوف نرى أيضا أن لون الخط الإفتراضي قد تغير .
إذا أردت عدم تحديد جدول لوضع محتوى كتابك الإلكتروني ، فعليك بكتابة المضمون وإضافة الصور ، وإذا أردت أسلوب " طريق الإحتراف " فتابع معى ولاتستعجل
http://www.abc4web.net/vb/imgcache/4130.abc4web (http://www.abc4web.net/upload/)
3 - الآن سنقوم بإنشاء جدول كى نضع فيه محتوى الشرح من عبارات وصور وتعليقات بطريقة جميلة.
- نستطيع فعل ذلك مباشرة من الشريط السريع للأدوات من هذه الأيقونة http://www.abc4web.net/vb/imgcache/4131.abc4web
نختار العدد المناسب من صفوف وأعمدة وللذهاب إلى خصائص الجدول :
إما من قائمة Table ، أو بالوقوف داخل الجدول وبيمين الماوس نختار خصائص الجدول ( Table Properties )
http://www.abc4web.net/vb/imgcache/4132.abc4web (http://www.abc4web.net/upload/)
4- أو نقوم بإنشاء الجدول من شريط الأدوات نختار Table ( جدول ) ثم Insert (إضافة) أخيرا Table (جدول) تابع الصورة !
http://www.abc4web.net/vb/imgcache/4133.abc4web (http://www.abc4web.net/upload/)
5- تفتح لنا نافذة خصائص الجدول الآن نستطيع فعل مانريده فى الجدول الذى قمنا بإضافته سريعا مكونا من عمودين وأربعة صفوف .
- نستطيع هنا تنسيق الجدول كما نرغب مثل :
زيادة صفوف الجدول
توسيط الجدول
لون خلفية الجدول
لون حدود الجدول أو إختياره بدون حدود .
http://www.abc4web.net/vb/imgcache/4134.abc4web (http://www.abc4web.net/upload/)
الآن أصبح لدينا جدول مكون من عمودين وبعض الصفوف
6- سوف أقوم الآن بوضع عنوان للشرح وذلك بالطريقة التالية
سوف اقوم بإلغاء التقسيم فى هذا الجدول بين الخلايا كى أضع عنوانا مثلا للشرح
نقوم بتظليل الخليتين بالضغط على زر الفأرة الأيسر ثم السحب ، ثم نضغط على زر الفأرة الأيمن كى نظهر لنا قائمة الإختيارات ونختار Merge Cells أى دمج الخلايا.
- لايفوتنى هنا أن أذكر بأن هذه النافذة هامة جدا لإضافة الصفوف أو الأعمدة فى الجدول وكذلك تقسيم الخلايا .
http://www.abc4web.net/vb/imgcache/4135.abc4web (http://www.abc4web.net/upload/)
7- نكتب العنوان وننسق الكتابة كما نريد مثلما نفعل فى برنامج وورد
http://www.abc4web.net/vb/imgcache/4136.abc4web (http://www.abc4web.net/upload/)
- وهذه هى النتيجة
عنوان وثلاثة صفوف سيتم وضع الشرح بها .
- ولكنى سوف أضيف المزيد من الصفوف ، من خيارات الجدول راجع الخطوة رقم 5
وهذا الأمر إختيارى طبعا ، ويمكنك الإستغناء تماما عن هذا الجدول وتكتب ماتريد كأنك فى برنامج الوورد وتنسق النص كما تشاء .
http://www.abc4web.net/vb/imgcache/4137.abc4web (http://www.abc4web.net/upload/)
8- نقوم بحفظ هذه الصفحة بعدد الدروس التى سنضعها ونضع ترقيم لهذه الصفحات مثلا يتم الحفظ هكذا :
أول صفحة كفهرس index ثم نحفظها مرة أخرى بهذا الترتيب
les_01 ثم نحفظها مرة ثانية بإسم
les_02 وثالثة بإسم
les_03 وهكذا .....
بذلك يكون لديناعدد الصفحات التى سوف نربط بينها فى الكتاب ، وسنقوم بالتعديل على محتوى كل صفحة كما نريد طبعا بعد ذلك . وسف يكون هيكل الكتاب كما فى الصورة .
http://www.abc4web.net/vb/imgcache/4138.abc4web (http://www.abc4web.net/upload/)
====/ أنتهى درسنا اليوم \=====
وفى الدرس القادم سنقوم بربط هذه الصفحات ببعض
ووضع فهرس خاص فى الصفحة الأولى
وطريقة إضافة الأزرار بتأثير جافا
:ok:
الدرس الثاني (http://www.abc4web.net/vb/showthread.php?t=1081)
إلى أن ألتقي بكم فى الدرس القادم استودعكم الله الذى لاتضيع ودائعه
- حصريا دورة تصميم الكتب الإلكترونية : 2- ربط صفحات الكتاب (http://www.abc4web.net/vb/showthread.php?t=1081)
مـ(أجمل تحية لكم جميعا)ـع
أبو هــــMــــام
.