صفحات الويب الملونة التي رأيتها اليوم كلها بسبب تأثيرات الصور. فكر في الأمر ، فإن صفحات الويب على الإنترنت كلها نص عادي ، وهو ممل للغاية ، وستعرف أهمية الصور في تصميم الويب. يمكن إدراج الصور في صفحات HTML. تنسيقات الصور شائعة الاستخدام لصفحات الويب هي JPEG و GIF:
JPEG (مجموعة خبراء التصوير المشترك) هو تنسيق ملف مصمم خصيصًا لصور الصور. JPEG يدعم ملايين الألوان. JPEG عبارة عن تنسيق ضياع الجودة ، مما يعني أن بعض بيانات الصورة قد فقدت أثناء الضغط ، مما يقلل من جودة الملف النهائي. ومع ذلك ، يتم تجاهل بيانات الصورة قليلاً جدًا ولن يكون هناك فرق كبير للغاية في الجودة.
تنسيق تبادل الرسوم GIF هو تنسيق شائع جدًا في صور الويب. على الرغم من أنه يشمل 256 لونًا فقط ، إلا أن GIF توفر خسارة ممتازة ، ولا يوجد أي فقدان لضغط الصورة تقريبًا. ويمكن أن تحتوي GIFs على مناطق شفافة ورسوم متحركة متعددة. إنه يضغط عن طريق مسح صفوف البكسل أفقياً للعثور على مساحة ملونة ثابتة ، ثم يقلل من عدد البكسلات في نفس المنطقة. لذلك ، عادةً ما تكون صور GIF مناسبة للرسوم الكاريكاتورية والرسومات والشعارات والرسومات ذات المناطق الشفافة والرسوم المتحركة ، إلخ.
يمكن أن يؤدي إدخال الصور في الصفحة إلى تجميلها. لا يوجد سوى علامة واحدة لإدراج الصورة ، وهي علامة <img>. عند إدخال صورة ، لا يكفي فقط استخدام علامة <img> ، ويجب إكمالها بسمات أخرى ، كما هو موضح في الجدول التالي.
من خلال تحديد مسار ملف مصدر الصورة مع سمة SRC ، يمكن إكمال إدخال الصورة.
حدد المسار من خلال سمة SRC ، File_Name هو المسار لإدراج الصورة.
أدخل الصورة من خلال سمة SRC التي تحمل علامة <ficg>.
01 <!----------------------------------------------------------------------------------------------------------------
02 <!-مثال ملف: 9-1.HTM->
03 <!-وصف الملف: أدخل الصورة->
04 <!------------------------------------------------------------------------------------------------------------------
05 <html>
06 <head>
07 <TITLE> أدخل الصورة </title>
08 </head>
09 <Body>
10 <H1> برنامج تصميم الويب السائد </h1>
11 <IMG SRC = 9-1.JPG>
12 في الوقت الحاضر ، أدخلت تقنية صفحة الويب مرحلة جديدة. الآن لم تعد صفحات الويب مكدسة الصور والنص الممل. يتابع الناس الآن التأثيرات الديناميكية وتفاعل صفحات الويب. تصميم الويب الخاص بـ Macromedia Three Musketeer Dreamweaver و Flash و Fireworks هم ممثلون رائعون لتصميم الويب التفاعلي. يرث الإصدار الأخير MX 2004 مزايا الإصدار السابق ويدمج الوظائف ، وهو مناسب جدًا لاحتياجات تصميم الويب وبناء موقع الويب. <p>
13 </Body>
14 </html>
السطر 11 إدراج ملف الصورة بتنسيق JPEG.