إضافة الصور

تاريخ التسجيل : 01/01/1970

هذا الدرس مسلي جدا فهو سيعلمك كيفية إضافة الصور.

أولا : إضافة الصورة

والآن وصلنا معا إلى هذا الدرس المفيد جدا .....فهنا سوف تتعلم معنا كيفية إضافة الصور الى موقعك

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

<IMG>

مع الخاصية

SRC

والآن هيا معا إلى التطبيق........نفترض بأن لديك صورة قد اسميتها

image1

فكيف تستطيع إدراجها في موقعك

حسنا فلنكتب الأمر معا

سيكون بهذه الطريقة

<IMG SRC="image1.jpg">

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

--------------------------------------------------------------------------------

ثانيا: التحكم في عرض وطول الصورة

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

لذلك سوف نتعلم الان كيفية تغيير عرض وطول الصورة ولن يكلفنا هذا تعلم وسم
جديد....بل سوف نستخدم الوسم الذي تعلمته منذ قليل مع خصائص جديدة وهذه
الخصائص هي

HEIGHT , WIDTH

سوف اذكر لك مثالا الآن لتتعلم كيفية استخدام تلك الخصائص

<IMG SRC="image1.jpg" HEIGHT="200" WIDTH="300">

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

--------------------------------------------------------------------------------

ثالثا: كتابة نص بديل عن الصورة

ربما قد تلاحظ حينما تتصفح موقعا بأن تحميل الصور بعض الاحيان يكون بطيئا وقبل ظهور الصورة يكون هنالك نصا مكتوبا في مكان الصورة

فيا ترى كيف ظهر ذلك النص؟

الأمر في غاية السهولة ، فقط يلزمك استخدام خاصية جديدة في نفس الوسم السابق

وهذه الخاصية تسمى

ALT

نفترض انك تريد اضافة الجملة التالية لتكون خلف الصورة ليراها كل من تحميله للصور بطيء او ان اتصاله يكون بدون صور

وهذه الجملة هي: صورة للموسوعة العربية للكمبيوتر والانترنت

لذلك كل ما علينا فعله هو كتابة التالي

<IMG SRC="image1.jpg" ALT="صورة للموسوعة العربية للكمبيوتر والانترنت >

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

--------------------------------------------------------------------------------

رابعا: إضافة إطار للصورة

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

وهكذا سوف نتعلم معا خاصية جديدة تستعملها أيضا مع نفس الوسم السابق ألا وهي

BORDER

وتستطيع تحديد سمك الإطار حسب رغبتك

وسوف أذكر لك مثالا يوضح كلامي والقيم التي تضيفها هي قيم بالبيكسل

<IMG SRC="image1.jpg" BORDER="4">

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

اتمنى أن يكون الدرس أعجبك.

والآن هيا بنا لدرس آخر.

» صور عجيبة وغريبة اجمل الصور صور حقيقية غريبه اغرب الصور فى العالم
» أنصح ضعاف القلوب........عدم الدخول إضافة رد
» حصريا طريقة إضافة صفحة PHP في صفحة HTML درس بسيط ومهم !!
» أُعجوبة الصحراء الليبية ،، ارضيها اشبه بسطح القمر إضافة رد
» إضافة جديدة للفايرفوكس googalexa معرفة البيج رانك جوجل و ترتيب أليكسا