|
الدرس الحادي عشر : طريقة إدراج الصور والرسومات والتعامل معها
في هذا الدرس .. سنتناول الحديث عم كيفية
إدراج عنصر مهم في صفحة الويب وهو الصور والرسومات .. ويحتل هذا
العنصر مكانة كبيرة وذات أهمية كبرى .. فالتصميم والموقع الناجح
دائما يدعم بصور .. إما دعائية أو إرشادية أو توضيحية ..
وبشكل أساسي هناك نوعان من الصور الساكنة
التي سوف تستخدمها في صفحات الويب .. ملفات الصور .. والصور
الفنية . وتأتي ملفات الصور في تنسيقات ملفات مختلفة متعددة
ولكنها عادة إما Gif أو
Jpeg وهذين التنسيقين
يقومان بضغط الصورة معطية حجم ملف أصغر من التنسيقات الأخرى .
وهذا يسمح بتحميل ملفات Gif و
Jpeg بسرعة أكبر على
حاسوب زائر موقع الويب .
وبطريقة مماثلة تأتي الصور الفنية
بتنسيقات مختلفة .. وما تزال Gif
و Jpeg
التنسيقات الأكثر شيوعا لملفات الصور الفنية ويحتوي الفرونت بيج إكس بي على العديد من الصور الجاهزة
للاستخدام .. التي تشمل الأزرار , والصور الكرتونية , والخلفيات
والعديد من الصور الأخرى .
ولمعرفة طريقة إدراج صورة داخل موقع الويب
.. أتبع الخطوات التالية :
 |
اذهب إلى القائمة الرئيسية .. ثم
اذهب إلى insert ثم اذهب
إلى picture كما
في الشكل التالي :
|

 |
بعدها ادخل على قائمة picture
تجدها محتويه على عدة خيارات .. كما في الشكل
التالي :
|
|
 |
clip art
تستطيع من خلال هذا الأمر استخدام الصور الفنية
الموجودة داخل الفرونت بيج إكس بي بجميع أنواعها
from file
تستطيع إدراج واستخدام صور خاصة بك مخزنة في جهازك
from scanner
or camera
تستطيع استخدام صور مأخذوة من ماسح ضوئي أو كاميرا
رقمية
new photo
gallery
تسطيع عمل ألبوم صور خاص بالموقع
|
 |
اختر الآن from
file ستفتح لك نافذة .. كما في الشكل التالي :
|

حدد مكان حفظ الصورة واسمها .. وأنقر
insert .. بعدهاسيتم
إدراج الصورة في المكان الذي حددته
 |
يمكنك استخدام اختصار أمر إدراج صورة ..
عن طريق الذهاب إلى قائمة الاختصارات والضغط على رمز
insert picture from file
|
الآن سنتعلم طريقة إدراج صور فنية ..
ما عليك سوي إتباع الخطوات التالية :
 |
إذهب إلي قائمة الأوامر الرئيسية وأنقر
على insert ثم إذهل إلى
picture ثم اذهب إلى
insert clip ستفتح
لك نافذة جانبية كما في الشكل التالي :
|

 |
الآن من خلال هذه النافذة يمكنك البحث عن
أي صورة فنية تريدها .. حسب نوعيتها أو تستطيع ان تشاهدها جميعها
وبعدها .. أختر ما تريد منها ..
|
 |
ولمشاهدة الصور الفنية الموجودة في
الفرونت بيج .. انقر على clip
organizer ستفتح لك نافذة كما في الشكل التالي :
|

 |
الآن اذهب إلى مجلد office
collection تجد فيه مجلدات كثيرة .. تستطيع فتح
أي كجلد وستظهر الصور في معاينة الصورة على يمين النافذة ..
|
 |
ولكي تدرج أي صورة .. أذهب إلى القئامة
الجانبية insert clip art وأنقر
على search بعدها ستنفتح
قائمة فيها كل الصورة التي يمكن أن تستخدم .. كما في الشكل
التالي :
|
|
 |
الآن اختر أي صورة من الصور المعروضة .. وعند الضغط على أي
صورة .. سوف تنفتح قائمة .. اذهب إلى insert
لكي تقوم بإدراج الصورة

ولمشاهدة أفضل .. وأشمل للصور الموجودة .. أنقر على
results كما في الشكل
التالي :

|
 |
هناك أمر مهم .. جدا يجب أن تدركه وهو
البحث بشكل صحيح عن الصور .. وذلك عن طريق التأكد من أولا
مكان وجود الصور .. وثانيا نوعية الصورة .. كما هو موضح
أدناه :

|
والآن سنتحدث عن الصور الموجزة ..
ماهي هذه الصور .. وكيفية التعامل معها
 |
الصور الموجزة : هي صورة تستبدل عن
طريق الفرونت بيج إكس بي إلى صورة صغيرة وذلك لتحميلها بسرعة
كبيرة .. وطبعا كلما صغر حجم الصور المستخدمة كلما كان تحميلها
على جهاز زائر الموقع أسرع ..
|
 |
طريقة عملها : أدرج أولا ملف
الصورة الكاملة الحجم في صفحة الويب ثم حدد الصورة وأنقر على
الزر auto thumbnail على
شريط أدوات الصورة .. وعند النقر عليها من قبل زائر الموقع
يستطيع عرض الصورة الكاملة الحجم ..
|
|