نحوه افزودن لینک به تصویر در Adobe Dreamweaver
دریمویور، به عنوان یک محیط توسعه یکپارچه تخصصی برای ویرایش کدهای اچتیامال، امکان اتصال پیوندهای هایپرلینک به عناصر تصویری را با فرآیندی ساده و کاربرپسند فراهم میسازد. این راهنما به تشریح گامبهگام و دقیق مراحل فنی لازم برای اجرای این عملیات میپردازد.
مراحل
Adobe Dreamweaver را اجرا نمایید. یک پروژه موجود را بارگذاری کرده یا اقدام به تعریف یک وبسایت جدید کنید. سپس، در محیط برنامه، یک سند با فرمت HTML ایجاد نمایید.
تگهای بدنه (Body Tags)
2. در فرآیند ایجاد یک سند HTML نوین، نرمافزار Dreamweaver به صورت خودکار یک چارچوب پایهای و استاندارد برای ساختار وبسایت تولید مینماید. در ادامه، نشانگر متنی (Cursor) را در محدودهی میان تگ آغازین <body> و تگ پایانی </body> قرار دهید.
برای درج تصویر مورد نظر، به بخش “درج” (Insert) واقع در نوار ابزار فوقانی مراجعه نمایید. گزینه “تصویر” (Image) را انتخاب کنید و در منوی فرعی ظاهر شده، مجدداً گزینه “تصویر” (Image) را برگزینید تا دیالوگ بارگذاری فایل فعال گردد.
ابعاد تصویر
4. ابعاد تصویر را از طریق تعیین تعداد پیکسلها در فیلدهای «عرض» (Width) و «ارتفاع» (Height) پیکربندی نمایید.
حالت Design
5. به بخش “Design” مراجعه نمایید تا پیشنمایش بصری قالب تصویر انتخابی را ملاحظه کنید. گزینه ‘Live’ را فعال کنید تا شبیهسازی دقیقی از نحوه نمایش نهایی این تصویر در محیط واقعی وبسایت خود را مشاهده نمایید.
6. بر روی تصویر مورد نظر کلیک نمایید. در پنجره “Properties” که ظاهر میشود، فیلد متنی خالی با برچسب ‘Link’ مشاهده خواهد شد. آدرس URL کامل صفحه وب مقصد را با رعایت پروتکل اولیه (شامل پیشوند `http://` یا `https://`) در این فیلد درج کنید.
برای ثبت و بایگانی تغییرات اعمالشده، از کلیدهای ترکیبی Ctrl + S (ذخیره) یا Ctrl + Shift + S (ذخیره با نام جدید) استفاده نمایید.
