الدرس الرابع

موضوع: الدرس الرابع الجمعة مارس 29, 2019 6:13 pm

ادراج صور في صفحة الويب

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

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

أولا : وسم الصورة
وسم ادراج الصور هو <img>
وحتى نقوم بتحديد الصورة نستخدم كلمة src وهي اختصار من المصدر source ثم نكتب اسمها مع امتدادها المرافق لها ومن امتدادت الصور (png / jpg/ gif/ bmp )

ولمعرف اسم الصورة وامتدادها من خلال الضغط على زر الفأرة الأيمن على الصورة واختيار خصائص كما في الصورة

ثم تظهر هذه النافذة

تظهر امتداد الصورة وموقعها

ولاحظي هنا

تم كتابة اسم الصورة وامتدادها وعند حفظ الصفحة تظهر هكذا

ولتكبير أو تصغير الصورة نضيف على الوسم الارتفاع والعرض هكذا

وتظهر هكذا

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

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

وتعني أن تعرض الصورة بنسبة 60% من حجم الصفحة

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

ننتقل إلى وضع الصورة من مكان آخر غير مجلد صفحة الويب ، يتم ذلك من خلال وضع عنوان الصورة كاملة مع اسمها وامتدادها كما الشكل

والمحدد باللون الصفر هو عنوان الصورة واسمها وامتدادها

وعند كتابة ما يلي

تظهر الصورة في صفحة الويب كالآتي

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

لادراج صورة من موقع ويب نقوم بادراج الصورة من خلال كتابة عناوان الصورة بالكامل

من خلال زر الفأرة الأيمن على الصورة ونختار نسخ عنوان الصورة من خلال الصورة التالية

ثم ننسخها على المفكرة كما في الشكل

وتظهر هكذا

انتهى الدرس بحمد الله

» الدرس الرابع
» الدرس الثالث-ج3
» الدرس الثالث
» الدرس الثالث-ج1
» الدرس الثالث-ج2