الصفحة الرئيسية
الصفحة الرئيسيه المرجع الكامل كتب وبرامج مجانية المنتدي  مواقع هامه

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

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

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

إن الأبعاد الأساسية لأي صورة يمثل أمر هام جدا لإدراج صورة في صفحتك ولكن هل نستطيع أن نتحكم أيضاً في إظهار الصورة بالحجم الذي نريده؟!!! و الإجابه نعم  . كيف؟ من خلال هذا الوسم بإضافة الخصائص 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 دب جميل">

A lovely bear دب جميل


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

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

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

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

 

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

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

 

المصدر العربي التعليمي للـHTML

¤  المحتويات 

البدايه هنا
أبدأ هنا ·
دروس سريعة للمبتدئين ·

الدروس المتخصصه
النص ·
الصور ·
الجداول ·
الأطر ·
النماذج ·

 

فهرس الصور  ¤

> أنواع الملفات

> الصورة ذات البيكسل الواحد

> Thumbnails

> خرائط الصور

> الوسائط المتعددة

> أسماء الألوان

> 216كود للألوان

> مكعب الألوان

 

¤  Html4Arab صندوق الأدوات 

> إبحث في الموقع  Search


Html4Arab بحث المصدر العربي التعليمي لل HTML يأتيكم من [Atomz.com] بحث متقدم


أشترك في القائمة البريدية
لتحصل علي آخر آخبار
الموقع و التحديثات

أشترك إلغاء الإشتراك

> أخبر صديقك عن الموقع

هل أعجبت بموقعنا


أذن أضفنا إلي المفضله <


مستخدمين ال Netscape أضغط CTRL+D

 
" إعلانات "


برعاية شبكة هايل

^ أعلي^ للإعلان بالموقع اربط بموقعنا أتصل بنا

© 2002 Ahmed Salah