كيفية إضافة ارتباط إلى صورة في Adobe Dreamweaver: 7 خطوات

جدول المحتويات:

كيفية إضافة ارتباط إلى صورة في Adobe Dreamweaver: 7 خطوات
كيفية إضافة ارتباط إلى صورة في Adobe Dreamweaver: 7 خطوات

فيديو: كيفية إضافة ارتباط إلى صورة في Adobe Dreamweaver: 7 خطوات

فيديو: كيفية إضافة ارتباط إلى صورة في Adobe Dreamweaver: 7 خطوات
فيديو: Trello Arabic Crash Course | تعلم مبادئ تريلو 2024, أبريل
Anonim

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

خطوات

أضف ارتباطًا إلى صورة في Adobe Dreamweaver الخطوة 1
أضف ارتباطًا إلى صورة في Adobe Dreamweaver الخطوة 1

الخطوة 1. افتح Dreamweaver

افتح ملفًا موجودًا أو حدد موقعًا جديدًا وأنشئ ملف HTML جديدًا ، إذا لم تكن قد قمت بذلك بالفعل.

أضف ارتباطًا إلى صورة في Adobe Dreamweaver الخطوة 2
أضف ارتباطًا إلى صورة في Adobe Dreamweaver الخطوة 2

الخطوة 2. عند إنشاء ملف HTML جديد ، سيقوم Dreamweaver بالفعل بإنشاء بنية صفحة ويب أساسية لك

أدخل المؤشر في مكان ما بين العلامتين و.

أضف ارتباطًا إلى صورة في Adobe Dreamweaver الخطوة 3
أضف ارتباطًا إلى صورة في Adobe Dreamweaver الخطوة 3

الخطوة الثالثة. أدخل الصورة التي تريدها

هناك ثلاث طرق بديلة للقيام بذلك:

  • انتقل إلى لوحة "إدراج" في الجزء العلوي. انقر فوق "صورة" وحدد "صورة" من القائمة الفرعية التي تظهر.
  • إلى اليمين ، يوجد شريط مكتوب عليه "إدراج" و "ملفات" في الأعلى. انقر فوق "تحديد" ثم انقر فوق "عام" من القائمة المنسدلة. الآن ، أدخل الصورة بالنقر فوق "صورة". إذا لم يظهر هذا الشريط ، فانقر حيث تتم كتابة مساحة العمل "مضغوط" أو "موسعة". انقر فوق "Compact" ، ثم "Reset Compact" لإعادة تعيين الإعدادات الافتراضية لبرنامج Dreamweaver.
  • اضغط على Ctrl + Alt + I على لوحة المفاتيح.
أضف ارتباطًا إلى صورة في Adobe Dreamweaver الخطوة 4
أضف ارتباطًا إلى صورة في Adobe Dreamweaver الخطوة 4

الخطوة 4. اضبط حجم صورتك عن طريق إدخال عدد البكسل في حقلي "العرض" و "الارتفاع"

أضف ارتباطًا إلى صورة في Adobe Dreamweaver الخطوة 5
أضف ارتباطًا إلى صورة في Adobe Dreamweaver الخطوة 5

الخطوة 5. انتقل إلى وضع "التصميم" لترى كيف تبدو صورتك

انقر فوق "مباشر" لترى كيف سيبدو بالفعل في موقع الويب الخاص بك.

أضف ارتباطًا إلى صورة في Adobe Dreamweaver الخطوة 6
أضف ارتباطًا إلى صورة في Adobe Dreamweaver الخطوة 6

الخطوة 6. اضغط على الصورة

أضف ارتباطًا إلى صورة في Adobe Dreamweaver الخطوة 7
أضف ارتباطًا إلى صورة في Adobe Dreamweaver الخطوة 7

الخطوة 7. احفظ صفحة الويب الخاصة بك بالضغط على Ctrl + S (حفظ) أو Ctrl + Shift + S (حفظ باسم).

نصائح

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

موصى به: