أضافة الصور في الفرونت بيج

قبل أن أبدأ في شرح كيفية إضافة الصور في الفرونت بيج , توجد بعض القواعد أو الاقتراحات التي ينبغي أن تنتبه إليها عند استخدام الصور في الفرونت بيج . هذه القواعد ستساعد الآخرين ( المتصفحون لموقعك ) على أن يستمتعوا بصفحاتك عندما يدخلون على موقعك .

1/ استخدام صور صغيرة الحجم :

إن كل ما تراه بواسطة المتصفح الموجود بجهازك يتم تحميله إلى جهازك لعرضه , بما في ذلك من صور . وبالطبع فان الملفات الكبيرة تستغرق وقتا أطول عند تحميلها إلى الشخص الذي يستعرض صفحاتك , الأمر الذي يؤدي إلى استغراق وقت طويل لعرض صفحاتك التي تحتوي على الصور ذات الحجم الكبير .

2/ اجعل كل صفحة لديك تحتفظ بأقل عدد من الصور :

إن وجود عدد كبير من الصور في الصفحة الواحدة أمر غير مستحب , ومثله مثل استخدام الصور ذات الحجم الكبير , ولا يحب أي شخص أن ينتظر كثيرا لمجرد عرض صفحة واحدة فقط لأن ذلك يبعث الملل لدى متصفح موقعك .

3/ لا تضف الصور إلى الصفحة فقط لمجرد أن لديك صورا كثيرة بجهازك :

الصور التي تضيفها إلى صفحاتك سوف تضيف شيئا ما إلى محتوى هذه الصفحات .

إضافة الصور باستخدام الفرونت بيج

إن إدراج الصورة إلى الصفحة باستخدام فرونت بيج تتم بنفس سهولة إضافة النص ولإضافة صورة إلى الصفحة إتيع التالي :

1- افتح صفحة جديدة في الفرونت بيج
2- من قائمة Insert اختر الخيار File ثم Picture لتفتح لك نافذة كالتالي

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

3- حدد ملف الصورة التي تريد إدراجها في صفحتك وذلك من خلال زر المستكشف الموضح بالصورة السابقة
4- اضغط OK وستظهر لك الصورة في الصفحة

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

5- من قائمة File اختر الخيار Save As لتتأكد من أن ملف الصورة قد تم حفظه مع الصفحة التي تعمل بها إلى جانب حفظه في مجلد IMAGES
6- إذا لم يكن المجلد المحدد لحفظ الصور هو مجلد IMAGES فاضغط على زر Change ثم اختر مجلد IMAGES ثم اضغط على زر OK كما تظهر الصورة التالية :

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

7- اضغط OK لتحفظ ملف الصورة في الصفحة التي قمت بعملها .

تعديل ملفات الصور التي لديك

بمجرد أن تنتهي من إدراج ملفات الصور في صفحاتك الشخصية سيكون لديك بعض الأشياء التي تتيح لك التحكم في كيفية عرض الصور داخل صفحاتك الشخصية .

* التحكم في أبعاد الصورة داخل الصفحة
* التحكم في طريقة محاذاة النص بالنسبة للصورة
* تحديد إذا ما كان سيتم عرض الصورة داخل حدود
* إضافة ارتباط تشعبي إلى الصورة

ويجب أن تضع في اعتبارك أن قدرتك على إجراء مثل هذه التغيرات أو التعديلات على الصور لا يعني انك ملزم بإجرائها , فكل هذه التعديلات اختيارية وهي ومتاحة لاستخدامك عندما تقرر الاستعانة بها .

ولتعديل طريقة عرض الصورة داخل الصفحة اتبع الآتي :
1- حدد الصورة التي تريد تعديلها
2- من قائمة Format اختر الخيار Properties فتفتح لك نافذة Picture Properties كما تظهر الصورة التالية

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

3- لإضافة ارتباط تشعبي إلى الصورة , اكتب عنوان URL الخاص بالارتباط التشعبي الذي تريد ربطه مع الصورة وذلك باستخدام جزء من Default Hyperlinks وقد يكون عنوان URL أحد المواقع الأخرى على الإنترنت كأن يكون العنوان مثلا

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]

أو قد يكون ملفا آخر على الموقع الخاص بك كأن يكون العنوان مثلا

Main.html

ويمكنك استخدام زر Browse لتحديد عنوان URL إذا لم تستطع أن تتذكره
4- لتعديل أبعاد الصورة , حدد علامة التبويب Appearance
لتفتح لك النافذة الخاصة بها كما تظهر الصورة التالية

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

5- قم بتغيير قيمتي الطول والعرض لتعدل أبعاد الصورة .
6- اضغط على زر OK لتنفيذ المهمة

ملاحظة هامة :

يمكنك تغيير عرض أبعاد الصورة بطريقة اسهل من الطريقة السابقة وذلك بتحديد الصورة فتظهر لك مربعات عند حواف ومنتصف الصورة كل ما عليك أن تقوم بالضغط على هذه الأبعاد وتحريك الماوس وفق الطول والعرض الذي تختاره

ملاحظة هامة أخرى :

يمكنك استخدام الجداول وذلك لوضع الصور بداخلها بحيث يعطي للصورة مظهر اجمل من جعل الصورة بدون إطار مناسب ويمكنكم عمل ذلك إذا استعنتم بدرس إنشاء استخدام الجداول الذي تم شرحه

شكرا على الموضوع

شكرا على الموضوع
انشاءالله نستفيد منها

شكرا

» برنامج رائع لتحميل الصور بسرعة رهيبة وبي انواع الصور
» تلوين الصور
» تلوين الصور
» موقع حلو لتحرير الصور
» اغرب الحفر في العالم +الصور