الدرس الخامس : الصور

الدرس الخامس : الصور

السلام عليكم و رحمة الله تعالى و بركاته في موضيع جديد لمدونة بوابة العلم 

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

نبدأ بحول الله :

العنصر أو الوسم الدي نحتاجه هو كالاتي :

<img src="the name of picture+extention" alt="the name on page" />

حاول فهم الجمل بالانجليزية لم أضعها بالعربية تجنبا للتشوه الجملة ههه

مكان the name of picture+extention نضع اسم الصورة ادا كانت مع مشروعك في نفس الملف أو تضع مسارها ادا لم تكن في نفس الملف ادا واجهتك مشكلة ضعها في تعليق ...

لدينا src اختصار ل source أي المصدر لا تنسى الامتداد ...

يمكنك استعمال جميع الامتدادات و اضافتها لمشروعك ... 

مثلا :

GIF (Graphics Interchange Format)
JPG / JPEG (Joint Photographic Experts Group)
PNG (Portable Network Graphics)


صور GIF تستخدم عادة للرسومات، أما JPEG فتستخدم للصور الفوتوغرافية،هذا لسببين، الأول صور GIF يمكنها أن تحوي فقط 256 لوناً، بينما JPEG يمكنها أن تحوي ملايين الألوان، والسبب الثاني هو أن GIF هي صيغة ملف أفضل لضغط الصور البسيطة أما JPEG فهي أفضل للصور المعقدة التي تحوي تفاصيل كثيرة، وكلما زاد ضغط الصورة صغر حجمها، وهذا يعني أن صفحتك ستظهر بسرعة أكبر، وربما تعرف من خبرتك في المواقع أن الصفحات الثقيلة يمكنها أن تكون بطيئة بشكل كبير لدرجة تزعج الزائر.

في الماضي كانتا صيغة الصورة GIF وJPEG الأكثر استخداماً في صفحات المواقع، مؤخراً صيغة الصور PNG بدأت تكتسب شهرة أكثر وأكثر على حساب صيغة GIF، صيغة PNG تحوي عدة طرق تجمع بين مميزات GIF وJPEG، حيث يمكنها أن تحوي ملايين الصور وتقوم بضغطها بشكل فعال.

بالمناسبة صور جيف يمكنها أن تكون متحركة أي عادة ما تستعمل في الاعلانات و الدعايات لاثارة الانتباه سنتطرق اليها في دورة الفوتوشوب ...




الى هنا ينتهي الدرس و نكون على مشارف الانتهاء من html ... 

ترقبوا المزيد من الدروس في الأيام القادمة  لأننا في دروس css لن نتجاوز يومان على الأكثر ...

لا تنسى و ضع تعليق ...




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