الرسومات والصور

الرسومات والصور

يشير مصطلح الرسومات
graphics عادة إلى أي عنصر مرئي غير نصي يظهر على صفحة
الويب . في حين يشير مصطلح الصور في الغالب إلى الملفات الرسومية الساكنة التي توجد
في صيغتين هما GIF و JPEG .






من أهم القواعد التي يجب
أن تنتبه لها عند استخدام الصور في الويب وهي :




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




2-
اجعل كل صفحة ويب لديك تحتفظ بأقل عدد من الصور :
وجود عدد كبير من الصور في صفحة الويب أمر سيء ، لأنه يؤدي إلى بطء التحميل كثيراً
.





3-
لا تضف الصور إلى صفحة الويب لمجرد أنك تملك صوراً
كثيرة : تأكد من أن الصور التي تضيفها إلى صفحاتك
سوف تضيف شيئاً ما إلى محتواها .






" ثمة طريقة تسهل عليك
إنشاء صفحات الويب الخاصة بك ، تقوم هذه الطريقة على إنشاء مجلد للصور – اسمه
-/ IMAGES داخل مجلد Web
الخاص بك حيث تخزن فيه كل ملفات الصور لديك فعند إنشاء موقع ويب يتم في الوضع
الافتراضي إنشاء مجلد -/ IMAGES ليستخدم في تخزين ملفات
الصور الخاصة بك .






لإضافة صورة إلى صفحة
الويب :





1-
في فرونت بيج ، افتح صفحة جديدة داخل الموقع الخاص بك .




2-
من قائمة Insert ، حدد خيار
Picture ثم From File لتفتح مربع
حوار Picture .



3-
حدد ملف الصورة التي تريد إدراجها في صفحتك .




4-
انقر زر ok وستظهر الصورة في
صفحة الويب انظر الشكل .




5-
من قائمة File ، حدد أمر
save لتفتح مربع حوار save as
( انظر الشكل 1 - 6 ) لتتأكد من أن ملف الصورة قد تم حفظه مع موقع الويب إلى جانب
حفظه في مجلد /IMAGES .





6-
إذا لم يكن المجلد المحدد لحفظ ملف الصورة هو مجلد
IMAGES ، فانقر زر Changes ثم
حدد مجلد IMAGES ثم انقر زر ok
.






7-
انقر زر ok لتحفظ ملف الصورة
مع موقع الويب الخاص بك .








من الإعدادات التي يمكنك
القيام بها لتعديل ملفات الصور ما يلي :





×
التحكم في أبعاد الصورة داخل الصفحة





×
التحكم في طريقة محاذاة النص بالنسبة للصورة





×
تحديد إذا ما كان سيتم عرض الصورة داخل الحدود





×
إضافة ارتباط تشعبي إلى الصورة





ولتعديل طريقة عرض الصورة
داخل صفحة الويب :





1-
حدد الصورة التي تريد تعديلها .




2-
من قائمة Format ، حدد أمر
Properties لتفتح مربع حوار Picture Properties
( انظر الشكل 6 - 2 )
.



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




4- لتعديل
أبعاد الصورة ، حدد علامة تبويب Appearance لتفتح
النافذة الخاصة بها .



5-
قم بتغيير قيمتي العرض والارتفاع لتعدل أبعاد عرض الصورة .




6-
انقر زر ok لحفظ تغييراتك
وإغلاق مربع حوار Picture Properties .