كيفية إنشاء ارتباط تشعبي في برنامج فوتوشوب

عندما تقوم بإنشاء رسومات نقطية في Adobe Photoshop للاستخدام عبر الإنترنت ، يمكنك إعداد صورك بحيث ترتبط بعناوين URL التي ترتبط داخل موقع ويب أو خارجه. على الرغم من أن Photoshop لن يحل محل تطبيق تطوير مواقع الويب الكامل ، إلا أنه قادر تمامًا على تزويدك بالصور ورمز HTML الذي تحتاجه للحصول على نقطة فعالة قابلة للنقر داخل تصميم موقع شامل. بمجرد إنشاء الرسم المرتبط تشعبيًا في Photoshop ، قم بدمجه في موقع ويب عميل أو شركة.

1

اضغط على "C" لتحديد أداة Slice. اختر نمط شريحة في شريط الخيارات. في الوضع العادي الافتراضي ، تقوم بالنقر والسحب على منطقة صورة المستند لإنشاء شرائح. أدخل النسب الرقمية لإنشاء نسبة ارتفاع إلى عرض لنمط نسبة العرض إلى الارتفاع الثابتة. لاحظ أن هذه القيم لا تمثل الأبعاد الفعلية. لإدخال قياسات شريحة معينة ، اختر نمط "حجم ثابت".

2

انقر واسحب على المستند الخاص بك لإنشاء شرائح. إذا كنت قد أضفت قواعد إرشادية إلى صورتك ، فانقر فوق خانة الاختيار "شرائح من الأدلة" في شريط الخيارات حتى يقوم Photoshop تلقائيًا بإنشاء شرائح باتباع الإرشادات.

3

اضغط على "Shift-C" للتبديل إلى أداة Slice Select. نظرًا لأنه متداخل مع أداة Slice ويشترك في نفس اختصار لوحة المفاتيح ، فأنت بحاجة إلى استخدام مفتاح التعديل للتنقل من أداة إلى أداة متداخلة.

4

انقر نقرًا مزدوجًا فوق الشريحة التي تريد تعيين عنوان URL لها ، وافتح مربع الحوار Slice Options. اكتب عنوان URL الخاص بك أو الصقه في حقل إدخال بيانات عنوان URL ، باستخدام تنسيق URL نسبي أو كامل. يقوم عنوان URL النسبي بتحميل الموقع الموجود داخل الموقع الذي يحتوي على الارتباط. يبدأ عنوان URL المطلق بـ "//" ويتضمن الارتباط الكامل للصفحة ، والذي يتم تحميله عادةً من موقع ويب آخر.

5

حدد موقع تحميل الصفحة في حقل إدخال الهدف. لفتح نافذة متصفح جديدة للصفحة التي تقوم بتحميلها ، أدخل "_blank" بدون علامات التنصيص. لاستبدال محتوى الصفحة الحالية بالصفحة الجديدة ، أدخل "_self" بدون علامات الاقتباس.

6

قم بإنشاء كود HTML الذي يشكل أساس الارتباط الذي أضفته. افتح قائمة "ملف" واختر "حفظ للويب والأجهزة" للوصول إلى إمكانات تحسين Photoshop والتصدير. بمجرد اختيار إعدادات إخراج الصورة والنقر فوق الزر "حفظ" ، تقوم بإدخال مربع الحوار Save Optimized As. عيّن التنسيق لتضمين HTML في تصدير ملفك وحدد خيارات HTML.