يمكن أن يجعل زر التنزيل موقع الويب الخاص بك يبدو أكثر احترافية بشكل ملحوظ من مجرد تقديم التنزيل من خلال الروابط. يوفر الزر واجهة أكثر وضوحًا ، وإذا كنت ترغب في تصميم أزرار خاصة بك ، فيمكن أن تكون الأزرار جزءًا لا يتجزأ من تصميم صفحتك. اتبع هذا الدليل لإنشاء أزرار HTML أو إنشاء زر لتصميمك الخاص.
خطوات
الطريقة الأولى من 2: إنشاء زر HTML
الخطوة الأولى. قم بإنشاء الزر في محرر التعليمات البرمجية
سيعمل محرر نصوص بسيط مثل Notepad أو TextEdit بشكل مثالي. أدخل الكود التالي في المحرر:
الخطوة 2. تحميل الملف إلى الخادم الخاص بك
إذا كنت ترغب في عرض ملف للتنزيل ، فستحتاج إما إلى استضافته على الخادم الخاص بك أو توجيه الزر إلى الملف في مكان آخر على الويب. استخدم عميل FTP لتحميل الملف الذي تريد إتاحته لخادم موقع الويب الخاص بك.
الخطوة الثالثة. تأكد من حصولك على إذن من مشرف الموقع إذا كنت تريد الارتباط بملف لا تستضيفه بنفسك
الخطوة 4. استبدل "موقع التنزيل" بعنوان URL للتنزيل. تأكد من تضمين علامات الاقتباس الفردية حول العنوان ، بالإضافة إلى علامات الاقتباس المزدوجة حول "window.location = 'Download Location'". قم بتضمين أي بادئات مثل HTTP: // أو FTP: // وقم أيضًا بتضمين امتداد الملف مثل بتنسيق-j.webp" />
الخطوة 5. قم بتسمية الزر
استبدل "نص الزر" بالكلمات التي تريد ظهورها على الزر. تأكد من الاحتفاظ بعلامات الاقتباس المزدوجة حول النص. اجعل نص الزر صغيرًا حتى لا يظهر الزر كبيرًا وغير عملي على الصفحة.
الخطوة 6. ضع الكود في صفحتك
يمكنك إدراج رمز الزر في أي مكان في نص صفحة الويب الخاصة بك ، وسيظهر الزر في ذلك الموقع. قم بتحميل رمز صفحة الويب الذي تم تغييره ، واختبر الزر الجديد.
الطريقة 2 من 2: إنشاء زر صورة
الخطوة 1. صمم زر التنزيل الخاص بك
استخدم محرر الصور المفضل لديك ، وأنشئ زرًا يتوافق مع نمط موقع الويب الخاص بك. يمكنك جعل الزر صغيرًا أو كبيرًا كما تريد.
الخطوة 2. قم بتحميل الملف إلى الخادم الخاص بك وصورة الزر
إذا كنت ترغب في عرض ملف للتنزيل ، فستحتاج إما إلى استضافته على الخادم الخاص بك أو توجيه الزر إلى الملف في مكان آخر على الويب. استخدم عميل FTP لتحميل الملف الذي تريد إتاحته لخادم موقع الويب الخاص بك.
قم بتحميل صورة الزر إلى نفس الموقع على الخادم مثل الصفحة التي تضعها فيها
الخطوة الثالثة. قم بإنشاء كود التنزيل الخاص بك
يعمل زر التنزيل الذي تمثله الصورة بالطريقة نفسها التي تعمل بها جميع الروابط الأخرى بتنسيق HTML. انسخ الكود التالي إلى المحرر المفضل لديك:
الخطوة 4. أدخل في ملفك ومعلومات الصورة. استبدل "Download Location" بعنوان URL الكامل للتنزيل ، بما في ذلك أي بادئات HTTP: // أو FTP: //. استبدل "Image File" باسم ملف صورة زر التنزيل. إذا كان الملف في نفس موقع الصفحة على الخادم الخاص بك ، فلن تحتاج إلى تضمين العنوان بالكامل.
- استبدل "Hover Text" بأي نص تريد أن يظهر عندما يحرك المستخدم المؤشر فوق الصورة.
- استبدل الحرفين "X" و "Y" بعرض الصورة وارتفاعها على التوالي بالبكسل.
- تأكد من الاحتفاظ بعلامات الاقتباس المزدوجة حول كل إدخال.
الخطوة 5. أدخل الرمز في صفحتك
ضع الرمز حيث تريد أن يظهر الزر الخاص بك. قم بتحميل الكود الجديد ، ثم قم بتحميل صفحة الويب للتأكد من أن الزر يعمل. تحقق من تحميل نص التمرير وأن الصورة بالحجم الصحيح.
فيديو - باستخدام هذه الخدمة ، قد تتم مشاركة بعض المعلومات مع YouTube
تحذيرات
- يعد تحميل الملفات على الخادم الخاص بك طريقة أفضل لمشاركة الملفات عبر الإنترنت بدلاً من الاعتماد على مواقع الويب الأخرى لاستضافة الملفات. إذا قمت بنسخ موقع ارتباط من موقع ويب آخر ، فلن يعمل زر التنزيل الذي تقوم بإنشائه إلا طالما كان موقع الارتباط نشطًا.
- لا تقم أبدًا بتحميل ملفات تنتهك قوانين حقوق النشر لأن ذلك قد يؤدي إلى فرض غرامات كبيرة أو السجن.
- اختبر بشكل دوري زر التنزيل أو رابط التنزيل على موقع الويب الذي حصلت منه على موقع الارتباط للتأكد من أن المستخدمين سيتمكنون من تنزيل الملف عند النقر فوق الزر بدلاً من الانتقال إلى رابط معطل حيث لم يعد الملف موجودًا.