اضافه کردن تصاویر به صفحات وب شما

گرفتن تصاویر برای نمایش مناسب

هر گونه تصاویری که می خواهید در HTML وب سایت خود پیوند دهید، ابتدا باید به همان محل ارسال HTML برای صفحه وب ارسال شود، اینکه آیا سایت در سرور وب شما توسط FTP میزبانی می شود یا شما از سرویس میزبانی وب استفاده می کنید. اگر از سرویس میزبانی وب استفاده می کنید، احتمالا از یک فرم آپلود ارائه شده توسط سرویس استفاده کنید. این فرمها معمولا در قسمت مدیریت حساب میزبانی شما هستند.

آپلود تصویر شما به سرویس میزبانی تنها اولین گام است. سپس شما باید یک تگ را در HTML اضافه کنید تا آن را شناسایی کنید.

آپلود تصاویر به همان دایرکتوری به عنوان HTML

عکس های شما ممکن است در یک دایرکتوری همانند HTML قرار بگیرند. اگر این مورد است:

1. یک تصویر را به ریشه وب سایت خود آپلود کنید.
2. یک تگ تصویر در HTML خود اضافه کنید تا به تصویر اشاره کنید.
3. فایل HTML را به ریشه وب سایت خود آپلود کنید.
4. با باز کردن صفحه در مرورگر وب، فایل را امتحان کنید.

تگ تصویری فرمت زیر را می گیرد:

فرض کنید شما یک عکس از ماه را با نام "lunar.jpg" آپلود می کنید، برچسب تصویر فرم زیر را می گیرد:

ارتفاع و عرض اختیاری است، اما توصیه می شود. توجه داشته باشید که برچسب تصویر نیازی به تگ بسته ندارد.

اگر به یک تصویر در یک سند دیگر پیوند دهید، از تگ های لنگر استفاده کنید و تگ تصویر را داخل آن قرار دهید.

آپلود تصاویر در یک زیر شاخه

شایع تر است که تصاویر را در یک sub-directory ذخیره کنیم، معمولا به نام Images می شود . برای اشاره به تصاویر در آن دایرکتوری، شما باید بدانید که در رابطه با ریشه وبسایت شما چیست.

ریشه وب سایت شما، جایی است که نشانی اینترنتی، بدون هیچ دایرکتوری در انتها نمایش داده می شود. به عنوان مثال، برای یک وب سایت به نام "MyWebpage.com"، ریشه این فرم را دنبال می کند: http://MyWebpage.com/. توجه داشته باشید که اسلش در پایان. این است که معمولا ریشه دایرکتوری مشخص می شود. زیر شاخه ها شامل این اسلش برای نشان دادن جایگاه آنها در ساختار دایرکتوری است. سایت نمونه MyWebpage ممکن است ساختار داشته باشد:

http://MyWebpage.com/ - دایرکتوری ریشه http://MyWebpage.com/products/ - دایرکتوری محصولات http://MyWebpage.com/products/documentation/ - دایرکتوری مستندات در دایرکتوری محصولات http: // MyWebpage.com/images/ - دایرکتوری تصاویر

در این مورد، هنگامی که به تصویر خود در دایرکتوری تصاویر اشاره می کنید، نوشتن می کنید:

این مسیر مطلق به تصویر شما نامیده می شود.

مشکلات رایج با تصاویری که نمایش داده نمیشوند

گرفتن تصاویر برای نشان دادن بر روی صفحه وب خود را در ابتدا چالش برانگیز است. دو دلیل عمده این است که تصویر آپلود نشده است جایی که HTML اشاره دارد یا HTML نادرست نوشته شده است.

اولین کاری که باید بکنید این است که ببینید آیا می توانید تصویر خود را آنلاین پیدا کنید. بسیاری از ارائه دهندگان میزبانی وب دارای نوعی ابزار مدیریتی هستند که می توانید از آنها برای دیدن تصاویر که در آن تصاویر آپلود کرده اید استفاده کنید. بعد از اینکه فکر میکنید URL درستی برای تصویر دارید، آن را در مرورگر خود تایپ کنید. اگر تصویر نشان داده شود، شما محل درستی دارید.

سپس بررسی کنید که HTML شما به آن تصویر اشاره دارد. ساده ترین راه این است که نشانی اینترنتی تصویری را که فقط به ویژگی SRC تست کردید، بچسبانید. دوباره بارگذاری صفحه و تست

ویژگی SRC تگ تصویر شما هرگز نباید با C: \ یا فایل شروع شود: هنگامی که صفحه وب خود را در رایانه خود آزمایش می کنید، این کار به نظر می رسد، اما هرکسی که از سایت شما بازدید می کند، یک تصویر شکسته را مشاهده می کند. این به این دلیل است که C: \ بر روی یک محل در هارد دیسک شما اشاره می کند. از آنجا که تصویر در هارد دیسک شماست، هنگام مشاهده آن نمایش داده می شود.