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

في هذه الدروس سوف أقوم بالحديث عن الصور والرسومات وما يتعلق بالتعامل معها، بالإضافة إلى التعريف بأنواع الملفات الرسومية الدارجة في الإنترنت.

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

إن الأبعاد الأساسية لأي صورة يمثل أمر هام جدا لإدراج صورة في صفحتك ولكن هل نستطيع أن نتحكم أيضاً في إظهار الصورة بالحجم الذي نريده؟!!! و الإجابه نعم  . كيف؟ من خلال هذا الوسم بإضافة الخصائص HEIGHT, WIDTH متبوعة بأرقام تمثل الإرتفاع والعرض المطلوبين. ويكون الوسم بهذا الشكل

<IMG SRC="l.gif" HEIGHT="3" WIDTH="500">

وللتوضيح إليك هذا المثال

<img src="images/a.gif" width="200" height="94">

لاحظ الفرق إذا قمنا بتغيير الإرتفاع و الطول

<img src="images/a.gif" width="400" height="200">

ما هي الفوائد التي تعود من كتابه الإرتفاع و العرض الصحيح

• يمنع فوضي التحميل الخاطئ لصفحتك

• صفحتك تبدو في التحميل أسرع وكل شيء في المكان الصحيح

• إذا لم يستطيع الزائر روئية الصورة فسيظهر له إطار بحجمها الصحيح

الوسم ALT

الخاصية التالية التي تستخدم مع <IMG> هي ALT وفيها نحدد نصاً بديلاً يظهر مكان الصورة. وهذا النص يلاحظ خصوصاً عندما يكون خيار "إظهار الصور تلقائياً" غير فعال في المتصفح. كما تستطيع ملاحظته في الفترة التي تسبق تحميل الصور وخاصة في المواقع بطيئة التحميل. ويكون الوسم بهذا الشكل

<IMG SRC="bearbig.gif" ALT="A lovely bear دب جميل">

هوامش الصورة Image margins
لتحديد المسافة الفاصلة بين الصورة  وبين النص الذي يجاورها. نستخدم لذلك الخصائص التالية:
VSPACE: لتحديد المسافة العمودية الفاصلة بين النص والحافتين العليا والسفلى للصورة.
HSPACE: لتحديد المسافة الأفقية الفاصلة بين النص والحافتين اليمنى واليسرى للصورة.

وتكون صيغة الوسم بهذا الشكل

<IMG SRC="go.gif" HSPACE="10" VSPACE="10">

الدرس التالي»»»

< الصفحة الرئيسيه | المرجع الكامل | الصور >