أساسيات إدراج الصور

الآن أصبح عندك صفحات مربوطة بوصلات تشعبيه و منسقه إلي حد ما ولكن هل هذا يقنعك ؟! أنا لا أعتقد لابد من أنه يوجد شيء ناقص لابد واننا نسينا شيء ما !!! أه..... أنها الصور أن الدارسين الجدد يفضلون ملء صفحاتهم بالصور لكي يضيفوا الناحيه الجماليه لصفحاتهم ، فلهذا لابد وان تكون منتبه الآن و أذا كان لديك أي إستفسار عن الصفحات السابقه أذهب إلي الدروس المتقدمة ففبها شرح أكثر وأن لم يفيدك أرسل لي ولا تتردد .

إدراج صورة

في البدايه كالعاده نتعرف علي الوسم الخاص بإدراج صورة و هو <IMG> وهو وسم مفردو الكلمة إختصار لكلمة (IMAGe ). لكن هل يكفي هذا لإدراج صورة؟ كلا، بالطبع يجب أن نحدد الصورة التي نريدها. لذلك نضيف الخاصية له SRC لتحديد موقع واسم الصورة والكلمه إختصار(SouRCe) أي المصدر وتكون الصيغة كالاتي:-

و لقد أخترت الصورة ذات الأسم go و التي إمتدادها gif ( لابد و أن تتأكد أن نوع الملفات صحيح ) و تظهر بهذا الشكل

إدراج صورة ذات وصله:-

بالطبع تستطيع أن تدرج صورة ذات وصله تشعبيه إلي صفحة أخري أو حتي إلي ملف و تكون الصيغة كالاتي:-

<A HREF="FirstPage.htm"><IMG SRC="go.gif"></A>

 وتظهر بهذا الشكل

و تلاحظ أن الصورة لاتبدو مثل الصورة السابقه تمام !!.وهذا لان المستعرض أحاط الصورة بإطار (BORDER ) ليظهر أن هذه الصورة ذات وصله تشعبيه إلي صفحة أخري او ملف . بالطبع هذه الطريقه ليست دائما تلاقي ترحيب فلهذا من الممكن أن تتخلص من هذا الإطار بأن تضع هذه الخاصيه داخل كود أو شفرة إدراج الصورة "0"=border  وفي أغلب الأحوال تكون قيمة الإطار ب 2 و تستطيع أن تقلل أو تزيدها كما تحب و بالطبع تستطيع أن تضع إطار للصورة التي لا تحتوي علي وصله كما في المثال التالي

<img border="6" src="go.gif">

 الخواص الأساسيه للصورة:-

عندما نقوم بإدراج صورة ضمن فقرة فإن موقع ظهورها يتحدد بالطبع حسب ترتيب ورودها في الفقرة، مثلها مثل أي كلمة أو عبارة أخرى. ونستخدم الخاصية ALIGN لتحديد محاذاة الصورة مع النص المرافق لها أو لنقل بعبارة أخرى: تحديد موقع النص الذي يليها بالنسبة لها وهي تأخذ القيم: BOTTOM, TOP, MIDDLE, LEFT, RIGHT وأوضح لك تأثير كل قيمة كما يلي:

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

والآن إلي الفصل التالي :- ألوان الوصلات و الخلفيه

< الصفحة الرئيسيه | المرجع الكامل | فهرس المبتدئين >