abohmam
01-07-2008, 08:59 PM
بسم الله الرحمن الرحيم
الحمدلله والصلاة والسلام على رسول الله وعلى آله وصحبه أجمعين
السلام عليكم ورحمة الله وبركاته
نستكمل معا هذه الدروس المباركة إن شاء الله تعالى لدورة ( كيف تصمم كتابا إلكترونيا بإحتراف )
والتى تعلمنا في الدرس الأول تحضير الصفحات فى برنامج فرنت بيج بعدد خطوات الشرح
- حصريا بداية دورة تصميم الكتب الإلكترونية : 1- تحضير صفحات الكتاب (http://www.abc4web.net/vb/showthread.php?t=1065)
واليوم سوف نتعلم طريقة ربط هذه الصفحات ببعض بأكثر من طريقة
9 - الآن نفتح برنامج فرونت بيج من جديد ونفتح الصفحة الرئيسية وهى أول صفحة قمنا بحفظها باسم index
هنا تختلف الأذواق وأسلوب التصميم من شخص لآخر ، ولكننا سوف نعتمد هنا أسلوب مرتب :
بأن نجعل صفحة البداية كتعريف بالمحتوى بإلإضافة الى تقسيم الشرح فى خطوات وإضافة روابط أو أزرار لنصل الى هذه الخطوات .
وكانت هذه آخر خطوة توقفنا عندها وأصبح شكل الصفحة بعد إضافة الجدول هكذا
http://www.abc4web.net/vb/imgcache/4137.abc4web
10- فى البداية نقوم بتظليل محتوى الجدول كما تعلمنا فى الخطوة رقم 6 ونقوم بدمج الخلايا
(راجع الصورة والتعليق عليها )
http://www.abc4web.net/vb/imgcache/4237.abc4web (http://www.abc4web.net/upload/)
وسيصبح شكل صفحة البداية أو الفهرس Index بهذا الشكل .
http://www.abc4web.net/vb/imgcache/4238.abc4web (http://www.abc4web.net/upload/)
داخل الجدول أكتب تعريفك الذى تريده عن محتوى الكتاب وضع صورة للبرنامج أو لوجو موقعك أو توقيعك !
11 - الآن سوف نقوم بإضافة جدول كى نضع فيه روابط للصفحات ننتقل من خلاله بين صفحات الكتاب أو الموقع.
سوف اضيف جدول أعلى الصفحة ، سنضع فى هذا الجدول الأزرار او الروابط لمحتوى الشرح
وهذا الجدول سيكون بعدد الصفحات التى سوف سيتكون منها الكتاب ، مثلا سوف أختار جدول من صف واحد ومكون من 5 خلايا .
كما تعلمنا فى الخطوة رقم 3 : 4 طريقة إضافة جدول http://www.abc4web.net/vb/imgcache/4131.abc4web:
(راجع الصورة والتعليق عليها )
http://www.abc4web.net/vb/imgcache/4133.abc4web
- تفتح لنا نافذة خصائص الجدول كما تعلمنا فى الخطوات السابقة سوف نقوم بتنسيق هذا الجدول بالعدد والمقاسات التالية طبعا ( الأمر إختيارى ) تستطيع جعل الجدول شفاف حتى إذا أضفنا أزرار تظهر بدون حدود حولها المهم نبنى هيكل نغير فيه كما نريد بعد ذلك.
(راجع الصورة والتعليق عليها )
http://www.abc4web.net/vb/imgcache/4239.abc4web (http://www.abc4web.net/upload/)
وهذا هو شكل الجدول الذى قمنا يإنشاءه بالإعدادات التى فى الصورة السابقة.
وسوف نضع فيه الروابط أو الأزرار .
http://www.abc4web.net/vb/imgcache/4240.abc4web (http://www.abc4web.net/upload/)
12- سوف أشرح لكم هنا ثلاث طرق لإنشاء الإرتباطات بين صفحات الكتاب :
الأولى: كتابة نص ثم يتم ربطه بصفحات الكتاب
الثانية: وضع أرقام فقط للصفحات
الثالثة: وضع أزرار بشكل جميل من داخل البرنامج
الأن عندنا هذا الجدول وسوف نضيف فيه الإرتباط بالصفحات الأخرى بثلاث طرق مختلفة .
http://www.abc4web.net/vb/imgcache/4241.abc4web (http://www.abc4web.net/upload/)
الطريقة الأولى : وهى كتابة عنوان نصي عند الضغط عليه يتم الذهاب للصفحة الأخرى.
- نضع مؤشر الماوس فى الجدول الذى سنكتب فيه ونكتب العنوان وسوف أكتب أنا الصفحات للتعريف فقط :
الصفحة الأولى - الصفحة الثانية - الصفحة الثالثة .... وهكذا
نكتب ونختار لون للنص وحجم كما نريد شاهد هذه الصورة .
http://www.abc4web.net/vb/imgcache/4242.abc4web (http://www.abc4web.net/upload/)
الطريقة الثانية : وهى إضافة أرقام أو أزرار من خارج البرنامج يتم إضافة الروابط اليها للتنقل بين صفحات الكتاب.
الآن نضيف الصور التى نريد أن تكون أزرار للتنقل وطريقة إضافة الصور سهلة جدا !
أفتح مجلد الصور الذى به صور الشرح وأدوات الكتاب الذى اتفنا على تحضيره منذ البداية ثم ( سحب وإفلات ) للصورة التى تريد إضافتها .
ويمكن أيضا عن طريق شريط الأدوات (إضافة صورة) http://www.abc4web.net/vb/imgcache/4243.abc4web
(راجع الصورة والتعليق عليها )
http://www.abc4web.net/vb/imgcache/4244.abc4web (http://www.abc4web.net/upload/)
نقوم بتكرار العملية ونضيف الأزرار أو الأرقام التى نريدها فى الجدول .
طبعا يمكن لنا زيادة خلايا الجدول لإضافة المزيد من الأزرار.
http://www.abc4web.net/vb/imgcache/4245.abc4web (http://www.abc4web.net/upload/)
كذلك وهذا مهم جدا : يمكن لنا نقل أو نسخ الجدول كاملا الى أسفل الصفحة
وذلك بتظليله ثم ( القص واللصق ) أو ( النسخ واللصق ) الى تحت الجدول الآخر .
- وهذا الذى سنقوم به عند نسخ هذا الجدول بمحتوياته الى جميع الصفحات الأخرى .
==================
الآن طريقة إضافة الإرتباطات التشعبية وبمعنى آخر :
( الربط بين صفحات الكتاب أو الموقع ) والطريقة للطريقتين سهلة :
إضافة إرتباط للنص :
1- نقوم بتظليل النص
2- من شريط الأدوات نختار أيقونة إضافة الروابط http://www.abc4web.net/vb/imgcache/4246.abc4web
3- تفتح لنا نافذة نختار منها الرابط نقوم بتحديد مجلد العمل
4- نختار الصفحة ، أو نضيف رابط للذهاب الى موقع طريق الإحتراف مثلا وهذا يتم بكتابة رابط الموقع.
5- إذا أردت وضع رابط للمراسلة وضيف عنوان بريدى.
(راجع الصورة والتعليق عليها )
http://www.abc4web.net/vb/imgcache/4247.abc4web (http://www.abc4web.net/upload/)
6- عند الضغط على Target frame لتحديد مكان فتح الصفحات تفتح لنا نافذة نقوم بتحديد مكان فتح الروابط من خلالها .
إذا كان الرابط صفحة سوف نتركها على الإفتراضى أو فى نفس الفرام.
إذا كنت تريد رابط لموقع فستختار نافذة جديدة .
ملحوظة :إضافة إرتباط للصور بنفس الطريقة نحدد الصورة بالضغط عليها ثم نفعل كما فعلنا مع النص.
(راجع الصورة والتعليق عليها )
http://www.abc4web.net/vb/imgcache/4248.abc4web (http://www.abc4web.net/upload/)
وبهذه الطريقة تعلمنا كيفية إضافة الروابط على النص والصور وأيضا تعلمنا طريقة الربط بين صفحات الكتاب
الآن يمكنك نسخ هذا الجدول بمحتوياته الى جميع صفحات الكتاب
تبقى الطريقة الثالثة وهى إضافة أزرار ديناميكية أو بالجافا عند اللمس يتغير لونها مثلا !والبرنامج به مجموعة هائلة من هذه الأزرار يمكن إستخدامها مباشرة.
ولكن سوف نفرد لها درس أو ربما أنتهى من الدرس واضيفه هنا
وإلى أن ألتقى بكم فى درسنا القادم أستودعكم الله الذى لاتضيع ودائعه.
أسأل الله لى ولكم جميعا التوفيق والسداد
ولاتنسونا من صالح دعائكم
.
مـ(أجمل تحية لكم جميعا )ـع
أبو هــــMـــام
.
الحمدلله والصلاة والسلام على رسول الله وعلى آله وصحبه أجمعين
السلام عليكم ورحمة الله وبركاته
نستكمل معا هذه الدروس المباركة إن شاء الله تعالى لدورة ( كيف تصمم كتابا إلكترونيا بإحتراف )
والتى تعلمنا في الدرس الأول تحضير الصفحات فى برنامج فرنت بيج بعدد خطوات الشرح
- حصريا بداية دورة تصميم الكتب الإلكترونية : 1- تحضير صفحات الكتاب (http://www.abc4web.net/vb/showthread.php?t=1065)
واليوم سوف نتعلم طريقة ربط هذه الصفحات ببعض بأكثر من طريقة
9 - الآن نفتح برنامج فرونت بيج من جديد ونفتح الصفحة الرئيسية وهى أول صفحة قمنا بحفظها باسم index
هنا تختلف الأذواق وأسلوب التصميم من شخص لآخر ، ولكننا سوف نعتمد هنا أسلوب مرتب :
بأن نجعل صفحة البداية كتعريف بالمحتوى بإلإضافة الى تقسيم الشرح فى خطوات وإضافة روابط أو أزرار لنصل الى هذه الخطوات .
وكانت هذه آخر خطوة توقفنا عندها وأصبح شكل الصفحة بعد إضافة الجدول هكذا
http://www.abc4web.net/vb/imgcache/4137.abc4web
10- فى البداية نقوم بتظليل محتوى الجدول كما تعلمنا فى الخطوة رقم 6 ونقوم بدمج الخلايا
(راجع الصورة والتعليق عليها )
http://www.abc4web.net/vb/imgcache/4237.abc4web (http://www.abc4web.net/upload/)
وسيصبح شكل صفحة البداية أو الفهرس Index بهذا الشكل .
http://www.abc4web.net/vb/imgcache/4238.abc4web (http://www.abc4web.net/upload/)
داخل الجدول أكتب تعريفك الذى تريده عن محتوى الكتاب وضع صورة للبرنامج أو لوجو موقعك أو توقيعك !
11 - الآن سوف نقوم بإضافة جدول كى نضع فيه روابط للصفحات ننتقل من خلاله بين صفحات الكتاب أو الموقع.
سوف اضيف جدول أعلى الصفحة ، سنضع فى هذا الجدول الأزرار او الروابط لمحتوى الشرح
وهذا الجدول سيكون بعدد الصفحات التى سوف سيتكون منها الكتاب ، مثلا سوف أختار جدول من صف واحد ومكون من 5 خلايا .
كما تعلمنا فى الخطوة رقم 3 : 4 طريقة إضافة جدول http://www.abc4web.net/vb/imgcache/4131.abc4web:
(راجع الصورة والتعليق عليها )
http://www.abc4web.net/vb/imgcache/4133.abc4web
- تفتح لنا نافذة خصائص الجدول كما تعلمنا فى الخطوات السابقة سوف نقوم بتنسيق هذا الجدول بالعدد والمقاسات التالية طبعا ( الأمر إختيارى ) تستطيع جعل الجدول شفاف حتى إذا أضفنا أزرار تظهر بدون حدود حولها المهم نبنى هيكل نغير فيه كما نريد بعد ذلك.
(راجع الصورة والتعليق عليها )
http://www.abc4web.net/vb/imgcache/4239.abc4web (http://www.abc4web.net/upload/)
وهذا هو شكل الجدول الذى قمنا يإنشاءه بالإعدادات التى فى الصورة السابقة.
وسوف نضع فيه الروابط أو الأزرار .
http://www.abc4web.net/vb/imgcache/4240.abc4web (http://www.abc4web.net/upload/)
12- سوف أشرح لكم هنا ثلاث طرق لإنشاء الإرتباطات بين صفحات الكتاب :
الأولى: كتابة نص ثم يتم ربطه بصفحات الكتاب
الثانية: وضع أرقام فقط للصفحات
الثالثة: وضع أزرار بشكل جميل من داخل البرنامج
الأن عندنا هذا الجدول وسوف نضيف فيه الإرتباط بالصفحات الأخرى بثلاث طرق مختلفة .
http://www.abc4web.net/vb/imgcache/4241.abc4web (http://www.abc4web.net/upload/)
الطريقة الأولى : وهى كتابة عنوان نصي عند الضغط عليه يتم الذهاب للصفحة الأخرى.
- نضع مؤشر الماوس فى الجدول الذى سنكتب فيه ونكتب العنوان وسوف أكتب أنا الصفحات للتعريف فقط :
الصفحة الأولى - الصفحة الثانية - الصفحة الثالثة .... وهكذا
نكتب ونختار لون للنص وحجم كما نريد شاهد هذه الصورة .
http://www.abc4web.net/vb/imgcache/4242.abc4web (http://www.abc4web.net/upload/)
الطريقة الثانية : وهى إضافة أرقام أو أزرار من خارج البرنامج يتم إضافة الروابط اليها للتنقل بين صفحات الكتاب.
الآن نضيف الصور التى نريد أن تكون أزرار للتنقل وطريقة إضافة الصور سهلة جدا !
أفتح مجلد الصور الذى به صور الشرح وأدوات الكتاب الذى اتفنا على تحضيره منذ البداية ثم ( سحب وإفلات ) للصورة التى تريد إضافتها .
ويمكن أيضا عن طريق شريط الأدوات (إضافة صورة) http://www.abc4web.net/vb/imgcache/4243.abc4web
(راجع الصورة والتعليق عليها )
http://www.abc4web.net/vb/imgcache/4244.abc4web (http://www.abc4web.net/upload/)
نقوم بتكرار العملية ونضيف الأزرار أو الأرقام التى نريدها فى الجدول .
طبعا يمكن لنا زيادة خلايا الجدول لإضافة المزيد من الأزرار.
http://www.abc4web.net/vb/imgcache/4245.abc4web (http://www.abc4web.net/upload/)
كذلك وهذا مهم جدا : يمكن لنا نقل أو نسخ الجدول كاملا الى أسفل الصفحة
وذلك بتظليله ثم ( القص واللصق ) أو ( النسخ واللصق ) الى تحت الجدول الآخر .
- وهذا الذى سنقوم به عند نسخ هذا الجدول بمحتوياته الى جميع الصفحات الأخرى .
==================
الآن طريقة إضافة الإرتباطات التشعبية وبمعنى آخر :
( الربط بين صفحات الكتاب أو الموقع ) والطريقة للطريقتين سهلة :
إضافة إرتباط للنص :
1- نقوم بتظليل النص
2- من شريط الأدوات نختار أيقونة إضافة الروابط http://www.abc4web.net/vb/imgcache/4246.abc4web
3- تفتح لنا نافذة نختار منها الرابط نقوم بتحديد مجلد العمل
4- نختار الصفحة ، أو نضيف رابط للذهاب الى موقع طريق الإحتراف مثلا وهذا يتم بكتابة رابط الموقع.
5- إذا أردت وضع رابط للمراسلة وضيف عنوان بريدى.
(راجع الصورة والتعليق عليها )
http://www.abc4web.net/vb/imgcache/4247.abc4web (http://www.abc4web.net/upload/)
6- عند الضغط على Target frame لتحديد مكان فتح الصفحات تفتح لنا نافذة نقوم بتحديد مكان فتح الروابط من خلالها .
إذا كان الرابط صفحة سوف نتركها على الإفتراضى أو فى نفس الفرام.
إذا كنت تريد رابط لموقع فستختار نافذة جديدة .
ملحوظة :إضافة إرتباط للصور بنفس الطريقة نحدد الصورة بالضغط عليها ثم نفعل كما فعلنا مع النص.
(راجع الصورة والتعليق عليها )
http://www.abc4web.net/vb/imgcache/4248.abc4web (http://www.abc4web.net/upload/)
وبهذه الطريقة تعلمنا كيفية إضافة الروابط على النص والصور وأيضا تعلمنا طريقة الربط بين صفحات الكتاب
الآن يمكنك نسخ هذا الجدول بمحتوياته الى جميع صفحات الكتاب
تبقى الطريقة الثالثة وهى إضافة أزرار ديناميكية أو بالجافا عند اللمس يتغير لونها مثلا !والبرنامج به مجموعة هائلة من هذه الأزرار يمكن إستخدامها مباشرة.
ولكن سوف نفرد لها درس أو ربما أنتهى من الدرس واضيفه هنا
وإلى أن ألتقى بكم فى درسنا القادم أستودعكم الله الذى لاتضيع ودائعه.
أسأل الله لى ولكم جميعا التوفيق والسداد
ولاتنسونا من صالح دعائكم
.
مـ(أجمل تحية لكم جميعا )ـع
أبو هــــMـــام
.