القائمة الرئيسية

الصفحات

طريق إدراج ملفات ال pdf في ال html

 في بعض الأحيان تحتاج لإضافة ملفات pdf لموقعك ، فكيف يمكنني إضافة ملفات pdf لموقعي؟ وما هو العنصر المستخدم لرفع ملفات pdf في صفحة الويب ؟ وما نوعه و اسمه؟ كل هذه الأسئلة سيتم الإجابة عنها بالتفصيل في هذا الدرس ، اذا هيا لنبدأ و نشرع في موضوعنا.

أول سؤال ستطرحه على نفسك هو : ماهو ملف pdf

ما هو ملف pdf ؟ 

تنسيق المستند المحمول ، الذي يُختصر عادةً باسم PDF ، هو لغة وصف الصفحة التي قدمتها Adobe Systems في عام 1992 والتي أصبحت معيار ISO في عام 2008.

إضافة ملف pdf والتحكم به ؟

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

إن لإضافة ملفات pdf عليك إستخدام العنصر embed ، وهو عنصر من النوع الثاني ، بأنواع وسوم لغة الترميز ال html ثم علينا إضافة خاصية src للعنصر ، لكي نتمكن من إضافة اسم وصيغة الملف أو رابطه ، مثال </"embed src="> و بعدما نكتب اسم و صيغة ملف ال pdf كل ما علينا القيا به هو تجربه ملف html ، بعد تشغيل ملف ال pdf ستلاحظ أن الملف ال تم عرضه بنجاح ، لكن تصميمه ليس إحترافيا ، اذا ماذا علينا القيام به لإرجاع العنصر embed أو ملف ال pdf أكثر جمالية ، إن تصميم المواقع و صفحات الويب عامة يا طالبي العزيز ، مهمة لغة css ، بكن في هذا الدرس سأريك طريقة تحديد إرتفاع و عرض العناصر ، باستخدام بعض الحركات و الخصائص ن لغة css بداخل عناصر html ، أي بدون انشاء ملف خاص ب css ، إذا لإضافة خاصية العرض ، كل ما علينا القيام به هو إضافة خاصية width="" للعنصر embed ، وتحديد قيمة أو نسبة العرض بالنسبة المئوية ، أي أنك تخبر المتصفح بأن يطبق خاصية العرض width بنسبة x  مثال : </"embed src="" width="90%> ، بهذا المثال أخبرنا المتصفح بأن يطبق خاصية العرض بقيمة أو نسبة 90% ، ونفس الشيئ لطريقة تحديد الإرتفاع لعناصر html ، لكن خاصية العرض height يتم تحديدها بإستخدام قيمة px غالبا أو وحدات قياس اخرى... مثال : </"embed src="" width="90%" height="650px> بهذا المثال ، أخبرنا المتصفح بتطبيق خاصية الإرتفاع على العنصر embed ، فكل ما علينا القيام به الان هو إعادة تحميل الصفحة لكي نلاحظ أنه فعلا قد تم تطبيق هذه الخصائص ، لا تنسى أن يمكنك تحديد العرض و الإرتفاع المنايب لك.

ملاحظة : إن أيضا كل متصفح لايدعم هذا العنصر ، لإنه حديث ، فإنه سيظهر للمستخدم أو متصفح موقعك زرا لتحميل الملف ، لهذا من الأحسن استخدام متصفح جوجل كروم ، لأنه يدعم جميع الإصدارات الحديثة و الجديدة لكل لغات برمجة الويب.

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

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

مشاهدة الدرس

تعليقات