نحوه افزودن پیوند به تصویر در Adobe Dreamweaver: 7 مرحله

فهرست مطالب:

نحوه افزودن پیوند به تصویر در Adobe Dreamweaver: 7 مرحله
نحوه افزودن پیوند به تصویر در Adobe Dreamweaver: 7 مرحله

تصویری: نحوه افزودن پیوند به تصویر در Adobe Dreamweaver: 7 مرحله

تصویری: نحوه افزودن پیوند به تصویر در Adobe Dreamweaver: 7 مرحله
تصویری: softcast #9 - مدیریت وظایف فردی و کسب و کار با نرم افزار Trello 2024, آوریل
Anonim

هنگام ساخت وب سایت ، موارد خاصی را باید در نظر داشت ، یکی از آنها جالب توجه کردن سایت شما برای بینندگان است. با Dreamweaver ، یک برنامه ویرایش HTML ، تبدیل تصویر به پیوند آسان است. این مقاله نحوه انجام این کار را به شما نشان می دهد!

مراحل

افزودن پیوند به تصویر در Adobe Dreamweaver مرحله 1
افزودن پیوند به تصویر در Adobe Dreamweaver مرحله 1

مرحله 1. Dreamweaver را باز کنید

اگر قبلاً این کار را نکرده اید ، یک فایل موجود را باز کنید یا یک سایت جدید تعریف کنید و یک فایل HTML جدید ایجاد کنید.

افزودن پیوند به تصویر در Adobe Dreamweaver مرحله 2
افزودن پیوند به تصویر در Adobe Dreamweaver مرحله 2

مرحله 2. هنگامی که یک فایل HTML جدید ایجاد می کنید ، Dreamweaver از قبل یک ساختار اصلی صفحه وب را برای شما ایجاد می کند

مکان نما خود را در جایی بین برچسب های and وارد کنید.

افزودن پیوند به تصویر در Adobe Dreamweaver مرحله 3
افزودن پیوند به تصویر در Adobe Dreamweaver مرحله 3

مرحله 3. تصویر مورد نظر خود را وارد کنید

سه روش جایگزین برای انجام این کار وجود دارد:

  • به پانل "Insert" در بالا بروید. روی "تصویر" کلیک کنید و از زیر منوی ظاهر شده "تصویر" را انتخاب کنید.
  • در سمت راست ، یک نوار وجود دارد که "Insert" و "Files" در بالا نوشته شده است. روی «انتخاب» و سپس روی «مشترک» از منوی کشویی کلیک کنید. اکنون ، تصویر را با کلیک روی "تصویر" وارد کنید. اگر آن نوار ظاهر نمی شود ، روی جایی که فضای کاری "Compact" یا "Expanded" نوشته شده است کلیک کنید. روی "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 ، پس زمینه را به یکی از موارد مشابه در صفحه وب خود تغییر دهید.
  • روی کوچک کلیک کنید گلوب نماد در بالا برای مشاهده آن در مرورگر خود.

توصیه شده: